Repository navigation
Accessibility issues #945
Description
Hi,
Here are some issues that I found regarding accessibility:
- Viewport not allowing to scale and zoom
- The burger menu button must have discernible text
- The burger menu button must have a :focus styling
- Search plugin is text missing a label for the search input
- Search text input is also missing a :focus styling
Low contrast text according to Web Content Accessibility Guidelines (WCAG) 2.1:
- Between #42b983 and #ffffff (ratio: 2.47)
- Between #858585 and #ffffff (ratio: 3.69)
- Between #e96900 and #ffffff (ratio: 3.04)
- Between #36bc98 and #ffffff (ratio: 2.38)
I also do like to note that some of the image alternate text can be improved.
I can submit a PR for the first 5 issues, but what should we do about the contrast ratio ?
PS: Sorry about not following the templates, but this is not a bug report nor a feature request
Activity
anikethsaha commentedon Nov 21, 2019
You meant a tooltip ?
what style are you planning to add in the focus?
Feel free to submit a PR
We can take a look at the ratio thing Future.
PicchiKevin commentedon Nov 25, 2019
For the burger menu an aria label should do the trick although the button seems a bit small.
And for the text input here is what I was thinking of :
(An outer glow should be enough I thing, with the theme color)
anikethsaha commentedon Nov 25, 2019
Can you try this and share the screenshot
And about the input, try something which will work with other theme too. And I think the outer glow is bit more, try reducing it little bit
Merge pull request #1149 from chicgeek/feature/viewport-meta-accessib…
Merge pull request docsifyjs#960 from PicchiKevin/improve-accessibility