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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes Test case: Use "Hide choices" (Hide 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:*[role="combobox"]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: "Hide choices" (Hide drop down choices) Record results for the relevant expectations Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox 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:*[role="option"]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: "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 role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:*[role="option"]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 option role, 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 listbox parent. 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 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "Down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the button for the combobox 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:buttonIf 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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "Enter or Space" (Activate Button) set mode to browse issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `button` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for JAWS + Edge Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "Down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the button for the combobox 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:buttonIf 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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "Enter or Space" (Activate Button) set mode to browse issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `button` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for JAWS + Firefox Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "Down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the button for the combobox 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:buttonIf 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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "Enter or Space" (Activate Button) set mode to browse issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `button` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for JAWS + IE Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "Down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the button for the combobox 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:buttonIf 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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "Enter or Space" (Activate Button) set mode to browse issue commandsummary: navigate forward to the button for the combobox Using the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Insert + alt + M" (Jump to controlled element) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `button` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for Narrator + Edge Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "Down arrow" (Jump to next item (scan mode)) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for NVDA + Edge Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element Resultunknown pass fail partial
Notes Test cases for NVDA + Firefox Test case: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate backward to the expanded combobox with a value after expanding via combobox button 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" issue commandsummary: navigate forward to the button for the combobox Using the command: "nex_item" Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "double tap (or alt+enter)" (Activate button) issue commandUsing the command: "Swipe left (or alt+left arrow)" (Read previous item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: activate the combobox button to expand the combobox 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:button[aria-expanded="false"]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 commandsummary: navigate forward to the button for the combobox Using the command: "nex_item" Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandUsing the command: "double tap (or alt+enter)" (Activate button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Swipe right" (Select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Swipe right" (Select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "Swipe right (or alt+right arrow)" (Read next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:*[role="option"]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 option role, 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 listbox parent. 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate backward to the expanded combobox with a value after expanding via combobox button 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" issue commandsummary: navigate forward to the button for the combobox Using the command: "nex_item" Ensure AT location after executing the commandTarget: `button` keyboard focus location: target virtual cursor location: target issue commandsummary: activate the button to expand the listbox Using the command: "Double tap" (Activate Button) issue commandUsing the command: "Swipe Left" (Previous item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: activate the combobox button to expand the combobox 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:button[aria-expanded="false"]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 commandsummary: navigate forward to the button for the combobox Using the command: "nex_item" Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandUsing the command: "Double tap" (Activate Button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Swipe down" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Swipe down" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "Swipe Right" (Next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "VO + Right arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input when the combobox has no value 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: Navigate through listbox when combobox has no value 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: Navigate to the listbox container from an 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: move to the first option Using the command: "Down arrow" (select next option) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate to the listbox container Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "VO + Right arrow" (Read next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "VO + Right arrow" (Read next item) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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: navigate forward to the collapsed combobox without a value 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes combobox role, MUST convey the current value, applied to input[type="text"] element Examples:
A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Resultunknown pass fail partial
Notes combobox role, MUST convey that the combobox is editable, applied to input[type="text"] element Examples:
A screen reader might convey that the combobox is editable by announcing something like "editable" Resultunknown pass fail partial
Notes aria-autocomplete attribute, MUST convey the `list` value, applied to combobox role Resultunknown pass fail partial
Notes aria-haspopup attribute, MUST convey the "listbox" value, applied to combobox role Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to combobox role Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to combobox role Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to combobox role Resultunknown pass fail partial
Notes Test case: navigate forward to the expanded combobox with a value 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:*[role="combobox" aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse Position the AT so that the following is truekeyboard focus location: target virtual cursor location: before target issue commandUsing the command: "down arrow" (Read next item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to combobox role Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes Test case: Enter text into the collapsed combobox 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:*[role="combobox" aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "ne" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and the change in expanded state should be conveyed Ensure AT location after executing the commandTarget: `*[role="combobox" aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey change in value, applied to combobox role Examples:
If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states. Resultunknown pass fail partial
Notes combobox role, MUST convey changes in value, applied to input[type="text"] element Examples:
A screen reader might announce the new value after it has been changed Resultunknown pass fail partial
Notes Test case: Navigate into listbox from the combobox input 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate into the listbox Using the command: "Down arrow" (select next option) Observe: the listbox role and name should be conveyed Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, MUST convey its name Examples:
A screen reader might convey the name when entering the listbox Resultunknown pass fail partial
Notes listbox role, MUST convey its role Examples:
A screen reader might explicitly convey the role as something like "list box", "list", or imply it by explicitly conveying "option" roles Resultunknown pass fail partial
Notes option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes option role, 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 listbox parent. 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 role, 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 aria-selected attribute, MUST convey true value by indicating that the element is currently selected, applied to option role Examples:
A screen reader might announce something like "selected". Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey the referenced element as active, applied to combobox role Examples:
When navigating to an element with this attribute, screen readers will also announce the referenced element Resultunknown pass fail partial
Notes Test case: Navigate through listbox 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:*[role="listbox"]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. set mode to auto (do not explicitly change the mode) issue commandsummary: navigate forward to the combobox Using the command: "Tab" (Read next focusable item) Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: type "nebr" Using the command: "<enter text>" (enter text) Observe: the combo box should expand and listbox should display Ensure AT location after executing the commandTarget: `[role="combobox"]` keyboard focus location: target virtual cursor location: target issue commandsummary: navigate through all options in the listbox Using the command: "Down arrow" (select next option) You may need to issue this command multiple times Observe: are the start and end boundaries of the listbox conveyed? Ensure AT location after executing the commandTarget: `*[role="listbox"]` keyboard focus location: within target virtual cursor location: within target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting listbox role, SHOULD convey its boundaries Examples:
A screen reader might convey the listbox name and role when entering, and something like "out of list" when exiting A screen reader might convey information about the position in the options, such as "4 of 4" to indicate the start and end of the options Resultunknown pass fail partial
Notes aria-activedescendant attribute, MUST convey when the referenced element changes, applied to combobox role Examples:
When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="false"]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. set mode to auto (do not explicitly change the mode) issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="false"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. Resultunknown pass fail partial
Notes button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes aria-expanded attribute, MUST convey the "false" value, applied to button element Examples:
Most screen readers will announce the state as "collapsed" Resultunknown pass fail partial
Notes Test case: navigate forward to the button for the collapsed combobox without a value 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:button[aria-expanded="true"]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. Set the value of the target to "ne" set mode to browse issue commandUsing the command: "b" (Next button) Ensure AT location after executing the commandTarget: `button[aria-expanded="true"]` keyboard focus location: target virtual cursor location: target is the expectation met? Output Notes If support is hidden behind non-default settings, briefly describe that setting aria-expanded attribute, MUST convey the "true" value, applied to button element Examples:
Most screen readers will announce the state as "expanded" Resultunknown pass fail partial
Notes aria-controls attribute, SHOULD convey the presence of the aria-controls attribute, applied to button element Examples:
When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity. Resultunknown pass fail partial
Notes aria-controls attribute, MUST allow the user to jump to the controlled element, applied to button element 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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". Voice control software will let the user say something like "click <name>" to activate the control. 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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:*[role="option"]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 option role, 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 listbox parent. 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". 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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:*[role="option"]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 option role, 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 listbox parent. 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". 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:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox 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:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox 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:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". 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:*[role="option"]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 option role, 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 listbox parent. 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:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes Test cases for Windows Voice Access + Edge Test case: Use "Click <text>" (Activate item by name) Launch Windows Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="option"]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 option role, 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 listbox parent. 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 Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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 Voice Access and Edge. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes Test cases for Windows Voice Access + Chrome Test case: Use "Click <text>" (Activate item by name) Launch Windows Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="combobox"]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 combobox role, MUST convey its name, applied to input[type="text"] element Examples:
A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings) Voice control software might allow the user to say "click <name>" to focus the combobox Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="combobox"]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 combobox role, MUST convey its role, applied to input[type="text"] element Examples:
A screen reader might convey the role as something like "combo box" Voice control software might allow the user to say "click text box" to focus an editable combobox Resultunknown pass fail partial
Notes Test case: Use "Click <text>" (Activate item by name) Launch Windows Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="option"]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 option role, MUST convey its name Examples:
A screen reader will announce the name of the option Voice control software will let the user say something like "choose <name>". Resultunknown pass fail partial
Notes Test case: Use "Show numbers" (Turn on the numbers overlay) Launch Windows Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="option"]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 option role, 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 listbox parent. 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 Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:button[tabindex=-1]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 button element, MUST convey its name Examples:
A screen reader might announce the button as something like "<name>, button". 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 Voice Access and Chrome. Navigate to the test page . Find the target element(s) that you will test against. Identify all elements that match this selector:button[tabindex=-1]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 button element, MUST convey its role Examples:
A screen reader might be announce the role as something like "button". Voice control software will let the user say something like "click button". Resultunknown pass fail partial
Notes 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.