WAI Website Assets

Media 

<div class="grid-4q teaser teaser-media">
    <div class="q1-start q2-end">
        <header class="teaser-h">
            <p class="subtitle">
                Web Accessibility Perspectives
            </p>
            <h2 class="title">Keyboard Compatibility</h2>
        </header>
        <p>[Short description for Keyboard Compatibility] All functionality must be usable with the keyboard. That is, users can access and move between links, buttons, forms, and other controls using the Tab key and other keystrokes. Websites should not
            require a mouse;…</p>
        <div class="button-group">
            <button class="button button-more"><span>More About Keyboard Compatibility</span></button>
            <button class="button button-more button-secondary"><span>See All Perspectives Videos</span></button>
        </div>
    </div>
    <div class="q3-start q4-end media">
        <div class="media-wrapper">
            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/93UgG72os8M" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
</div>
 
<div class="grid-4q teaser teaser-media">
  <div class="q1-start q2-end">
    <header class="teaser-h">
      <p class="subtitle">
        Web Accessibility Perspectives
      </p>
      <h2 class="title">Keyboard Compatibility</h2>
    </header>
    <p>[Short description for Keyboard Compatibility] All functionality must be usable with the keyboard. That is, users can access and move between links, buttons, forms, and other controls using the Tab key and other keystrokes. Websites should not require a mouse;…</p>
    <div class="button-group">
      {%render "@button", name="link", label="More About Keyboard Compatibility", href="#", mods=['more'] %}
      {%render "@button", name="link-secondary", label="See All Perspectives Videos", href="#", mods=['more', 'secondary'] %}
    </div>
  </div>
  <div class="q3-start q4-end media">
    <div class="media-wrapper">
      <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/93UgG72os8M" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.