ABCDEFIJKM
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 + FirefoxJAWS2018 + IE11Dragon NaturallySpeaking
2
Text input
3
Link to inputLabel 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 labelLabel and error message visible without scrollingVoiceover 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 textareaLabel 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 labelLabel and error message visible without scrollingVoiceover 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 selectLabel 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 labelLabel and error message visible without scrollingVoiceover 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 fieldsetLabel and error message visible without scrollingVoiceOver 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 legendLabel and error message visible without scrollingVoiceover 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 inputLabel 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 inputLabel 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 inputLabel 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 labelLabel and error message visible without scrollingVoiceover 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 fieldsetLabel and error message visible without scrollingVoiceOver 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 legendLabel and error message visible without scrollingVoiceover 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 radioLabel 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 fieldsetLabel and error message visible without scrollingVoiceOver 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 legendLabel and error message visible without scrollingVoiceover 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 checkboxLabel 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 checkboxLabel 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 labelLabel and error message visible without scrollingVoiceover 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=-1Label and error message visible without scrollingVoiceOver 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/ANVDA 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