HTML5 Accessibility

Implementation status for HTML5 element/attribute accessibility mappings

last updated 01/07/14

The HTML WG's Model CR Exit Criteria (Public Permissive version 3) states

For this specification to be advanced to Proposed Recommendation, there must be at least two independent, interoperable implementations of each feature. Each feature may be implemented by a different set of products, there is no requirement that all features be implemented by a single product.

Using the Model CR Exit Criteria (Public Permissive version 3) the following is asserted:

HTML ARIA mapping tables legend

Software used

Test procedure followed:

  1. Indentify the ARIA role,state or property mapping
  2. Look up the platform dependent mappings for the ARIA role,state or property mapping
  3. create a test case (index of test files)
  4. Check that the platform dependent information is exposed in at least 2 browsers.

Example test:

  1. fieldset element is required to map to an ARIA group role
  2. The ARIA implementation role mapping table states the ARIA role="group" maps to ROLE_SYSTEM_GROUPING in MSAA and Iaccessible2.
  3. create a test file
  4. Open the file in Internet Explorer 11, Firefox 29, Chrome 35 on Windows 8.1 and check the role exposed for fieldset matches the role stated in the mapping guide by using an object inspection tool such as aViewer inspect.exe or a11y-probe.
  5. Record results and file bugs in failure cases.

Results:

HTML5 CR Strong Native Semantics
Language feature ARIA mapping requirement (default implicit ARIA semantics) test file test results status
area element that creates a hyperlink link role image map YES firefox,IE , chrome, safari PASS
datalist element listbox role, with the aria-multiselectable property set to "false" input with datalist

YES firefoxIE

bug chrome (needs bug)

not implemnted safari

PASS
fieldset element group role fieldset element YES firefox,IE , chrome, safari PASS
footer element that is not a descendant of an article or section element. contentinfo role sectioning + main elements YES firefox, chrome , safari
NO IE (IE bug)
PASS
header element that is not a descendant of an article or section element. banner role sectioning + main elements YES firefox, chrome , safari
NOIE (IE bug)
PASS
hr element separator role hr element

YES firefox, safari

NO IE (IE bug) ,

chrome(chrome bug)

PASS
img element whose alt attribute's value is empty presentation role image element

NO firefox (FF bug)
,IE (IE bug),
chrome (chrome bug),

YES safari

FAIL
img element whose alt attribute's value is empty and whose usemap attribute has a valid hash-name reference to a map element. img role image map YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Checkbox state aria-checked state set to "mixed" if the element's indeterminate IDL attribute is true, or "true" if the element's checkedness is true, or "false" otherwise checkbox

YES firefox, chrome, safari

NO IE mixed state not exposed (IE bug)

(note webkit bug - fixed)

 

PASS
input element with a type attribute in the Date state No role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Date and Time state No role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the E-mail state with no suggestions source element textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Month state No role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Number state spinbutton role, with the aria-readonly property set to "true" if the element has a readonly attribute, the aria-valuemax property set to the element's maximum, the aria-valuemin property set to the element's minimum, and, if the result of applying the rules for parsing floating-point number values to the element's value is a number, with the aria-valuenow property set to that number input type=number

YES firefox, safari

NO chrome(chrome bug)

not implemented IE

 

PASS
input element with a type attribute in the Password state textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Range state and the multiple attribute not specified aria-valuemax property set to the element's maximum, and the aria-valuemin property set to the element's minimum input range element YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Reset Button state button role button type elements YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Search state with no suggestions source element textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Submit Button state button role button type elements YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Telephone state with no suggestions source element textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Text state with no suggestions source element textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element combobox role, with the aria-owns property set to the same value as the list attribute, and the aria-readonly property set to "true" if the element has a readonly attribute inputs+datalist

NO firefox,IE , chrome,

not implemented safari

FAIL
input element with a type attribute in the Time state No role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the URL state with no suggestions source element textbox role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
input element with a type attribute in the Week state No role, with the aria-readonly property set to "true" if the element has a readonly attribute readonly inputs YES firefox,IE, safari
NO chrome (chrome bug generic bug for readonly on input)
PASS
link element that creates a hyperlink link role link element YES firefox
NO IE , chrome , safari
Note: unsure about the correctness of this required mapping - (HTML5 bug)
FAIL
main element main role sectioning + main elements YES firefox, chrome, safari
NO IE (IE bug)
PASS
nav element navigation role sectioning + main elements YES firefox, chrome, safari
NO IE (IE bug)
PASS
option element that is in a list of options aria-selected and aria-checked states set to "true" if the element's selectedness is true, and "false" otherwise   YES firefox,IE , chrome, safari for selected state. (needs follow up on aria-checked requirement) PASS
option element that represents a suggestion in a datalist element or that is in a list of options of a select element with a multiple attribute or a display size greater than 1 option role

input with datalist,

select element

YES firefox,IE , chrome, safari PASS
progress element progressbar role, with, if the progress bar is determinate, the aria-valuemax property set to the maximum value of the progress bar, the aria-valuemin property set to zero, and the aria-valuenow property set to the current value of the progress bar progress element YES firefox,IE, safari
NO chrome (needs bug)
PASS
select element with a multiple attribute listbox role, with the aria-multiselectable property set to "true" select element YES firefox,IE , chrome, safari PASS
select element with no multiple attribute and with a display size equal to 1 aria-multiselectable property set to "false" select element YES firefox,IE , chrome, safari PASS
select element with no multiple attribute and with a display size greater than 1 listbox role, with the aria-multiselectable property set to "false" select element YES firefox,IE , chrome, safari PASS
select element with a required attribute The aria-required state set to "true" required elements YES firefox,IE , chrome, safari PASS
textarea element textbox role, with the aria-multiline property set to "true", and the aria-readonly property set to "true" if the element has a readonly attribute disabled elements YES firefox,IE , chrome, safari
NO chrome for readonly (chrome bug generic bug for readonly on input)
PASS
Element that is disabled The aria-disabled state set to "true" disabled elements YES firefox,IE , chrome, safari PASS
Element that is a candidate for constraint validation but that does not satisfy its constraints The aria-invalid state set to "true" required elements YES firefox,IE, safari
NO chrome (chrome bug)
PASS
HTML 5 CR Implicit ARIA Semantics (author conformance column removed)
Language feature ARIA mapping requirement (default implicit ARIA semantics) test file test results status
a element that creates a hyperlink link role a element YES firefox,IE , chrome, safari PASS
article element article role sectioning + main elements YES firefox, chrome , safari
NO IE (IE bug)
PASS
aside element complementary role sectioning + main elements YES firefox, chrome, safari
NO IE (IE bug)
PASS
body element document role sectioning + main elements YES firefox, chrome, safari
NO IE (role=pane)(requirement needs checking)
PASS
button element button role button type elements YES firefox,IE , chrome, safari PASS
img element whose alt attribute's value is absent img role image element YES firefox,IE , chrome, safari PASS
img element whose alt attribute's value is present and not empty img role image element YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Button state button role button type elements YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Checkbox state checkbox role checkbox YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Image Button state button role button type elements YES firefox,IE , chrome, safari PASS
input element with a type attribute in the Radio Button state radio role radio YES firefox,IE , chrome, safari PASS
input, select or textarea element with a required attribute The aria-required state set to "true" required elements YES firefox,IE, chrome, safari PASS
input, select or textarea element without a required attribute aria-required set to "false" required elements YES firefox,IE , chrome, safari PASS
li element whose parent is an ol or ul element listitem role ol/ul/li elements YES firefox,IE, chrome, safari PASS
ol element list role ol/ul/li elements YES firefox,IE, chrome, safari PASS
option element that is in a list of options of a select element with no multiple attribute and with a display size equal to 1 option role select element YES firefox,IE, chrome, safari PASS
output element status role output element

NO firefox(aria-live=polite) chrome, safari
not implemented?

IE ,

FAIL
section element region role

 

sectioning + main elements YES firefox, chrome, safari
NO IE (IE bug)
PASS
select element with no multiple attribute and with a display size equal to 1 listbox role select element YES firefox,IE, chrome, safari PASS
ul element list role ol/ul/li elements YES firefox,IE, chrome, safari PASS
Element with a hidden attribute The aria-hidden state set to "true" hidden YES firefox,IE, chrome, safari PASS
Element without a hidden attribute The aria-hidden state set to "false" hidden YES firefox,IE, chrome, safari PASS