Accessible Name and Description Tests

This page is a test of assistive technologies' support for accessible name and description, as defined by the Text Alternative Computation Algorithm (in the ARIA spec) and clarified in the W3C's HTML to Platform Accessibility APIs Implementation Guide. In other words, if faced with multiple choices for how to identify an element, which of the choices should assistive technologies use? This page was designed to test which choices assistive technologies do use.

Each of the following elements has tabindex="0" so you can tab between them, as if on a form. Each element includes the following:

aria-label
aria-labelledby
placeholder (form input only)
value (button only)
alt (image only)
title

Form Input

Description of input field

Label for input field

Button

Description of button

Image

Description of image:

Photo of Earth from space (alt attribute)

Anchor elements

Description of link:

Link to Terrill's home page

Text Element Listed Under 6.11 (in this case, )

Content inside element.

Text Element not Listed Under 6.11 (in this case, )

Content inside element.

Observations

For input, JAWS 15 reads the ARIA-label first, then title
For input, NVDA reads aria-labelledby first, then title
For input, Voiceover for Mac OS reads placeholder, then <label>, then aria-labelledby
For button, JAWS reads the ARIA-label first, then title
For button, NVDA reads the aria-label first, then aria-labelledby
For button, VoiceOver for Mac OS reads only aria-labelledby
For image, JAWS reads only the aria-label
For image, NVDA reads only the alt attribute
For image, VoiceOver for Mac OS reads only aria-labelledby
For link, JAWS reads only aria-label
For link, NVDA reads only aria-label
For link, VoiceOver for Mac OS reads the link text, then aria-labelledby
For text inside or , JAWS reads only the content.
For text inside , NVDA reads only aria-label.
For text inside , NVDA reads only the content.
For text inside or , VoiceOver for Mac OS reads only the aria-label.