Closed vpellegrino closed 5 months ago
Thanks for opening this issue. I guess we'll find some more issues related to a11y if we use axe extensively.
Confirmed this to be an actual issue, cf. recording:
From the spec text: It's goal is to ensure that "Scrollable content can be reached with sequential focus navigation". Under "Assumptions" the spec writes:
This rule assumes that all scrollable elements with visible content need to be keyboard accessible. Scrollable elements that do not need to be keyboard accessible, perhaps because their content is purely decorative, the scroll area is whitespace, or because scroll can be controlled in some other keyboard accessible way such as through a button or custom scrollbar, may fail this rule but still satisfy success criterion 2.1.1 Keyboard.
What we violate:
ESC
) the user cannot tab through the entries to select one.The hit policy widget is a Select-only Combobox. There is already keyboard access to the options via arrow keys. We may want to annotate the control better though so that axe understands the its purpose.
@barmac The point is that nothing can be selected using keyboard right now (using tabbing). This is the bug we need to fix. Alternatively, yes, we can promote arrow keys.
This was tested on https://demo.bpmn.io/dmn
We should NOT scroll to the select options via TAB
.
The only issue I see right now from the keyboard perspective is that TAB
out does not close the options.
My expected behavior:
🅱️ is what I'd expect
Verified arrow key (only) navigation on select elements.
@barmac What about turning it into a simple select? Why do we make it a custom component in the first place?
I am OK with plain HTML experience.
I'm de-prioritizing this item and adding to our a11y
list.
Describe the Bug
The hit policy selector and the DMN table are affected by accessibility issue: Scrollable region must have keyboard access.
AXE recommendation: To solve this problem, you need to fix at least (1) of the following:
Steps to Reproduce
Expected Behavior
No accessibility issue is reported by the axe scan.
Environment
Please complete the following information: