Simplify/add icons to intro text

_includes/critical-checklist/how-to-test.html

@@ -1,7 +1,63 @@
-## How you should test
-Use the checklist below to perform your own accessibility testing on the accordions in your project.
-You do not need to be an accessibility expert to perform these tests.
+{% assign iconGridClasses = "tablet:grid-col display-flex flex-column flex-align-center" %}
 
-The checklist will walk you through each test using three types of assistive technology:
-[zoom magnification](#zoom-magnification-tests), [keyboard control](#keyboard-control-tests), and [screen readers](#screen-reader-tests).
-You can find instructions for using each type of assistive technology in the "how to test" accordions found in each section.
+## You still need to test it. Here's how.
+<p>Using USWDS code isn't enough. To ensure accessibility, conduct manual testing on your own project.</p>
+<ul class="usa-icon-list margin-top-2">
+    <li class="usa-icon-list__item">
+      <div class="usa-icon-list__icon">
+        <svg class="usa-icon" aria-hidden="true" role="img">
+          <use xlink:href="/assets/img/sprite.svg#check"></use>
+        </svg>
+      </div>
+      <div class="usa-icon-list__content">
+        Use the checklist below.
+      </div>
+    </li>
+    <li class="usa-icon-list__item">
+      <div class="usa-icon-list__icon">
+        <svg class="usa-icon" aria-hidden="true" role="img">
+          <use xlink:href="/assets/img/sprite.svg#person"></use>
+        </svg>
+      </div>
+      <div class="usa-icon-list__content">
+        You don't need to be an expert! Anyone can test for accessibility.
+      </div>
+    </li>
+    <!-- <li class="usa-icon-list__item">
+        <div class="usa-icon-list__icon">
+          <svg class="usa-icon" aria-hidden="true" role="img">
+            <use xlink:href="/assets/img/sprite.svg#help"></use>
+          </svg>
+        </div>
+        <div class="usa-icon-list__content">
+            Just follow the "how to test" instructions for each of the three types of assistive technology.
+        </div>
+    </li> -->
+</ul>
+
+
+Just follow the "how to test" instructions for each of the three types of assistive technology.
+
+
+<!-- Just follow the "how to test" instructions for three types of assistive technology.
+
+<div class="grid-row measure-5">
+    <div class="{{ iconGridClasses }}">
+        <svg class="usa-icon usa-icon--size-4" aria-hidden="true" role="img">
+            <use xlink:href="/assets/img/sprite.svg#zoom_in"></use>
+        </svg>
+        <p>Zoom magnification</p>
+    </div>
+    <div class="{{ iconGridClasses }}">
+        <svg class="usa-icon usa-icon--size-4" aria-hidden="true" role="img">
+            <use xlink:href="/assets/img/sprite.svg#keyboard"></use>
+        </svg>
+        <p>Keyboard navigation</p>
+    </div>
+    <a class="{{ iconGridClasses }}">
+        <svg class="usa-icon usa-icon--size-4" aria-hidden="true" role="img">
+            <use xlink:href="/assets/img/sprite.svg#hearing"></use>
+        </svg>
+        <p>Screen readers</p>
+    </a>
+</div> -->