Details
-
Bug
-
Status: Development in progress
-
Minor
-
Resolution: Unresolved
-
3.7.5, 3.8.2, 3.9
-
None
Description
When tabbing through the links on a course page, the manual completion check boxes for activities have no visual focus indicator when tabbing through the page using a keyboard. This can feel like a keyboard trap as the focus disappears from view.
Note: Unfortunately the checkbox is not centered in the graphic image so the blue outline will be centered either.
This is a failure of WCAG 2.1 Level A (and hence AA) Success Criterion 2.4.7: Focus visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. For more information, see:
https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html
The solution is to set the outline CSS for the button of a checkbox.
Let me know if you have any questions.
Michael Milette