Tagged: andy
Hi guys,
just built a nice site based on Enfold. Awesome job you did there!
On my usual checks for SEO and Accessibility I stumbled upon the missing :hover and :focus Styles of all the links. That leads to lots of confusion for people who cannot use a mouse for navigation and have to rely to a keyboard. The usual usage pattern of those people is to navigate using the TAB button. There is no chance to observe, which link is the current active one. a11y wise this is a nogo. In general it is not a good design pattern.
To be more friendly to people with accessibility issues (and those crazy ones who prefer keyboard navigation) I would kindly ask to fix the missing :focus and :active styles. They should be at least set equal to the :hover styles to get a quickfix done here.
Just change in your CSS:
:hover {...}
to:
:hover, :focus, :active { ... }
Thanks alot, best regards,
Jan
Hi Jan!
I think you are right, so please use this to give Kriesi a reminder for this function: kriesi.at/support/enfold-feature-requests/
Regards,
Andy
Hi Andy,
thanks for getting back to me.
I disagree with this being a Feature Request. It is kind of a severe bug for a11y as I wrote. So I would kindly ask you to flag this as a styling bug regarding the a11y guidelines and recommendations.
See:
https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html
http://oregonstate.edu/accessibility/focus
https://www.nngroup.com/articles/keyboard-accessibility/
I could continue…
Thanks,
Jan