Examples of ways the figure and figcaption elements can be announced to AT users

The figure is denoted visually with a solid border. The figcaption has a dashed border and shaded background. The text representing voiced AT semantic information is emphasised.

Scenario 1

Figure role start and end and caption role is announced. caption is announced before the content it labels.

figure start.

Caption.

JavaScript alert code example

function warning()
{alert('Warning!')}

figure end.

Scenario 2

Figure role start and end and caption role is not announced announced. caption is announced before the content it labels.

figure start.

JavaScript alert code example

function warning()
{alert('Warning!')}

figure end.

Scenario 3

Figure role is not announced, caption role is announced. caption is announced before the content it labels.

Caption.

JavaScript alert code example

function warning()
{alert('Warning!')}

Scenario 4

Figure role is not announced, caption role is announced. caption content is announced as per source order (in this case after the content it labels).

function warning()
{alert('Warning!')}

Caption.

JavaScript alert code example

Scenario 5

Neither figure or caption roles are announced. Caption content is announced as per source order (in this case after the content it labels).

Note: this is current behaviour with no support for the figure or figcaption elements.

function warning()
{alert('Warning!')}

JavaScript alert code example