Accessibility

  • Resolved SeeJaneB

    (@janiebee83)


    3 years, 8 months ago

    Hello, I started using your plugin today. One concern is accessibility via keyboard navigation.

    While tabbing through my website, I had to tab completely through my entire page before reaching the popup. Once I did reach the popup, I found that the Close icon does not receive focus, only the links and buttons that I put in my popup.

    I’m curious how a person with disabilities that can not see the screen or use a traditional mouse to navigate would close a popup? Have you considered the WCAG guidelines in your development?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Brave

    (@getbrave)

    @janiebee83 Many Thanks for the suggestion, We will fix this in the next version.

    Thanks

    Plugin Author Brave

    (@getbrave)

    @janiebee83 Fixed in the latest version. Once the popup opens up, the focus automatically goes to the popup.
    Press tab once to highlight the close button and then you can press enter to close the popup.

    Hope that helps.
    Thanks

    Thread Starter SeeJaneB

    (@janiebee83)

    Hello,
    I love that you got right on this. That is amazing. Thanks so much for being responsive and committed to improving usability for all!

    After clearing my page’s cache, I do notice that tabbing now goes immediately to the bottom right popup that I currently have on this site https://millards-store.com/. However, when pressing tab for the first time, there is no focus indicator on the close button. I found through experimentation that pressing tab once and then enter did close it, but there was never any visual indication of where the focus was on the page.

    I also have one popup at the top, but that one doesn’t receive focus until going all the way through the page, and again, the close button doesn’t receive any visual indicator that it is in focus.

    Another thing I’m wondering about is after the tab initially goes to the popup and closes it, continuing to tab then takes you to links partway down the page (below the fold) instead of starting with the top links that were skipped in order to go immediately to the popup. It would be great if after addressing the popup through keyboard navigation, a user could then utilize the site from the top down, as normal. Is this a possibility?

    Thread Starter SeeJaneB

    (@janiebee83)

    Checking back in on this. Was there any response to the concerns I posted after the fix?
    The page I am referring to is https://millards-store.com/

    Plugin Author Brave

    (@getbrave)

    @janiebee83 Sorry we haven’t made any changes to shift the focus to the top of the element. We need to run a lot of tests for this and will try to implement this in near future.

    As for the close button focus issue, you can try adding this Custom CSS:

    .brave_popup .brave_popup__close:focus { outline: 1px solid #fff;}

    Thanks

    Thread Starter SeeJaneB

    (@janiebee83)

    Thank you for the css. I was able to get the close button to have visible focus.

    As for the other concern about focus going back to the top of the site after closing a popup, I’ll stay tuned to your updates in the near future.

    I appreciate how responsive you are and your interest in improving this awesome plugin!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Accessibility’ is closed to new replies.