ADA compliance questions

[VisHorizons]

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!

[Matt Zimmermann]

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.

[VisHorizons]

Thanks for the reply. I'll implement your recommendations as I plug away at the rest of my errors and warnings.