Problem/Motivation
The CKEditor toolbar configuration UI (seen at e.g.admin/config/content/formats/manage/full_html is very hard for sighted keyboard-only users to use. The available buttons CAN currently be moved in and out of the active toolbar, but keyboard focus is not indicated to the user, which makes it practicallly impossible to know which button you are dealing with.
This issue is part of our goal of meeting WCAG 2.0 level AA, specifically Success Criterion 2.4.7. Focus Visible.
This is a follow-up to #1872206: Improve CKEditor toolbar configuration accessibility. Accessibility of toolbar configuration for screen reader users was previously addressed there.
Proposed resolution
Add some Clear keyboard focus styles to the CKEditor toolbar configuration UI.
The scope of this issue is specifically about the experience of sighted keyboard users. It does not propose to change the screen reader experience.
Remaining tasks
- Decide how to style the keyboard focus
- Write CSS. Ensure it works in Seven theme (and Bartik?)
User interface changes
Adds keyboard focus styles for the CKEditor "Toolbar Configuration". Exact styles not yet decided..
API changes
None.
Data model changes
None.