Language List

A language list houses a number of links to documents in different languages.

It uses specially crafted markup to provide additional information to screen reader users and search engines.

Screen Readers

For screen reader users additional, visually hidden text is included to provide additional context that other users receive visually. This helps them understand where they are on the page as well as quickly jump to their intended link.

Search Engines

The hreflang attribute is included to give search engines information about the language different documents are written in.

<ul>
  <li>
    <a href="#" hreflang="en">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        English
      </a>
  </li>
  <li>
    <a href="#" hreflang="es">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        Español
      </a>
  </li>
  <li>
    <a href="#" hreflang="fr">
        <span class="u-hiddenVisually">
          Parts Information for 16DEC1000001–17JUN1001531 in
        </span>
        Français
      </a>
  </li>
</ul>