• All images on a website need an alt attribute according to WCAG 1.1.1. It can be empty, but it must exist for compliance with WCAG Guidelines.

    Example from this theme:

    <a class="logo" href="https://testingcenter.duke.edu/" rel="home">
      <img src="60055345143.png">
      <span class="screen-reader-text"> Duke Testing Center at Duke</span>
    </a>

    The existence of screen reader text does not qualify as a reason to omit the alt attribute.

    Suggested solution: Make the image’s alt description from the media library carry over to the logo.

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

  • The topic ‘Accessibility: Logo image missing image ALT description’ is closed to new replies.