More and more we are seeing font icons on the web. This is a test to see if these can be used in a manner which still supports screen readers
| Test | Test Summary | FF10 + JAWS14 | iOS6 + VO | OSX10.8 + VO | IE9 + JAWS14 |
|---|---|---|---|---|---|
| 1 | Link, Icon+Child Text | Pass | Pass | Pass | Pass |
| 2 | Button using role, Icon+Child Text | List Form Fields shows bad character at start of text | Pass | Pass | Pass |
| 3 | Button, Icon+Child Text | List Form Fields shows bad character at start of text | Pass | Pass | Pass |
| 4 | Link, Icon+Text, labelled using aria-labelledby | aria-labelledby ignored. Child Content is read | aria-labelledby ignored. Child Content is read | both child and aria-labelledby content read | Both child and aria-labelledby content shown in List Links dialog. Correct on focus. |
| 5 | Button using role, Icon+Text, labeled using aria-labelledby | Pass | aria-labelledby ignored. Child Content is read twice! | In "item chooser" visually all text listed but the correct text is read * | Pass |
| 6 | Button, Icon+Text, labeled using aria-labelledby | Pass | aria-labelledby ignored. Child Content is read | In "item chooser" visually all text listed but the correct text is read * | Pass |
| 7 | Link, Icon+Text, labeled using aria-label | Child Content read | Child Content read | both child and aria-label content read, only aria-label content in the list of links | Both child and aria-label content shown in List Links dialog. Correct on focus. |
| 8 | Button via role, Icon+Text, labeled using aria-label | Pass | Child Content read | In "item chooser" visually all text listed but the correct text is read * | Pass |
| 9 | Button, Icon+Text, labeled using aria-label | Pass | Child Content read | In "item chooser" visually all text listed but the correct text is read * | Pass |
| 10 | Link, Icon Only, labeled using off-screen CSS | Pass | Messes up VO focus. Do not use! | VO Focus indicator incorrect * | Pass |
| 11 | Button via role, Icon Only, labeled using off-screen CSS | List Form Fields shows bad character at start of text | Messes up VO focus. Do not use! | VO Focus indicator incorrect * | Pass |
| 12 | Button, Icon Only, labeled using off-screen CSS | List Form Fields shows bad character at start of text | Pass | Pass | Pass |
| 13 | Link, Icon Only, labeled using aria-label | Pass | Pass | URI also shown in item chooser but not in list links. Correct text is read by VO. * | Pass |
| 14 | Button via role, Icon Only, labeled using aria-label | Pass | Pass | Pass | Pass |
| 15 | Button, Icon Only, labeled using aria-label | Pass | Pass | Pass | Pass |