Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #612133

    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

    #613781

    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

    #614935

    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

    #616404

    Hey!

    For your information, we have informed our devs.

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.