Support » Plugin: Simple Social Icons » Accessibility warning – ARIA IDs.

  • Hi

    The social buttons in my top menu throw up the following accessibility warning in Lighthouse:

    ARIA IDs are not unique
    The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. Learn more.
    Failing Elements
    li.ssi-email > a > svg.social-email > title#social-email-2
    <title id="social-email-2">
    li.ssi-facebook > a > svg.social-facebook > title#social-facebook-2
    <title id="social-facebook-2">
    li.ssi-instagram > a > svg.social-instagram > title#social-instagram-2
    <title id="social-instagram-2">

    Is that something that needs to be fixed plugin side or theme side?

    Thanks!

    Emily

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • This is not a problem.

    The warning is showing up because you have the icons on your page twice (in the header and in the sidebar). Each instance of these icons uses the same ID, so it’s causing a warning to be flagged.

    This warning exisits because when the same ID is used more than once in aria-labelledby on different elements, it won’t know which name to get for screen readers and might read out the “wrong” one. If you have different labels with the same ID, this could be a problem. However, in the case of SSI, because all instances of your Facebook icon have the same label (Facebook), it doesn’t really matter if it reads the label from the first or second instance the icon – it will be the correct label no matter what.

    This is what would be considered a false positive.

Viewing 1 replies (of 1 total)
  • The topic ‘Accessibility warning – ARIA IDs.’ is closed to new replies.