Test: Atributo lang en un elemento dentro de un enlace

El objetivo de este test es evaluar, mediante diferentes ejemplos, si los lectores de pantalla leen una parte de un enlace definido en otro idioma (mediante el atributo lang) correctamente.

Autor de test: Olga Carreras (Usable y accesible)

Ejemplo 1

Criterio de conformidad "Enough Time: Provide users enough time to read and use content."

El código de este ejemplo es:

<p><a href="http://www.w3.org/TR/WCAG20/#time-limits">Criterio de conformidad <span lang="en">"Enough Time: Provide users enough time to read and use content."</span></a></p>

Resultados:

¿Lee el lector de pantalla en inglés la parte del enlace etiquetada con span lang="en"?

Ejemplo 2

Criterio de conformidad "Enough Time: Provide users enough time to read and use content."

<p><a href="http://www.w3.org/TR/WCAG20/#time-limits">Criterio de conformidad <em lang="en">"Enough Time: Provide users enough time to read and use content."</em></a></p>

Resultados:

¿Lee el lector de pantalla en inglés la parte del enlace etiquetada con em lang="en"?

Ejemplo 3

Criterio de conformidad "Enough Time: Provide users enough time to read and use content."

<p><a href="http://www.w3.org/TR/WCAG20/#time-limits">Criterio de conformidad <cite lang="en">"Enough Time: Provide users enough time to read and use content."</cite></a></p>

Resultados:

¿Lee el lector de pantalla en inglés la parte del enlace etiquetada con cite lang="en"?

Ejemplo 4

Criterio de conformidad "Enough Time: Provide users enough time to read and use content."

<p><a href="http://www.w3.org/TR/WCAG20/#time-limits">Criterio de conformidad <span class="oculto" lang="en">"Enough Time: Provide users enough time to read and use content."</span></a></p>

Resultados:

¿Lee el lector de pantalla en inglés la parte del enlace etiquetada con span lang="en" y oculta mediante el estilo CSS (técnica CLIP)?