Please enable JavaScript.
Coggle requires JavaScript to display documents.
Consejos para hacer un sitio web más accesible - Coggle Diagram
Consejos para hacer un sitio web más accesible
¿Por qué?
Brindar al público objetivo el mismo acceso al sitio,
servicios y contenido.
Proteger la empresa de multas y demandas resultante de
un sitio web inaccesible.
Demostrar el compromiso de la marca de servir a todos
en el público objetivo.
Hacer crecer el negocio alcanzando y sirviendo a un
mercado más grande dentro del público objetivo.
Consejos
Usar atributos de título significativos.
Agregar resúmenes cortos que describen dónde llevará el hipervínculo al usuario que hace clic en él.
No es útil si el atributo "title" es el mismo que el texto del enlace.
Colocar elementos interactivos importantes más
arriba en la página web.
Identificar hipervínculos importantes y controles de interfaz de usuario a los que los usuarios necesitan acceder, y colocarlos en posiciones más accesibles en la página.
Utilizar atributos de título descriptivos y significativos en los hipervínculos, de manera que proporcionen información adicional sobre el destino del enlace.
No comenzar los atributos del título con el mismo texto.
Colocar enlaces importantes y otros elementos interactivos en lugares estratégicos dentro de las páginas web.
Evitar que los atributos del título comiencen con el mismo texto, ya que esto puede resultar confuso para los usuarios que dependen de lectores de pantalla.
Usar los encabezados correctamente
Utilizar las etiquetas de encabezado de manera jerárquica, es decir, utilizando la etiqueta <h1> para el título principal de la página, seguida de la etiqueta <h2> para los subtítulos y así sucesivamente.
Dividir el contenido de la página en secciones lógicas utilizando las etiquetas de encabezado. Esto ayuda a los usuarios con discapacidades visuales a comprender mejor el contenido y a navegar por la página de manera más eficiente.
Usar títulos de página distintos y significativos
Utilizar títulos de página únicos y significativos en cada página del sitio web. Esto facilita que los usuarios, incluyendo aquellos que utilizan lectores de pantalla, puedan identificar claramente el contenido y la ubicación de la página en la que se encuentran.
Evitar la repetición de títulos de página en diferentes secciones del sitio web.
Usar omitir navegación
Incluir un enlace de "omitir navegación" al inicio de la página web para permitir a los usuarios de lectores de pantalla y aquellos que utilizan dispositivos de asistencia saltar directamente al contenido principal, evitando la necesidad de leer todo el contenido de navegación repetitivo.
Utilizar técnicas de ocultamiento mediante CSS para que el enlace de "omitir navegación" sea visible solo para usuarios que utilizan lectores de pantalla, mientras que permanece oculto para usuarios sin discapacidades visuales.
Etiquetar los elementos de su formulario
Etiquetar claramente los elementos de un formulario web con texto significativo y descriptivo.
Al etiquetar adecuadamente los elementos del formulario, se mejora la comprensión de los usuarios sobre qué información deben proporcionar en cada campo, lo que a su vez mejora la interacción con el formulario.
Probar las páginas web con CSS y JavaScript
deshabilitado
Pruebe sus páginas web con CSS y JavaScript deshabilitado: Esta práctica permite evaluar la accesibilidad y la organización del contenido de un sitio web al desactivar CSS y JavaScript, lo que ayuda a identificar si el contenido es accesible y está correctamente estructurado para usuarios que dependen de tecnologías de asistencia.
Usar tecnologías de asistencia
La simulación del uso de tecnologías de asistencia, como lectores de pantalla, brinda a los diseñadores y desarrolladores la oportunidad de comprender cómo interactúan las personas con discapacidades visuales o de otro tipo con un sitio web.
Al experimentar directamente el uso de tecnologías de asistencia, los profesionales del diseño web pueden desarrollar una mayor conciencia sobre la importancia de crear sitios web accesibles para garantizar que todos los usuarios, independientemente de sus capacidades, puedan interactuar de manera efectiva con el contenido en línea.
La accesibilidad web no se trata de degradar la
experiencia general del usuario
La accesibilidad web no busca disminuir la experiencia general del usuario, sino encontrar un equilibrio entre garantizar que el sitio sea accesible para todos, incluidas las personas con discapacidades, y proporcionar una experiencia positiva para todos los usuarios, independientemente de sus capacidades.
Al implementar prácticas de accesibilidad web, se puede mejorar la experiencia general del usuario al hacer que el sitio sea más fácil de usar, comprender y navegar, lo que beneficia a todos los visitantes, incluidos aquellos con discapacidades.