Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.

Test: aria-haspopup attribute

Screen Reader support level: partial (67/77)

Voice Control support level: unknown

About this test

Tests the aria-haspopup attribute.

Submit new test results

Age of results

Results in this test range from 8 months ago to 8 months ago. See detailed information about test dates and versions for more information.

Failing and partial results are between 8 months ago and 8 months ago.

Test HTML

Open the test case HTML file

HTML source is too long to display here.

Summary of Screen Reader support by expectation

aria-haspopup attribute
Expectation	JAWS			Narrator	NVDA			Orca	TalkBack	VoiceOver (iOS)	VoiceOver (macOS)
Expectation	Chrome	Edge	Firefox	Edge	Chrome	Edge	Firefox	Firefox	Chrome	Safari	Safari
MUST convey the "dialog" value applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	partial	supported	supported
MUST convey the "false" value applied to: button element	supported	supported	supported	supported	supported	supported	supported	supported	supported	supported	supported
MUST convey the "grid" value applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	partial	supported	supported
MUST convey the "listbox" value applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	partial	supported	supported
MUST convey the "menu" value applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	supported	supported	supported
MUST convey the "tree" value applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	partial	supported	supported
MUST convey the "true" value (see note) applied to: button element	supported	supported	supported	partial	supported	supported	supported	supported	supported	supported	supported

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

aria-haspopup attribute
Expectation	Dragon Naturally Speaking	Voice Access (Android)	Voice Control (iOS)	Voice Control (MacOS)	Windows Speech Recognition		Windows Voice Access
Expectation	Chrome	Chrome	Safari	Safari	Edge	Chrome	Edge	Chrome
Not applicable

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the aria-haspopup attribute: convey the "dialog" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup dialog"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup dialog"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup dialog"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup"
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens dialog"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens dialog"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens dialog"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens dialog"
TalkBack	Chrome	partial	Result: (partial) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, dialog popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, dialog popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "dialog" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` 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:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="dialog"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="dialog"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "false" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
Narrator	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button"
TalkBack	Chrome	yes	Result: (pass) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, button"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "false" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="false"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "grid" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup grid"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup grid"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup grid"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup"
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens grid"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens grid"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens grid"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens grid"
TalkBack	Chrome	partial	Result: (partial) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, grid popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, grid popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "grid" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` 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:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="grid"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="grid"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "listbox" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup listbox"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup listbox"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup listbox"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup"
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens list"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens list"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens list"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens listbox"
TalkBack	Chrome	partial	Result: (partial) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, list box popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, list box popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "listbox" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="listbox"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "menu" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button collapsed has popup" Result Notes: partial because of the "has popup" announcement. This, however, is very generic and doesn't say which kind of popup.
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button subMenu"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button subMenu"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens menu"
TalkBack	Chrome	yes	Result: (pass) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, menu pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, menu popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, menu popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "menu" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` 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:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="menu"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="menu"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "tree" value - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup tree"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup tree"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup tree"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button has popup"
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens tree"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button opens tree"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button opens tree"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens tree"
TalkBack	Chrome	partial	Result: (partial) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, tree popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, tree popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "tree" value

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` 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:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	none	Result: (fail) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="tree"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="tree"]` If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button subMenu"
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Expectation for the aria-haspopup attribute: convey the "true" value (see note) - applied to the button element

This expectation is applied to the button element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-haspopup attribute feature.

Strength of this expectation for different types of assistive technologies:

Screen Readers: MUST
Voice Control: NA

Grading method:

Just one of the listed commands must pass for the expectation to pass.

Notes:

Since ARIA 1.1, the "true" value must be conveyed as the "menu" value. In ARIA 1.0, the "true" value simply conveys that a popup is available (not the type of popup). If applied to an ARIA 1.0 combobox, this should pass if the screen reader conveys that there is a popup.

AT	Browser	Has Support	Output
Dragon Naturally Speaking	Chrome	not applicable	-
JAWS	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
JAWS	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
JAWS	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Edge	partial	Result: (partial) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button collapsed has popup" Result Notes: partial because of the "has popup" announcement. This, however, is very generic and doesn't say which kind of popup.
NVDA	Chrome	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button subMenu"
NVDA	Edge	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button subMenu"
NVDA	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action menu button subMenu"
Orca	Firefox	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, push button, opens menu"
TalkBack	Chrome	yes	Result: (pass) Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe right (or alt+right arrow)` (Read next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, menu pop up button"
Voice Access (Android)	Chrome	not applicable	-
Voice Control (iOS)	Safari	not applicable	-
Voice Control (MacOS)	Safari	not applicable	-
VoiceOver (iOS)	Safari	yes	Result: (pass) Test Case: Use Swipe Right (Next item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Swipe Right` (Next item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, popup button, menu popup"
VoiceOver (macOS)	Safari	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action, menu popup, button"
Windows Speech Recognition	Edge	not applicable	-
Windows Speech Recognition	Chrome	not applicable	-
Windows Voice Access	Edge	not applicable	-
Windows Voice Access	Chrome	not applicable	-
Windows Keyboard	Chrome	not applicable	-
Windows Keyboard	Firefox	not applicable	-
Windows Keyboard	Edge	not applicable	-
Mac Keyboard	Chrome	not applicable	-
Mac Keyboard	Safari	not applicable	-
iOS Keyboard	Safari	not applicable	-
Android Keyboard	Chrome	not applicable	-

Extended Support for: aria-haspopup attribute: convey the "true" value (see note)

These are less common combinations

AT	Browser	Has Support	Output
Dragon Naturally Speaking	IE	not applicable	-
Dragon Naturally Speaking	Firefox	not applicable	-
JAWS 2019.1906.10	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` 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:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: "action button menu"
Narrator	Firefox	unknown	-
Narrator	Chrome	unknown	-
Narrator	IE	unknown	-
NVDA 2019.1.1	IE 11	yes	Result: (pass) Test Case: Use Tab (Read next focusable item) to navigate forward to `[aria-haspopup="true"]` Launch NVDA and IE. Navigate to the test page. Find the target element(s) that you will test against. Identify all elements that match this selector:`[aria-haspopup="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. Position and configure the screen reader so that the following conditions are met Virtual focus is: before target Keyboard focus is: before target Mode is: auto (do not explicitly change the mode) Issue the command: `Tab` (Read next focusable item) After issuing the command, virtual focus should be: target Record results for the relevant expectations Output: action menu button subMenu
TalkBack	Firefox	unknown	-
Voice Access (Android)	Firefox	not applicable	-
VoiceOver (iOS)	Chrome	unknown	-
VoiceOver (macOS)	Chrome	unknown	-
VoiceOver (macOS)	Firefox	unknown	-
Orca	Chrome	unknown	-
Voice Control (MacOS)	Chrome	not applicable	-
Voice Control (MacOS)	Firefox	not applicable	-
Mac Keyboard	Firefox	not applicable	-
Android Keyboard	Firefox	not applicable	-

Dates and Versions of tested combinations

AT	AT Version	Browser	Browser version	OS version	Date tested
JAWS	2023.2307.37	Chrome	116	Windows 11 version 22h2	2023-08-16
JAWS	2023.2307.37	Edge	115	Windows 11 version 22h2	2023-08-16
JAWS	2023.2307.37	Firefox	116	Windows 11 version 22h2	2023-08-16
Narrator	Windows 11 version 22h2	Edge	115	Windows 11 version 22h2	2023-08-16
NVDA	2023.2	Chrome	116	Windows 11 version 22h2	2023-09-05
NVDA	2023.2	Edge	115	Windows 11 version 22h2	2023-09-05
NVDA	2023.2	Firefox	116	Windows 11 version 22h2	2023-09-05
Orca	44.0	Firefox	115	Ubuntu 23.04	2023-08-16
TalkBack	13.5	Chrome	116	13	2023-08-16
VoiceOver (iOS)	16.6	Safari	16.6	16.6	2023-08-16
VoiceOver (macOS)	13.5	Safari	16.6	13.5	2023-08-16

History

2019-06-28 Test created
2019-07-27 Talkback results added
2019-09-16 add orca results
2019-10-09 update vo_macos and vo_ios results. All expectations now pass for these. Full support first seen in iOS 13.1 with Safari 13.1 and MacOS 10.15 with Safari 13.0.2
2021-07-28 Added Narrator results for NVDA and JAWS, updated NVDA+Chrome results.
2023-08-16 Updated results. Jaws and Orca now support.
2023-09-05 Updated NVDA results. Now supports all values.

Test: aria-haspopup attribute

On this page

About this test

Age of results

Test HTML

Summary of Screen Reader support by expectation

Summary of Voice Control support by expectation

Detailed support results by expectation

Expectation for the aria-haspopup attribute: convey the "dialog" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "dialog" value

Expectation for the aria-haspopup attribute: convey the "false" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "false" value

Expectation for the aria-haspopup attribute: convey the "grid" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "grid" value

Expectation for the aria-haspopup attribute: convey the "listbox" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "listbox" value

Expectation for the aria-haspopup attribute: convey the "menu" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "menu" value

Expectation for the aria-haspopup attribute: convey the "tree" value - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Extended Support for: aria-haspopup attribute: convey the "tree" value

Expectation for the aria-haspopup attribute: convey the "true" value (see note) - applied to the button element

Strength of this expectation for different types of assistive technologies:

Grading method:

Notes:

Extended Support for: aria-haspopup attribute: convey the "true" value (see note)

Dates and Versions of tested combinations

History

Related Features

Feedback and Contribute

Other