This is an issue in reference to #26 which is related to the "primitives and nested role=Menu/Menuitem" branch. All tests use native SR navigation (arrow keys) and TAB.
Preface: A seasoned SR user could have the knowledge to navigate and explore the menu test webpage with more nuance, whether through manual mode switching, certain key shortcuts, etc. But this test is with the SR’s default/automatic options and performed as if a new or beginner user is interacting with SVG elements. We would expect that all users could be able to navigate smoothly, regardless of experience levels.
Issue Summary
Issue #1: NVDA reads “blank” when first navigating from HTML sub-menu “file 2” to sub-menu “file 3.” You must press the down arrow key once again to properly access “file 3.”
Issue #2: NVDA does not state the HTML sub-menu groups for File (ex: 1 of 4). After navigating to Edit, NVDA states the sub-menu options as 1 of 1, rather than 1 of 4, 2 of 4, etc. as expected.
Issue #3: NVDA does not state the HTML sub-menu groups for File (ex: 1 of 4). After navigating to Edit, NVDA states the sub-menu options as 1 of 1, rather than 1 of 4, 2 of 4, etc. as expected.
Starting at the "Interactions Instructions" heading: Use NVDA down arrow key to navigate into the SVG space using TAB. After reaching the last "Help" menu option, press the down arrow key to continue navigation.
Expected behavior (Pass/Fail)
We aren't actually testing HTML in this project, but if we are comparing the SVG to HTML elements in how they perform we need to note the issues found.
Technical Details
NVDA 2022.1 (default)
Firefox 102.0.1
Windows 11 Build 22000.795
This is an issue in reference to #26 which is related to the "primitives and nested role=Menu/Menuitem" branch. All tests use native SR navigation (arrow keys) and TAB.
Preface: A seasoned SR user could have the knowledge to navigate and explore the menu test webpage with more nuance, whether through manual mode switching, certain key shortcuts, etc. But this test is with the SR’s default/automatic options and performed as if a new or beginner user is interacting with SVG elements. We would expect that all users could be able to navigate smoothly, regardless of experience levels.
Issue Summary
Issue #1: NVDA reads “blank” when first navigating from HTML sub-menu “file 2” to sub-menu “file 3.” You must press the down arrow key once again to properly access “file 3.”
Issue #2: NVDA does not state the HTML sub-menu groups for File (ex: 1 of 4). After navigating to Edit, NVDA states the sub-menu options as 1 of 1, rather than 1 of 4, 2 of 4, etc. as expected.
Issue #3: NVDA does not state the HTML sub-menu groups for File (ex: 1 of 4). After navigating to Edit, NVDA states the sub-menu options as 1 of 1, rather than 1 of 4, 2 of 4, etc. as expected.
Video of issue
Arrow keys Example 1 starts at 00:00:27 https://user-images.githubusercontent.com/98043076/180842261-9418ee86-c279-487c-8e6a-58a79f6a0499.mp4 Example 2 starts at 00:00:27 https://user-images.githubusercontent.com/98043076/180842261-9418ee86-c279-487c-8e6a-58a79f6a0499.mp4
TAB example Example 3 starts at 00:00:05 https://user-images.githubusercontent.com/98043076/180842282-273c0f73-92e5-4651-95a4-4f6cdd03d098.mp4
Steps to reproduce
Starting at the "Interactions Instructions" heading: Use NVDA down arrow key to navigate into the SVG space using TAB. After reaching the last "Help" menu option, press the down arrow key to continue navigation.
Expected behavior (Pass/Fail)
We aren't actually testing HTML in this project, but if we are comparing the SVG to HTML elements in how they perform we need to note the issues found.
Technical Details
NVDA 2022.1 (default) Firefox 102.0.1 Windows 11 Build 22000.795