top of page
Foto del escritorAgence web AISOFTMTL

Lista de verificación para optimizar la accesibilidad de tu sitio web


Checklist to optimize the accessibility of your website

Cuando creas un sitio web es significativo, valioso y fundamental tener en cuenta la accesibilidad. Esto permitirá que todos los visitantes naveguen sin obstáculos por tu sitio, independientemente de su discapacidad o no.


¿Qué significa la accesibilidad ?

La accesibilidad no es más que preparar tu sitio o una aplicación de tal forma que los mismos sean accesibles, navegables y usables para los usuarios con o sin discapacidad.

Se recomienda que el sitio sea adaptable para los usuarios con las siguientes limitaciones :


Visuales : Personas con deficiencia visual pueden depender de la asistencia tecnológica tales como los lectores de pantalla, el aumento del tamaño del texto, el aumento del contraste de color, etc.


Motoras : Personas con limitaciones físicas para utilizar los periféricos tales como el ratón y el teclado, pueden utilizar una herramienta de control de ojos que permite a los usuarios interactuar con ordenadores utilizando sólo sus ojos.


Auditivas : Personas con limitaciones de la audición pueden confiar en la existencia de subtítulos o transcripciones de audio en su sitio web.


Congnitivas : Personas con limitaciones de aprendizaje, tales como el autismo, el TDAH, etc. Para ellos es importante construir un sitio web adecuadamente organizado en su estructura y coherente en su diseño.


Neurológicas : Son las personas con sensibilidades sensoriales. Para ellos es recomendable reducir el movimiento de las animaciones de los elementos o pueden tomar control sobre los elementos animados o en movimiento.



Los requisitos de accesibilidad dependerán del país o de la región. El siguiente listado es universal independientemente de la legislación de cada región, dada que cada región tiene en cuenta los conceptos principales de la accesibilidad :


1. El idioma de tu sitio : Al elegir el idioma del sitio, la asistencia tecnológica ajustará la velocidad, el acento y el tono de voz del contenido al idioma seleccionado.


2. Habilitar los elementos visuales : Los elementos visuales permiten al usuario ver en que posición se encuentran.


3. Configurar el sitio para los lectores de pantalla : Los lectores de pantalla son aplicaciones que permiten proporcionar información sobre los elementos presentes en el sitio, tales como iconos, menús, cuadros de diálogo, etc. Algunas opciones de lectores de pantalla con voz o navegadores parlantes que utilizan las personas con limitación visual son : NonVisual Desktop Access (NVDA), Voice Over, Home Page Reader, etc.


4. Construir, organizar y bien estructurar el sitio web : Esta preparación contribuye a la comprensión del sitio y a su respectivo contenido.



5. Preparar la galería de imágenes, textos y gráficos : Adicionar descripciones a tus imágenes utilizando alt text es una buena práctica que permite a los motores de búsqueda y lectores de pantalla a leerlos.


6. Utilizar nítidas fuentes : Garantizar una adecuada selección de las fuentes para la lectura de las personas con discapacidad visual.


7. Disminuir la utlización de los movimientos en los elementos : Los elementos en movimiento pueden causar problemas cognitivos como mareos, convulsiones, etc.


8. Que los archivos, el audio, los videos y los formularios sean accesibles : Adicionando descripciones de texto, transcripciones de texto a ficheros de audio, identificar los campos del formulario claramente, etc, los vistantes con discapacidad podrán disfrutar y entender el contenido.


9. Adicionar una declaración de accesibilidad a tu sitio : Esta declaración describe las políticas, los objetivos y los logros vinculados con la accesibilidad.



Puedes garantizar la accesibilidad de tu sitio ya sea con un asistente de accesiblidad que revisa tu sitio y te ofrece soluciones de mejoras de la accesibilidad o de manera manual con la lista que te he mostrado.


Si quieres saber más sobre la accesibilidad, envíame tu comentario.



8 visualizaciones0 comentarios

Entradas relacionadas

Ver todo

Comments

Rated 0 out of 5 stars.
No ratings yet

Add a rating
Logo Agence Web AISOFTMTL: Montréal, Québec
bottom of page