Scenario 1: Heading markup is provided for the sections using HTML markup |
|
View Example
|
<![CDATA[<h1> Deque products</h1>
<h2>1. Worldspace Attest</h2>
<p><span>Catch 50% of accessibility issues while your site is being developed.</span></p>
<p><span>Framework integrations and browser plugins to help you incorporate accessibility into your existing development and testing environment.</span></p>
<h3>Key Features</h3>
<ul>
<li><span>Includes solutions for Unit Testing, Test Automation, and In-Browser testing</span></li>
<li><span>Integrates with Selenium, QUnit, and other popular testing frameworks</span></li>
</ul>
<h3>Target Users</h3>
<ul>
<li><span>Front-End Developers</span></li>
<li><span>Test Engineers</span></li>
</ul>
<a href="http://www.deque.com/products/worldspace-attest/">Learn More About WorldSpace Attest</a>
<h2>2. Worldspace Assure</h2>
<span>Optimize your accessibility testing, tracking, and reporting.</span>
<p><span>Step-by-step guidance and report-building to empower your QA team without requiring them all to become accessibility experts.</span></p>
<h3>Key Features</h3>
<ul>
<li><span>Step-by-step guidance to ensure consistent processes and results</span></li>
<li><span>Run manual and automated testing in the same interface.</span></li>
</ul>
<h3>Target Users</h3>
<ul>
<li><span>Accessibility Specialists</span></li>
</ul>
<a href="http://www.deque.com/products/worldspace-assure/">Learn More About WorldSpace Assure</a>]]> |
Scenario 2: Heading markup is provided for the sections using aria markup |
|
View Example
|
<![CDATA[<div role="heading" aria-level="1" style="font-weight:bold;font-size:22px"> Deque products</div>
<div role="heading" aria-level="2" style="font-weight:bold;font-size:18px">1. Worldspace Attest</div>
<p><span>Catch 50% of accessibility issues while your site is being developed.</span></p>
<p><span>Framework integrations and browser plugins to help you incorporate accessibility into your existing development and testing environment.</span></p>
<div role="heading" aria-level="3" style="font-weight:bold;font-size:15px">Key Features</div>
<ul>
<li><span>Includes solutions for Unit Testing, Test Automation, and In-Browser testing</span></li>
<li><span>Integrates with Selenium, QUnit, and other popular testing frameworks</span></li>
</ul>
<div role="heading" aria-level="3" style="font-weight:bold,font-size:15px">Target Users</div>
<ul>
<li><span>Front-End Developers</span></li>
<li><span>Test Engineers</span></li>
</ul>
<a href="http://www.deque.com/products/worldspace-attest/">Learn More About WorldSpace Attest</a>
<div role="heading" aria-level="2" style="font-weight:bold;font-size:18px">2. Worldspace Assure</div>
<span>Optimize your accessibility testing, tracking, and reporting.</span>
<p><span>Step-by-step guidance and report-building to empower your QA team without requiring them all to become accessibility experts.</span></p>
<div role="heading" aria-level="3" style="font-weight:bold;font-size:15px">Key Features</div>
<ul>
<li><span>Step-by-step guidance to ensure consistent processes and results</span></li>
<li><span>Run manual and automated testing in the same interface.</span></li>
</ul>
<div role="heading" aria-level="3" style="font-weight:bold;font-size:15px">Target Users</div>
<ul>
<li><span>Accessibility Specialists</span></li>
</ul>
<a href="http://www.deque.com/products/worldspace-assure/">Learn More About WorldSpace Assure</a>]]> |