The page looks and behave mostly the same way as before.
Notable changes:
Wrap heading content into a button element that is itself in a heading element (<h3><button>content</button></h3>) for modules and testcases. Before that a heading with button role was used, as a result the element was loosing the semantic of the heading, this might have impacted people navigating by heading (eg. when using a braille or screen reader).
Side effect of the change: improve keyboard navigation, the space key can now be used as well as the enter key to toggle module and test cases.
How to test this PR
Navigate to a test result.
Open and close module and test case sections using the mouse.
Try doing the same using the keyboard (use tab to focus) using both the enter and space key.
Purpose
Improve accessibility of the result page
Context
-
Changes
The page looks and behave mostly the same way as before.
Notable changes:
<h3><button>content</button></h3>
) for modules and testcases. Before that a heading with button role was used, as a result the element was loosing the semantic of the heading, this might have impacted people navigating by heading (eg. when using a braille or screen reader).How to test this PR