Testing aria-labelledby and aria-describedby support in popular browsers on Windows.

last updated 10/06/14

Results

Notes:

Summary

Expected and actual output for single and multiple values in aria-labelledby and aria-describedby
Test Expected IE 11 Firefox 29 Chrome 35
1 Name: text box Name: none (x) Name: text box Name: text box
2 Name: text box Name: none (x) Name: text box Name: text box
3
  • Name: text box
  • Description: A text box for testing purposes.

Name: none (x)

Description:none (X)

  • Name: text box
  • Description: A text box for testing purposes.
  • Name: text box
  • Description: A text box for testing purposes.
4
  • Name: text box
  • Description: A text box for testing purposes.
  • A second paragraph for testing purposes.

Name: none (x)

Description:none (X)

  • Name: text box
  • Description: A text box for testing purposes.
  • A second paragraph for testing purposes.
  • Name: text box
  • Description: A text box for testing purposes. A second paragraph for testing purposes.
5
  • Name: text box
  • Description: A text box for testing purposes.
  • A second paragraph for testing purposes.

Name: none (x)

Description: none (X)

  • Name: text box
  • Description: A text box for testing purposes.
  • A second paragraph for testing purposes.
  • Name: text box
  • Description: A text box for testing purposes. A second paragraph for testing purposes.
6

Name: text box

Description: A text box for testing purposes. A second paragraph for testing purposes.

Name: text box

Description: none (X)

Name: text box

Description: A text box for testing purposes.

A second paragraph for testing purposes.

Name: none

Description: A text box for testing purposes. A second paragraph for testing purposes.

7
  • Name: text (-1) box (-1)
  • Description: A text box for testing purposes. (-1)
  • A second paragraph for testing purposes. (-1)
  • Name: text (-1) box (-1)
  • Description: A text box for testing purposes. (-1)
  • A second paragraph for testing purposes. (-1)
  • Name: text (-1) box (-1)
  • Description: A text box for testing purposes. (-1)
  • A second paragraph for testing purposes. (-1)
  • Name: text (-1) box (-1)
  • Description: A text box for testing purposes. (-1)
  • A second paragraph for testing purposes. (-1)

aria-labelledby and aria-describedby tests

labels and descriptions

single id label

<p id="l1">text box</p>

multiple id label

<p id="l2">TEXT</p>

<p id="l3">box</p>

single id description

<p id="d1">A input type=text for testing purposes.</p>

+ multiple id description

<p id="d2">A second paragraph for testing purposes.</p>

For test 7

multiple id label

<p id="l4" tabindex="-1">TEXT (-1)</p>

<p id="l5" tabindex="-1">box (-1)</p>

single id description

<p id="d3" tabindex="-1">A input type=text for testing purposes. (-1)</p>

+ multiple id description

<p id="d4" tabindex="-1">A second paragraph for testing purposes. (-1)</p>

 

Tests

notes:

test 1. input type="text" with aria-labelledby with single id reference

test 2. input type="text" with aria-labelledby with multiple id references

test 3. input type="text" with aria-labelledby and aria-describedby with single id reference

test 4. input type="text" with aria-labelledby with a single id reference and aria-describedby with multiple id references

test 5. input type="text" with aria-labelledby with multiple id references and aria-describedby with multiple id references

test 6. input type="text" with title="text box" and aria-describedby with multiple id references

test 7. input type="text" with aria-labelledby with multiple id references and aria-describedby with multiple id references.
Referencing <p tabindex="-1"> elements.


References

Author: steve faulkner The Paciello Group
contact: [email protected]

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

text box

TEXT

box

TEXT (-1)

box (-1)

A text box for testing purposes.

A second paragraph for testing purposes.

A text box for testing purposes (-1).

A second paragraph for testing purposes (-1).