Accessibility concern: autotoc focus
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 35/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- javascript, scss
- Domain
- accessibility, frontend
Research direction
Start in src/pat/autotoc/autotoc.scss at the referenced line 51, and inspect how the autotoc navigation currently styles :hover. Add an equivalent visible treatment for the focused element, then verify with keyboard Tab navigation that the current focus is visibly indicated without disrupting the existing design.
Written by the indexing model from the issue text.
Description
Hi,
during some other accessibility testing on plone 6 I noticed that the Tab bar (autotoc-nav it seems) does not display in any way which element has the focus.
It would be greatly appreciated by visually impaired users if it would be displayed where the focus is a the moment.
I would success using the same as the :hover autotoc.scss#L51 if it fits in the design concept.
- Dominant language
- JavaScript
- Stars
- 57
- Forks
- 103
- Avg merge
- 8d 5h
- Merged PRs (30d)
- 4
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from plone/mockup
-
wrong description text in the tinymce image insert modal dialogMay be free again @anya-xcode claimed this 455 days ago, and no pull request is open. Open
Difficulty 1/5 Under an hour Newbie friendliness 62/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
-
Difficulty 1/5 Under an hour Newbie friendliness 65/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 64/100
-
04 type: enhancement
Difficulty 3/5 1-2 days Newbie friendliness 55/100
Similar issues
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
glossyio/traffic-monitor#264 ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 72/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
micromatch/picomatch#243 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 1 day
-
getComputedStyle().display is "" for span, a, b, label and other inline elements instead of "inline"Open
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
capricorn86/happy-dom#2556 ·
Maintainers usually reply within 1 day