Difference between revisions of "Niraj"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
<h3 class="pd-item__title" data-bind="text:name()" lang="es">Objetivos para desarrollo y el aprendizaje</h3>
+
<h4><h4>Screen Reader Validation:</h4></h4>
 +
<p>With screen reader ON, use the down arrow key or Tab key to get to the link and read it.</p>
 +
<ol>
 +
  <li>Check that text or a text alternative for non-text content is included in the a element</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>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>
 +
<li>If the a element only contains text, check that the text describes the purpose of the link</li>
 +
</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 18:09, 12 February 2021

Screen Reader Validation:

With screen reader ON, use the down arrow key or Tab key to get to the link and read it.

  1. Check that text or a text alternative for non-text content is included in the a element
  2. If an img element is the only content of the a element, check that its text alternative describes the purpose of the link
  3. 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
  4. If the a element only contains text, check that the text describes the purpose of the link

DOM Validation:

Describing the purpose of a link in HTML in the text content of the a element <a href="routes.html"> Current routes at Boulders Climbing Gym </a>