Test cases for Dragon Naturally Speaking + Chrome Test case: Use "Click <text>" (Activate item by name) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use Click <role> (Click Type) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: Click <role> (Click Type) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes Test case: Use "Show choices" (Show drop down choices) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show choices" (Show drop down choices) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes Test case: Use "Choose <option text>" (Choose drop down option) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Choose <option text>" (Choose drop down option) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use Click <role> (Click Type) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: Click <role> (Click Type) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes Test case: Use "Choose <option text>" (Choose drop down option) Launch Dragon Naturally Speaking and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Choose <option text>" (Choose drop down option) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Dragon Naturally Speaking + IE The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Dragon Naturally Speaking + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for JAWS + Chrome Test case: Use Down arrow (Read next item) to navigate forward to `input[type="text"]` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Insert + F3 (Open element list) Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: Insert + F3 (Open element list) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch JAWS and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for JAWS + Edge Test case: Use Down arrow (Read next item) to navigate forward to `input[type="text"]` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Insert + F3 (Open element list) Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: Insert + F3 (Open element list) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch JAWS and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for JAWS + Firefox Test case: Use Down arrow (Read next item) to navigate forward to `input[type="text"]` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Insert + F3 (Open element list) Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: Insert + F3 (Open element list) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch JAWS and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for JAWS + IE Test case: Use Down arrow (Read next item) to navigate forward to `input[type="text"]` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Insert + F3 (Open element list) Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: Insert + F3 (Open element list) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch JAWS and IE. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Narrator + Edge Test case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `input[type="text"]` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (Jump to next item (scan mode)) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to the start of `datalist` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: start of target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forwards to the end of `datalist` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: within target Keyboard focus is: within target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: end of target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist option` Launch Narrator and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Narrator + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Narrator + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Narrator + IE The test has not been configured for this combination. Please open a GitHub issue.
Test cases for NVDA + Chrome Test case: Use down arrow (Read next item) to navigate forward to `input[type="text"]` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use NVDA + F7 (Open Elements List) Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: NVDA + F7 (Open Elements List) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch NVDA and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for NVDA + Edge Test case: Use down arrow (Read next item) to navigate forward to `input[type="text"]` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use NVDA + F7 (Open Elements List) Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: NVDA + F7 (Open Elements List) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch NVDA and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for NVDA + Firefox Test case: Use down arrow (Read next item) to navigate forward to `input[type="text"]` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use NVDA + F7 (Open Elements List) Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: NVDA + F7 (Open Elements List) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use f (Next form field) to navigate forward to `input[type="text"]` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: f (Next form field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes Test case: Use down arrow (Read next item) to navigate forward to `datalist` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch NVDA and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for NVDA + IE The test has not been configured for this combination. Please open a GitHub issue.
Test cases for TalkBack + Chrome Test case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `input[type="text"]` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe right (or alt+right arrow) (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Double tap (select an option) to navigate forward to `input[type="text"]` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Double tap (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Swipe down (alt+c) (next control (correct reading control must be selected)) to navigate forward to `input[type="text"]` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe down (alt+c) (next control (correct reading control must be selected)) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `datalist` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe right (or alt+right arrow) (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Swipe right (Select next option) to navigate forward to `option` Launch TalkBack and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe right (Select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for TalkBack + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Voice Access (Android) + Chrome Test case: Use "Tap <text>" or just "<text>" (Activate item by name) Launch Voice Access (Android) and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" or just "<text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Voice Access (Android) and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes Test case: Use "Tap <text>" or just "<text>" (Activate item by name) Launch Voice Access (Android) and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" or just "<text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Voice Access (Android) and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes Test case: Use "Tap <text>" or just "<text>" (Activate item by name) Launch Voice Access (Android) and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" or just "<text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Voice Access (Android) + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for VoiceOver (iOS) + Safari Test case: Use Swipe Right (Next item) to navigate forward to `input[type="text"]` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe Right (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Double tap (select an option) to navigate forward to `input[type="text"]` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Double tap (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Swipe down (Next item (as set by the rotor)) to navigate forward to `input[type="text"]` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe down (Next item (as set by the rotor)) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard) to navigate forward to `datalist` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use Swipe Right (Next item) to navigate forward to `datalist` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Swipe Right (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard) to navigate forward to `option` Launch VoiceOver (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Explore the keyboard by single press + move (explore), then release on a key (touch type with virtual keyboard) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for VoiceOver (iOS) + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for VoiceOver (macOS) + Safari Test case: Use VO + Right arrow (Read next item) to navigate forward to `input[type="text"]` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: VO + Right arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `input[type="text"]` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use VO + U (Open Rotor) Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metMode is: auto (do not explicitly change the mode) Issue the command: VO + U (Open Rotor) After issuing the command, virtual focus should be: na Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use VO + Command + J (Next Form Control) to navigate forward to `input[type="text"]` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: VO + Command + J (Next Form Control) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) on the target of `datalist` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: target Keyboard focus is: target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch VoiceOver (macOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for VoiceOver (macOS) + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for VoiceOver (macOS) + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Orca + Firefox Test case: Use down arrow (Read next item) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: down arrow (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use Tab (Read next focusable item) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Tab (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes input[type="text"] element, MUST convey the current value Resultunknown pass fail partial
Notes list attribute, MUST convey the presence of the list attribute, applied to input[type="text"] element Examples:
might announce that suggestions are available when the input receives focus. might announce that the input has auto complete functionality. might modify the role of the associated input to convey datalist functionality, such as changing "edit text" to "Combo box". Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use Enter (select an option) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Enter (select an option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey changes in value Examples:
When the user enter texts, the screen reader will announce it back to them. When used with the datalist, the chosen suggestion should be announced after activating it. Resultunknown pass fail partial
Notes Test case: Use e (Next edit field) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: e (Next edit field) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use alt + shift + e (Open list of edit fields) to navigate forward to `input[type="text"]` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: alt + shift + e (Open list of edit fields) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, SHOULD provide shortcuts to jump to this role Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `datalist` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey its role Examples:
A screen reader might announce something like the "datalist", "listbox" role when entering the datalist. Note that it should not be conveyed as a menu per the AAM mappings. A screen reader might not announce the datalist role because it is implied by the presence of suggestions or auto complete functionality via the list attribute. Voice control software might let the user say something like "show choices" to open the datalist. Resultunknown pass fail partial
Notes datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forwards to the end of `datalist` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: within target Keyboard focus is: within target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: end of target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, MUST convey the boundaries of the element Examples:
A screen reader might announce the role of the element when entering and say something like "leaving" when exiting. A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example). A screen reader might announce position in set information such as "1 of 6". A screen reader might not convey boundaries if the content fits on a single line Resultunknown pass fail partial
Notes Test case: Use <enter text> (enter text) to navigate forward to `datalist` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalistIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: <enter text> (enter text) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting datalist element, SHOULD convey that changes in suggestions were made Examples:
A screen reader might announce the word "suggestions" whenever the list of suggestions changes. A screen reader might announce the value of every suggestion when the list of suggestions changes. Resultunknown pass fail partial
Notes Test case: Use Down arrow (select next option) to navigate forward to `option` Launch Orca and Firefox. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are metVirtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: Down arrow (select next option) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes option element, MAY convey information about the position the option in the list Examples:
A screen reader might announce "choose <2 of 10>" when navigating through a list of options Resultunknown pass fail partial
Notes option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Orca + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Voice Control (iOS) + Safari Test case: Use "Tap <text>" (Activate item by name) Launch Voice Control (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use "Tap <text>" (Activate item by name) Launch Voice Control (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use "Tap <text>" (Activate item by name) Launch Voice Control (iOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Tap <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Voice Control (MacOS) + Safari Test case: Use "Click <text>" (Activate item by name) Launch Voice Control (MacOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Voice Control (MacOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Voice Control (MacOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Voice Control (MacOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Voice Control (MacOS) and Safari. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Voice Control (MacOS) + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Voice Control (MacOS) + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Windows Speech Recognition + Edge Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Speech Recognition and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Speech Recognition and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Windows Speech Recognition + Chrome Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its name Examples:
A screen reader will announce the name (label). Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Speech Recognition and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:input[type="text"]If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting input[type="text"] element, MUST convey its role Examples:
A screen reader might be announce the role as "text input", "edit", "edit text", etc. A screen reader might announce a modified role when a datalist is attached, such as "combo box". Voice control software will let the user say something like "click text box" to focus a the input or flag the role with a number. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its name Examples:
A screen reader will announce the name of the option (if present) in addition to the value. Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option. Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Speech Recognition and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Show numbers" (Turn on the numbers overlay) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey its role Examples:
A screen reader might announce "option" as the role. A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox. A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions. Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option. Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Speech Recognition and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:datalist optionIf multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Issue the command: "Click <text>" (Activate item by name) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting option element, MUST convey the value of the option when used in a datalist context Examples:
A screen reader will announce the value of the option in addition to the name. Voice control software will let the user say something like "choose <value>" to pick an option. Resultunknown pass fail partial
Notes Test cases for Windows Voice Access + Edge The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Windows Voice Access + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Windows Keyboard + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Windows Keyboard + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Windows Keyboard + Edge The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Mac Keyboard + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Mac Keyboard + Safari The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Mac Keyboard + Firefox The test has not been configured for this combination. Please open a GitHub issue.
Test cases for iOS Keyboard + Safari The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Android Keyboard + Chrome The test has not been configured for this combination. Please open a GitHub issue.
Test cases for Android Keyboard + Firefox The test has not been configured for this combination. Please open a GitHub issue.