A | B | C | D | E | F | I | J | K | M | ||
---|---|---|---|---|---|---|---|---|---|---|---|
1 | Design | Voiceover + Safari (Mac OS X El Capitan) Navigating using Ctrl-Opt-Space | Voiceover + Safari (Mac OS X El Capitan) Navigating using Enter | Voiceover + Safari iOS 11 | TalkBack + Google Chrome (Android) | NVDA + Firefox | JAWS2018 + IE11 | Dragon NaturallySpeaking | |||
2 | Text input | ||||||||||
3 | Link to input | Label and error message end up 'off screen' | Voiceover announces "Current value insertion at beginning of text. Label for text input, edit text. Error for text input, You are currently on a text field, inside of web content. To enter text in this field, type. To exit this web area, press Ctrl-Option-Shift-Up Arrow. " | Voiceover announces "Current value insertion at beginning of text. Label for text input, edit text. Error for text input, You are currently on a text field, inside of web content. To enter text in this field, type. To exit this web area, press Ctrl-Option-Shift-Up Arrow. " | Focus and VO cursor move, but nothing is announced. | TalkBack reads "Current value, edit box, label for text input, error for text input" | NVDA announces "Edit, has autocomplete, Current value" | JAWS announces "Label for text input. Edit. Use Jaws key + Alt +R to read descriptive text. Current value, error for text input. Type of text." | 'Click link "Link to input"' moved focus to the input. | ||
4 | Link to label | Label and error message visible without scrolling | Voiceover announces "Label for text input. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | Page scrolls to label, but nothing is announced. | NVDA announces "Clickable label for text input" | Focus shifts down but returns to the top of the page and enters reading mode. | 'Click link "Link to label" scrolls the page to the label. | ||
5 | Textarea | ||||||||||
6 | Link to textarea | Label and error message end up 'off screen' | Voiceover announces "Current value insertion at beginning of text. Label for text area, edit text. Error for text area, You are currently on a text area, inside of web content. To enter text in this field, type. To exit this web area, press Ctrl-Option-Shift-Up Arrow. " | Voiceover announces "Label for text area, edit text Current value insertion at beginning of text. Error for text area, You are currently on a text area, inside of web content. To enter text in this field, type. To exit this web area, press Ctrl-Option-Shift-Up Arrow. " | Focus and VO cursor move, but nothing is announced. | TalkBack reads "Current value, edit box, label for text area, error for text area" | NVDA announces "Edit, multiline, Current value" | JAWS announces "Label for text area, edit. Contains text" | 'Click link "Link to textarea"' moved focus to the textarea. | ||
7 | Link to label | Label and error message visible without scrolling | Voiceover announces "Label for text area. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | Page scrolls to label, but nothing is announced. | NVDA announces "Clickable label for text area" | Focus shifts down but returns to the top of the page and enters reading mode. | 'Click link "Link to label" scrolls the page to the label. | ||
8 | Select | ||||||||||
9 | Link to select | Label and error message end up 'off screen' | Voiceover announces "Two, label for select, pop up button. Error for select, You are currently on a pop up button, inside of web content. To display a list of options, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Voiceover announces "Two, label for select, pop up button. Error for select, You are currently on a pop up button, inside of web content. To display a list of options, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Voiceover announces "Label for select, two, pop up button." The error message is not announced. | TalkBack reads "Collapsed, two, pop up button, label for select, error for select." | NVDA announces "Combobox, collapsed, two." | JAWS announces "Label for select. Combo box. Two. Error for select." | 'Click link "Link to select"' moved focus to the select. | ||
10 | Link to label | Label and error message visible without scrolling | Voiceover announces "Label for select. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | Page scrolls to label, but nothing is announced. | NVDA announces "Clickable label for select" | Focus shifts down but returns to the top of the page and enters reading mode. | Click link "Link to label" scrolls the page to the label. | ||
11 | Multiple inputs (fieldset) | ||||||||||
12 | Link to fieldset | Label and error message visible without scrolling | VoiceOver announces "Error for multiple inputs, You are currently on a group, inside of web content. To exit this web area, press Control-Option-Shift-Up Arrow." The legend is not announced (!?) The inputs themselves are not announced. The legend is not announced even if the fieldset does not have an error message. | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for multiple inputs, legend for multiple inputs, error for multiple inputs, one, two, three, error for multiple inputs" | NVDA announces "Legend for multiple inputs, error for multiple inputs, clickable one edit, has autocomplete, clickable two edit, has autocomplete, clickable three edit, has autocomplete" | JAWS announces "Legend for multiple inputs, error for multiple inputs, one, two, three" – then enters reading mode – "Page has 9 headings and 20 links, error for multiple inputs, one, edit, two, edit, three edit, group end" – then continues to read the page from that point onwards. | Click link "Link to fieldset" scrolls the page to the fieldset. | ||
13 | Link to legend | Label and error message visible without scrolling | Voiceover announces "Legend for multiple inputs. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for multiple inputs" | NVDA announces "Legend for multiple inputs" | JAWS announces "Legend for multiple inputs, error for multiple inputs, one, two, three" – then enters reading mode – "Page has 9 headings and 20 links, error for multiple inputs, one, edit, two, edit, three edit, group end" – then continues to read the page from that point onwards. | Click link "Link to legend" scrolls the page to the fieldset. | ||
14 | Link to first input | Label and error message end up 'off screen' | Voiceover announces "One, edit text. You are currently on a text field. To enter text into this field, type. | Voiceover announces "One, edit text. Legend for multiple inputs, legend for multiple inputs, group. You are currently on a text field. To enter text in this field, type." | Focus and VO cursor move, but nothing is announced. | TalkBack reads "Edit box, one" | NVDA announces "Edit, has autocomplete" | JAWS announces "Legend for multiple inputs. Use Jaws key + Alt +R to read descriptive text error for multiple inputs. One edit." | 'Click link "Link to first input"' moved focus to the input. | ||
15 | Link to third input | Label and error message end up 'off screen' | Voiceover announces "Three, edit text. You are currently on a text field. To enter text into this field, type. | Voiceover announces "Three, edit text. Legend for multiple inputs, legend for multiple inputs, group. You are currently on a text field. To enter text in this field, type." | Focus and VO cursor move, but nothing is announced. | TalkBack reads "Edit box, three" | NVDA announces "Edit, has autocomplete" | JAWS announces "Legend for multiple inputs. Use Jaws key + Alt +R to read descriptive text error for multiple inputs. Three edit." | 'Click link "Link to third input"' moved focus to the input. | ||
16 | File input | ||||||||||
17 | Link to file input | Label and error message end up 'off screen' | Voiceover announces "no file selected. Label for file, file upload button. Error for file, you are currently on a file upload button, inside of web content. To click this button, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Voiceover announces "no file selected. Label for file, file upload button. Error for file, you are currently on a file upload button, inside of web content. To click this button, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Voiceover announces "Label for file, no file selected." | TalkBack reads "Label for file, button, error for file" | NVDA announces "Browse, no file selected" | JAWS announces "Label for file. file upload, edit, browse dot dot dot. Error for file." | 'Click link "Link to input"' moved focus to the input. | ||
18 | Link to label | Label and error message visible without scrolling | Voiceover announces "Label for file. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | Page scrolls to label, but nothing is announced. | NVDA announces "Clickable label for file" | Focus shifts down but returns to the top of the page and enters reading mode. | 'Click link "Link to label"' moved focus to the input. | ||
19 | Radios | ||||||||||
20 | Link to fieldset | Label and error message visible without scrolling | VoiceOver announces "Error for radios, You are currently on a group, inside of web content. To exit this web area, press Control-Option-Shift-Up Arrow." The legend is not announced (!?) The radio buttons themselves are not announced. The legend is not announced even if the fieldset does not have an error message. | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for radios, legend for radios, error for radios, error for radios" | NVDA announces "Legend for radios, error for radios, radio button, not checked, clickable, one, radio button, not checked, clickable, two" | JAWS announces "Legend for radios, error for radios, one, two" – then enters reading mode – "Page has 9 headings and 20 links, error for radios, radio button not checked – one, radio button not checked – two group end" – then continues to read the page from that point onwards. | Click link "Link to fieldset" scrolls the page to the fieldset. | ||
21 | Link to legend | Label and error message visible without scrolling | Voiceover announces "Legend for radios. You are currently on a text element". The error is not announced. The radio buttons themselves are not announced. | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for radios" | NVDA announces "Legend for radios" | JAWS announces "Legend for radios, error for radios, one, two" – then enters reading mode – "Page has 9 headings and 20 links, error for radios, radio button not checked – one, radio button not checked – two group end" – then continues to read the page from that point onwards. | Click link "Link to legend" scrolls the page to the fieldset. | ||
22 | Link to first radio | Label and error message end up 'off screen' | VoiceOver announces "One, radio button, 1 of 2. You are currently on a radio button, 1 of 2. To select this option, press Control-Option-Space". The legend and error message are not announced. | VoiceOver announces "One, radio button. Legend for radios, legend for radios, group. You are currently on a radio button, 1 of 2. To select this option, press Control-Option-Space". The error message is not announced. | Voiceover announces "Unticked" | TalkBack reads "Not ticked, one, radio button" | NVDA announces "Radio button, not checked" | JAWS announces "Legend for radios. One, radio button, not checked" | 'Click link "Link to first radio"' moved focus to the first radio. | ||
23 | Checkboxes | ||||||||||
24 | Link to fieldset | Label and error message visible without scrolling | VoiceOver announces "Error for checkboxes, You are currently on a group, inside of web content. To exit this web area, press Control-Option-Shift-Up Arrow." The legend is not announced. The checkboxes themselves are not announced. The legend is not announced even if the fieldset does not have an error message. | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for checkboxes, legend for checkboxes, error for checkboxes, error for checkboxes" | NVDA announces "Legend for checkboxes, error for checkboxes, checkbox, not checked, clickable, one, checkbox, not checked, clickable, two" | JAWS announces "Legend for checkboxes, error for checkboxes, one, two" – then enters reading mode – "Page has 9 headings and 20 links, error for checkboxes, one checkbox not checked – one, two checkbox not checked – two group end" – then continues to read the page from that point onwards. | Click link "Link to fieldset" scrolls the page to the fieldset. | ||
25 | Link to legend | Label and error message visible without scrolling | Voiceover announces "Legend for checkboxes. You are currently on a text element". The error is not announced. The checkboxes themselves are not announced. | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | TalkBack reads "Legend for checkboxes" | NVDA announces "Legend for checkboxes" | JAWS announces "Legend for checkboxes, error for checkboxes, one, two" – then enters reading mode – "Page has 9 headings and 20 links, error for checkboxes, one checkbox not checked – one, two checkbox not checked – two group end" – then continues to read the page from that point onwards. | Click link "Link to legend" scrolls the page to the fieldset. | ||
26 | Link to first checkbox | Label and error message end up 'off screen' | VoiceOver announces "One, one, unchecked, checkbox. You are currently on a checkbox. To select or deselect this checkbox, press Control-Option-Space". The legend and error message are not announced. | VoiceOver announces "One, one, unchecked, checkbox. Legend for checkboxes, legend for checkboxes, group. You are currently on a checkbox. To select or deselect this checkbox, press Control-Option-Space". The error message is not announced. | Voiceover announces "Unticked" | TalkBack reads "Not ticked, one, tick box" | NVDA announces "Checkbox, not checked" | JAWS announces "Legend for checkboxes. One, checkbox, not checked" | 'Click link "Link to first checkbox"' moved focus to the first checkbox. | ||
27 | Single checkbox | ||||||||||
28 | Link to checkbox | Label and error message end up 'off screen' | VoiceOver announces "Label for single checkbox, label for single checkbox, unchecked, checkbox. Error for single checkbox. You are currently on a checkbox, inside of web content. To select or deselect this checkbox, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | VoiceOver announces "Label for single checkbox, label for single checkbox, unchecked, checkbox. Error for single checkbox. You are currently on a checkbox, inside of web content. To select or deselect this checkbox, press Control-Option-Space. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Voiceover announces "Unticked" | TalkBack reads "Not ticked, label for single checkbox, tick box, error for single check box" | NVDA announces "Checkbox, not checked" | JAWS announces "Label for single check box. Checkbox, not checked. Error for single check box." | 'Click link "Link to checkbox"' moved focus to the checkbox. 'Click checkbox' then checked the checkbox. | ||
29 | Link to label | Label and error message visible without scrolling | Voiceover announces "Label for single checkbox. You are currently on a text element, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Focus moves, but nothing is announced. VoiceOver cursor not redrawn, appears in position that link was on screen. | Repeats itself? Scrolls down but focus doesn't move. | Page scrolls to label, but nothing is announced. | NVDA announces "Clickable label for single checkbox" | Focus shifts down but returns to the top of the page and enters reading mode from the target. | 'Click link "Link to checkbox"' moved focus to the label. 'Click checkbox' then checked the checkbox. | ||
30 | |||||||||||
31 | Experiments | ||||||||||
32 | Fieldset with tabindex=-1 | Label and error message visible without scrolling | VoiceOver announces "Error for checkboxes, You are currently on a group, inside of web content. To exit this web area, press Control-Option-Shift-Up Arrow." The legend is not announced. The checkboxes themselves are not announced. | VoiceOver announces "Legend for checkboxes, group. Error for checkboxes. You are currently on a group, inside of web content. To exit this web area, press Ctrl-Option-Shift-Up Arrow." | Repeats itself? Scrolls down and focus moves temporarily, but jumps back to itself. | N/A | NVDA announces "Legend for checkboxes, error for checkboxes, checkbox, not checked, clickable, one, checkbox, not checked, clickable, two" | NVDA announces "Legend for checkboxes, error for checkboxes, three, four" – then enters reading mode – "page has three links. Error for checkboxes, three, checkbox, not checked, three, four, checkbox, not checked, four, group end" | N/A |