WAI Website Assets

Controls 

<nav aria-label="Skip Link, Customization, and Language Selector" id="controls" class="default-grid">
    <ul>
        <li><a href="#main">Skip to Content</a></li>
        <li class="opt"><a href="/wai-video-standards-and-benefits/meta/customize/">Change Text Size or Colors</a></li>
        <li class="opt languagelist">
            <strong>This page in:</strong>
            <ul class="languagelistul">
                <li><strong style="text-transform: capitalize;">English</strong></li>
                <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/el" lang="el">Ελληνικά</a></li>
                <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/es" lang="es">español</a></li>
                <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/fr" lang="fr">français</a></li>
                <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/nl" lang="nl">Nederlands</a></li>
                <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/zh-hans" lang="zh-hans">简体汉语</a></li>
            </ul>
        </li>
        <li class="opt">
            <a href="/wai-video-standards-and-benefits/translations/">All Translations <svg aria-hidden="true" class="icon-languages "><use xlink:href="../../assets/images/icons.svg#icon-languages"></use></svg> languages</a>
        </li>
        <li><button id="showoptions" class="showhidebutton button-inline" data-target="#controls .opt" aria-expanded="true" data-showtext='<svg aria-hidden="true" class="icon-languages "><use xlink:href="../../assets/images/icons.svg#icon-languages"></use></svg> languages Show Customization, Languages, Translations'
                data-hidetext='Hide Options'><svg aria-hidden="true" class="icon-languages "><use xlink:href="../../assets/images/icons.svg#icon-languages"></use></svg> languages Show Customization, Languages, Translations</button></li>
    </ul>

</nav>
 
<nav aria-label="Skip Link, Customization, and Language Selector" id="controls" class="default-grid">
  <ul>
      <li><a href="#main">Skip to Content</a></li>
      <li class="opt"><a href="/wai-video-standards-and-benefits/meta/customize/">Change Text Size or Colors</a></li>
      <li class="opt languagelist">
          <strong>This page in:</strong>
          <ul class="languagelistul"><li><strong style="text-transform: capitalize;">English</strong></li><li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/el" lang="el">Ελληνικά</a></li>
          <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/es" lang="es">español</a></li>
          <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/fr" lang="fr">français</a></li>
          <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/nl" lang="nl">Nederlands</a></li>
          <li><a style="text-transform: capitalize;" href="/wai-video-standards-and-benefits/videos/standards-and-benefits/zh-hans" lang="zh-hans">简体汉语</a></li>
          </ul>
        </li>
        <li class="opt">
          <a href="/wai-video-standards-and-benefits/translations/">All Translations {%render '@icons', name="languages" %}</a>
      </li>
      <li><button id="showoptions" class="showhidebutton button-inline" data-target="#controls .opt" aria-expanded="true" data-showtext='{%render '@icons', name="languages" %} Show Customization, Languages, Translations' data-hidetext='Hide Options'>{%render '@icons', name="languages" %} Show Customization, Languages, Translations</button></li>
    </ul>

</nav>
 
/* No context defined for this component. */

There are no notes for this item.