Buscador

lunes, 14 de junio de 2021

¿Qué pasa si una imagen tiene aria-lable, aria-labelledby, alt y title?

 Para que una página web sea accesible, es necesario garantizar que cada elemento de la página tenga un "nombre". El nombre se puede definir de varias formas, pero ¿qué pasa cuándo se emplean varios mecanismos para definir el nombre?

En HTML Accessibility API Mappings 1.0 se explica cómo se calculan las propiedades de accesibilidad de cada elemento HTML.

Por ejemplo, en el caso de la imagen, podemos leer en 5.10 img Element:

5.10.1 img Element Accessible Name Computation

  1. If the img element has an aria-label or an aria-labelledby attribute the accessible name is to be calculated using the algorithm defined in Accessible Name and Description: Computation and API Mappings 1.1.
  2. Otherwise use alt attribute.
  3. Otherwise use title attribute.
  4. If none of the above yield a usable text string there is no accessible name.

5.10.2 img Element Accessible Description Computation

  1. If the element has an aria-describedby attribute the accessible description is to be calculated using the algorithm defined in Accessible Name and Description: Computation and API Mappings 1.1.
  2. Otherwise use the title attribute if it wasn't used as the accessible name.
  3. If none of the above yield a usable text string there is no accessible description.

No hay comentarios: