Difference between revisions of "Niraj"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
<h4><h4>Screen Reader Validation:</h4></h4>
+
<h4>Screen Reader Validation:</h4>
<p>With screen reader ON, use the down arrow key or Tab key to get to the link and read it.</p>
 
 
<ol>
 
<ol>
  <li>Check that text or a text alternative for non-text content is included in the a element</li>
+
<li>With screen reader ON, press down arrow key to read the non-text content.</li>
  <li>If an img element is the only content of the a element, check that its text alternative describes the purpose of the link</li>
+
<li>Validate all informative non-text contents are announced by the screen reader.   
  <li>If the a element contains one or more img element(s) and the text alternative of the img element(s) is empty, check that the text of the link describes the purpose of the link</li>
+
<ol type="a">
<li>If the a element only contains text, check that the text describes the purpose of the link</li>
+
<li> A simple image should have an accessible name that serves the equivalent purpose. </li>
 +
<li>A complex image (such as a graph) should have both:
 +
        <ol type="i">
 +
        <li>An accessible name that communicates the purpose of the image, and</li>
 +
        <li> An accessible description that communicates the content of the image.</li>
 +
        </ol>
 +
</li>
 +
</ol>
 +
</li>
 
</ol>
 
</ol>
  
<h4>DOM Validation:</h4>
 
<p>Describing the purpose of a link in HTML in the text content of the a element
 
&lt;a href="routes.html"&gt;
 
                Current routes at Boulders Climbing Gym
 
&lt;/a&gt;
 
</p>
 
 
</html>
 
</html>

Revision as of 20:14, 12 February 2021

Screen Reader Validation:

  1. With screen reader ON, press down arrow key to read the non-text content.
  2. Validate all informative non-text contents are announced by the screen reader.
    1. A simple image should have an accessible name that serves the equivalent purpose.
    2. A complex image (such as a graph) should have both:
      1. An accessible name that communicates the purpose of the image, and
      2. An accessible description that communicates the content of the image.