Los 10 errores de accesibilidad más comunes en Portugal

La práctica recomendada es mantener todo el contenido, excluyendo los enlaces de salto, en áreas designadas como el header, nav, main y footer.

Según los umbrales de relación de contraste de las WCAG 2 AA, todos los elementos de texto deben tener un contraste suficiente entre el texto en primer plano y los colores de fondo.

Los objetivos táctiles deben tener una dimensión mínima de 24 por 24 píxeles CSS. Para calcular el tamaño se utiliza la mayor superficie no oscurecida del objetivo táctil. El objetivo debe estar al menos a 24 píxeles CSS de distancia de cualquier otro objetivo táctil si su tamaño es insuficiente.

Cuando se utilicen como enlaces, el texto del enlace y el texto alternativo de las imágenes deben ser reconocibles por los lectores de pantalla, no tener etiquetas duplicadas y ser enfocables.

Para expresar su propósito y significado a los usuarios de lectores de pantalla, todas las imágenes deben incluir texto alternativo.

Para evitar un orden inesperado de las pestañas que haga que algunos componentes no aparezcan, el atributo «tabindex» nunca debe tener un valor superior a 0.

Para los usuarios de lectores de pantalla, los botones deben incluir un texto reconocible que especifique el destino, la finalidad, la función o la acción.

Las etiquetas de los elementos h1 a h6 deben estar en orden secuencial para que los encabezados tengan un orden lógico correcto.

Cuando se repite el texto de los botones y enlaces en un valor de propiedad alt, los usuarios de lectores de pantalla escuchan la misma información dos veces, lo que hace que el texto alternativo carezca de valor y resulte confuso.

Una buena práctica es garantizar que sólo haya un punto de referencia principal para navegar al contenido principal de la página, y si la página tiene componentes iframe, cada uno debería contener o bien ningún punto de referencia o bien un único punto de referencia.