
De acuerdo con la especificación WAI-ARIA y la Guía de implementación de las API de accesibilidad de HTML a plataforma, el texto con etiqueta de aria anulará el texto proporcionado dentro del enlace. Como tal, el texto suministrado se utilizará en lugar del texto de enlace de AT. Debido a esto, se recomienda iniciar el texto utilizado en aria-label con el texto utilizado en el enlace. Esto permitirá una comunicación consistente entre los usuarios.
Ejemplo
Describir el propósito de un enlace en HTML usando el elemento aria-label. En algunas situaciones, los diseñadores pueden optar por disminuir la apariencia visual de los enlaces en una página utilizando un enlace más corto y repetido, como "leer más". Estas situaciones proporcionan un buen caso de uso para aria-label, ya que el texto más simple y no descriptivo de "leer más" de la página se puede reemplazar por una etiqueta más descriptiva del enlace. Las palabras "leer más" se repiten en la etiqueta aria (que reemplaza el texto de anclaje original de "[Leer más ...]") para permitir una comunicación constante entre los usuarios.
<h4>Tutoriales En Linea</h4>
<p>Tutoriales En Linea es un portal web de tutoriales, cursos online y de aprendizaje que pretenden simular al maestro mostrando al usuario el desarrollo de algún procedimiento o los pasos para realizar determinada actividad...
<a href="index.html" aria-label="Leer más...">[Leer más...]</a>
</p>
<p> hagalo usted mismo, tutorias online.
<a href="index.html" aria-label="Leer más...">[Leer más...]</a>
</p>
Comentarios