Accesibilidad: preparar el texto y gráficos
2 min de lectura
Los visitantes pueden tener dificultades para distinguir entre el primer plano y el fondo de las páginas de tu sitio. Para aumentar la accesibilidad de los visitantes con visión limitada, recomendamos lo siguiente:
- Changing the text color and background color contrast to a ratio of 4.5:1 for normal text and 3:1 for large text.
- A contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders, placeholders etc).
- Level AAA requires a higher contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Nota:
El texto grande se define como arriba de 14 puntos (aproximadamente 18px) y negrita, o 18 puntos (aproximadamente 24px).
Mostrarme cómo encontrar el código de los colores en el Editor
Mostrarme cómo encontrar el código de color en el Editor ADI
Muéstrame cómo agregar alt text a imágenes y galerías en el Asistente de accesibilidad
Probando los contrastes del color
Existen numerosos sitios y complementos del navegador, como el Comprobador de contraste, que prueba el contraste de color comparando los colores de primer plano y de fondo (utilizando los códigos de colores). Para verificar el contraste de color del texto sobre una imagen de fondo, recomendamos usar el Analizador de contraste de color que te permite elegir el color de fondo y luego probarlo.
Siguientes pasos:
Vuelve a la Lista para mejorar la accesibilidad de tu sitio para continuar mejorando tu sitio para que sea accesible para todos.