WAI Website Assets

Making Web Accessible 

<h1 class="visuallyhidden">Web Accessibility Initiative Home</h1>
<section class="default-grid teaser making-web-accessible" aria-labelledby="mwa-title">
    <header class="inner teaser-h">
        <h2 id="mwa-title">
            <span class="title">Making the Web Accessible</span>
        </h2>
        <p class="subtitle">Strategies, guidelines, and resources to make the web accessible to people with disabilities.</p>
    </header>
    <div class="inner grid-3 nogap">
        <div class="col1 making-web-accessible-box"><svg aria-hidden="true" class="icon-hp-book mwa-icon"><use xlink:href="../../assets/images/icons.svg#icon-hp-book"></use></svg> hp-book
            <h3>W3C</h3>
            <p>The World Wide Web Consortium (W3C) develops international standards for the Web: HTML, CSS, and many more.</p>
        </div>
        <div class="col2 making-web-accessible-box"><svg aria-hidden="true" class="icon-hp-tools mwa-icon"><use xlink:href="../../assets/images/icons.svg#icon-hp-tools"></use></svg> hp-tools
            <h3>WAI</h3>
            <p>The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.</p>
        </div>
        <div class="col3 making-web-accessible-box"><svg aria-hidden="true" class="icon-hp-computer mwa-icon"><use xlink:href="../../assets/images/icons.svg#icon-hp-computer"></use></svg> hp-computer
            <h3>You</h3>
            <p>You can use W3C WAI resources to make your websites, applications, and other digital creations more accessible and usable to everyone.</p>
        </div>
    </div>
    <div class="inner hidesection">
        <button class="showhidebutton" data-target=".making-web-accessible .inner:not(.hidesection)" aria-expanded="true" data-showhidebuttonid="homepage-making-web-accessible" data-showtext="Show information about W3C, WAI, You" data-hidetext="Hide Section">Hide Section</button>
    </div>
</section>
 
<h1 class="visuallyhidden">Web Accessibility Initiative Home</h1>
<section class="default-grid teaser making-web-accessible" aria-labelledby="mwa-title">
  <header class="inner teaser-h">
    <h2 id="mwa-title">
      <span class="title">Making the Web Accessible</span>
    </h2>
    <p class="subtitle">Strategies, guidelines, and resources to make the web accessible to people with disabilities.</p>
  </header>
  <div class="inner grid-3 nogap">
    <div class="col1 making-web-accessible-box">
      {%- render '@icons', name="hp-book", class="mwa-icon" -%}
      <h3>W3C</h3>
      <p>The World Wide Web Consortium (W3C) develops international standards for the Web: HTML, CSS, and many more.</p>
    </div>
    <div class="col2 making-web-accessible-box">
      {%- render '@icons', name="hp-tools", class="mwa-icon" -%}
      <h3>WAI</h3>
      <p>The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.</p>
    </div>
    <div class="col3 making-web-accessible-box">
      {%- render '@icons', name="hp-computer", class="mwa-icon" -%}
      <h3>You</h3>
      <p>You can use W3C WAI resources to make your websites, applications, and other digital creations more accessible and usable to everyone.</p>
    </div>
  </div>
  <div class="inner hidesection">
    <button class="showhidebutton" data-target=".making-web-accessible .inner:not(.hidesection)" aria-expanded="true" data-showhidebuttonid="homepage-making-web-accessible" data-showtext="Show information about W3C, WAI, You" data-hidetext="Hide Section">Hide Section</button>
  </div>
</section>
 
/* No context defined for this component. */

There are no notes for this item.