Announcement

Collapse
No announcement yet.

ADA compliance questions

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    ADA compliance questions

    To test my compliance, I'm using WAVE's browser plug-in, the Accessibility Insights browser plug-in, and the built-in tools for Firefox and Chrome.

    WAVE says the social media icons in the footer are "empty links". I see there is a title attribute. Is there anything else I can do?

    In Chrome, I'm getting the error: [id] attributes on the page are not unique
    ul#js-navigation-set.navigation-set.horizontal-drop-down
    span#js-mini-basket-count.mini-basket-count.inline-block

    Firefox's accessibility tool: I'm getting errors for links: "Focusable element may be missing focus styling," although I previously set up a global a:focus rule. Do I just ignore this?

    Thanks for any help with this!


    Doug
    Using Miva Merchant since 2004
    StoreSMART.com

    #2
    For empty links, you can add aria-label in place, or in addition to, the title attribute. The multiple IDs are possible with how the theme was coded. You may be able to update them to be different without breaking functionality, but it will require some testing. Focus styles are also needed on inputs and buttons as they are focusable elements as well.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Thanks for the reply. I'll implement your recommendations as I plug away at the rest of my errors and warnings.
      Doug
      Using Miva Merchant since 2004
      StoreSMART.com

      Comment

      Working...
      X