This is an issue in reference to #23 which is related to the "primitives and nested role=button" branch.
Issue Summary
NVDA focus indicator does not appear around parent group elements or child group elements as expected for SVG or HTML. As an example, the focus indicator bounding dimensions for "Rect and Circle group" should be around both the Rect and circle elements, but NVDA is only binding around the rect element. This is most likely connected to the others issues found in testing.
Starting at the "Interactions Instructions" heading: Use NVDA down arrow key to navigate into the SVG space. Continue to press the down arrow key to navigate through all webpage elements.
Expected behavior (Pass/Fail)
FAIL We expect that a screen reader (SR) can navigate to each element with a role and aria-label using a keyboard (SVG, g, and all SVG primitives).
Pass We expect that the visual focus indicator moves to the correct element and has the correct bounding dimensions.
FAIL We expect that the visual focus indicator will remain in view at all times and may even adjust the scroll position of the page while navigating.
FAIL The SVG is labelled by the chart's title and subtitle (these should be read as a single text when navigating to the root element).
FAIL The title and subtitle are hidden from a screen reader because they are announced on their parent element instead. These elements should not be read out loud.
FAIL The elements are grouped in pairs. The screen reader should be able to separately navigate to the group before navigating to each pair.
FAIL Each primitive (rect, circle, path, text) should be accessible by a screen reader and read the number and label for that element.
Pass We expect that a SR will announce the aria-label correctly for each element, followed by its role.
Pass The aria label should announce the number, followed by the type of primitive (eg "7 Rect"), even though the text may be displayed visually in a different order. This is designed intentionally to ensure that the ARIA is working correctly.
FAIL We expect that different SVG primitives (rect, circle, path, text) will be consistent with each other based on previous expectations.
FAIL We expect that the SVG elements will provide the same experience as the HTML elements (below the SVG space).
FAIL We expect that if the main roles are not used, the fallback roles will be (if they are enabled). We are not sure how to design for this initially, but are mentioning it as important.
Pass We expect that a SR will be able to toggle the element on or off.
Pass We expect that a SR will announce the toggle state correctly when navigated to.
Pass We expect that a SR will announce the toggle state correctly when changed.
Pass We expect that the aria live region for each test type (HTML and SVG) will correctly announce that something has happened with each toggle.
Technical Details
NVDA 2021.3.4
Chrome Version 98.0.4758.102
Windows 11 Build 22000.556
This is an issue in reference to #23 which is related to the "primitives and nested role=button" branch.
Issue Summary
NVDA focus indicator does not appear around parent group elements or child group elements as expected for SVG or HTML. As an example, the focus indicator bounding dimensions for "Rect and Circle group" should be around both the Rect and circle elements, but NVDA is only binding around the rect element. This is most likely connected to the others issues found in testing.
Video of issue
SVG Examples starts at 00:00:16 https://user-images.githubusercontent.com/98043076/160892673-1373c856-e6db-41e9-9048-4f8952eefdba.mp4 HTML Examples start at 00:00:11 https://user-images.githubusercontent.com/98043076/160892652-62384ef1-3325-4058-afcd-7bcd33fc0984.mp4
Steps to reproduce
Starting at the "Interactions Instructions" heading: Use NVDA down arrow key to navigate into the SVG space. Continue to press the down arrow key to navigate through all webpage elements.
Expected behavior (Pass/Fail)
Technical Details
NVDA 2021.3.4 Chrome Version 98.0.4758.102 Windows 11 Build 22000.556