index.html

<h1>Accessibility Testing</h1>

<h2>ARIA Testing</h2>

<ol>
  <li><a href="aria-labeling.html">Labeling overrides</a></li>
  <li>
    <a href="https://codepen.io/developpeur/pen/YzxgLYY" target="”_blank”"
      >Multiple aria roles: listitem + option ↗</a
    >
  </li>
</ol>

<h2>Searchbox</h2>
<ol>
  <li><a href="spa/search-results.html">Search Results</a></li>
</ol>

<h2>Tables</h2>

<h3>Once-Size-Fits-All Table</h3>
<p>Test for Mobile and Desktop</p>

<ol>
  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/xxXEzGb" target="_blank"
      >ALL Tables - Responsive without ARIA roles ↗</a
    >
  </li>

  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/poWEVaL" target="_blank"
      >ALL Tables - Responsive with Semantics Retained ↗</a
    >
  </li>

  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/QWMzwZG" target="_blank"
      >Shopping Cart Table - Responsive with Semantics Retained ↗</a
    >
  </li>
  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/vYeLrjb" target="_blank"
      >Wish List Table - Responsive with Semantics Retained ↗</a
    >
  </li>
  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/PoJoJmp" target="_blank"
      >Cancel/Returns Table - Responsive with Semantics Retained ↗</a
    >
  </li>
  <li>
    ✓
    <a href="https://codepen.io/developpeur/pen/dyzxNom" target="_blank"
      >Standard Table - Responsive with Semantics Retained ↗</a
    >
  </li>
</ol>

<h3>Cart Page Table</h3>

<ol>
  <li><a href="spa/cart.html">Original Cart</a></li>
  <li>
    <a href="spa/cart2.html">Cart Table with 1 header set and 5 cols</a>
  </li>
  <li>
    <a href="spa/cart3.html"
      >Cart Table with 2 header sets and 5 cols - Not Responsive</a
    >
  </li>
  <li>
    <a href="spa/cart4.html"
      >Cart Table with 2 header sets and 1 spanned header</a
    >
  </li>
  <li>
    <a href="spa/cart5.html"
      >Minified CSS + Responsive - Cart Table with 2 header sets and 1 spanned
      header</a
    >
  </li>
  <li>
    <a href="spa/cart6.html"
      >Minified CSS + Responsive - Cart Table with 2 header sets. Merge 2 cart
      items in 1 column</a
    >
  </li>
  <li>
    <a href="https://codepen.io/developpeur/pen/PoKrQJd" target="_blank"
      >Shopping Cart Display as List, looking like Table ↗</a
    >
  </li>
</ol>

<h3>Standard Table</h3>
<ol>
  <li><a href="spa/table.html">Original Table</a></li>
  <li><a href="spa/table2.html">Standard Table 2nd round</a></li>
  <li><a href="spa/table3.html">Standard Table with IDs</a></li>
  <li>
    <a href="https://codepen.io/developpeur/pen/dyzxNom" target="_blank"
      >Standard Table with Semantics Retained ↗</a
    >
  </li>
</ol>