<section class="teaser grid-five-three">
<div class="col1 teaser-about grid-line-right">
<header class="teaser-h">
<h2>What is the W3C Web Accessibility Initiative (WAI)?</h2>
</header>
<p>[Placeholder short description] W3C’s WAI develops guidelines widely regarded as the international standard for Web accessibility support materials to help understand and implement Web accessibility resources, through international collaboration.</p>
</div>
<a href="#" class="col2 stealthy-link teaser-tip">
<header class="teaser-h">
<h2><svg aria-hidden="true" class="icon-lightbulb tips"><use xlink:href="../../assets/images/icons.svg#icon-lightbulb"></use></svg> lightbulb<span>Tip of the Week</span></h2>
</header>
<p>Provide sufficient contrast between foreground and background</p>
<span class="fakelink">More Design Tips<svg aria-hidden="true" class="icon-chevron-right "><use xlink:href="../../assets/images/icons.svg#icon-chevron-right"></use></svg> chevron-right</span>
</a>
</section>
<section class="teaser grid-five-three">
<div class="col1 teaser-about grid-line-right">
<header class="teaser-h">
<h2>What is the W3C Web Accessibility Initiative (WAI)?</h2>
</header>
<p>[Placeholder short description] W3C’s WAI develops guidelines widely regarded as the international standard for Web accessibility support materials to help understand and implement Web accessibility resources, through international collaboration.</p>
</div>
<a href="#" class="col2 stealthy-link teaser-tip">
<header class="teaser-h">
<h2>{%- render '@icons', name="lightbulb", class="tips" -%} <span>Tip of the Week</span></h2>
</header>
<p>Provide sufficient contrast between foreground and background</p>
<span class="fakelink">More Design Tips {%- render '@icons', name="chevron-right" -%}</span>
</a>
</section>
/* No context defined for this component. */
There are no notes for this item.