Use our standards around visually hidden content

* Use `visually-hidden` class, not `visuallyhidden` * Move space from outside to inside visually hidden content
alphagov · Jun 2, 2017 · d90f915 · d90f915
1 parent da9e9a6
commit d90f915
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/docs/views/examples/check-your-answers-page.html b/docs/views/examples/check-your-answers-page.html
@@ -34,7 +34,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">name</span>
+              Change<span class="visually-hidden"> name</span>
             </a>
           </dd>
         </div>
@@ -48,7 +48,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">date of birth</span>
+              Change<span class="visually-hidden"> date of birth</span>
             </a>
           </dd>
         </div>
@@ -64,7 +64,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">home address</span>
+              Change<span class="visually-hidden"> home address</span>
             </a>
           </dd>
         </div>
@@ -79,7 +79,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">contact details</span>
+              Change<span class="visually-hidden"> contact details</span>
             </a>
           </dd>
         </div>
@@ -100,7 +100,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">previous application number</span>
+              Change<span class="visually-hidden"> previous application number</span>
             </a>
           </dd>
         </div>
@@ -114,7 +114,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">licence type</span>
+              Change<span class="visually-hidden"> licence type</span>
             </a>
           </dd>
         </div>
@@ -130,7 +130,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">home address</span>
+              Change<span class="visually-hidden"> home address</span>
             </a>
           </dd>
         </div>
@@ -145,7 +145,7 @@ <h2 class="heading-medium">
           </dd>
           <dd class="cya-change">
             <a href="#">
-              Change <span class="visuallyhidden">licence period</span>
+              Change<span class="visually-hidden"> licence period</span>
             </a>
           </dd>
         </div>