Diez consejos para sitios web accesibles
Todos sabemos que construir diseños accesibles es importante, pero ¿cuántos de nosotros realmente lo tenemos en cuenta al crear un sitio? Aquí hay algunos pasos simples y efectivos para hacer que su sitio sea accesible para todos.
Explore los recursos de diseño
1. Valide su XHTML y CSS
Validar su código a menudo puede llevarlo a descubrir problemas que no había notado antes. Cosas como etiquetas no escritas y mal escritas que se ven bien en su navegador, pero que pueden causar problemas cuando otras personas las ven. Las dos herramientas principales que necesita usar son un Validador XHTML y un Validador CSS.
2. Agregar texto alternativo para imágenes
No todos tienen las imágenes activadas en su navegador, y muchas personas usan programas de texto a voz ya que sufren problemas de visión. Proporcionar texto alternativo para las imágenes a través del atributo alt garantiza que las imágenes tengan una descripción y que los visitantes puedan entenderlas. También le ayuda a ubicarse cuando los motores de búsqueda lo indexan.
3. Asegúrese de que su sitio funcione sin JavaScript
Al igual que con las imágenes, muchas personas navegan con JavaScript desactivado (casi el 6% al momento de escribir). Este es un número bastante alto, y vale la pena asegurarse de que su sitio web funcione correctamente sin JavaScript. Confiar demasiado en él puede alienar a ciertas personas en su audiencia.
4. Use CSS para separar el contenido y el formato
Como un sitio web que muestra y promueve el uso de hojas de estilo en cascada, no es sorprendente verlas aquí mencionadas. El uso de CSS evita que las páginas se formatee y garantiza que los navegadores puedan agregar sus propias reglas para que las páginas tengan un mayor contraste y se vean más fácilmente.
5. Proporcione una hoja de estilo de alto contraste
¿Por qué no hacer una segunda hoja de estilo para su sitio web que reduzca o elimine el color y haga que todo tenga un mayor contraste? Coloque el enlace para activar este estilo cerca de la parte superior de la página para que los usuarios con dificultades de visión puedan ver el beneficio del contenido de su sitio web.
6. Asegúrese de que el texto del enlace sea descriptivo
En lugar de simplemente escribir "haga clic aquí" o "leer más", haga que sus enlaces sean más descriptivos. Todos caemos en esta trampa de vez en cuando, pero un vínculo significativo se puede entender mucho más fácilmente y mejora la accesibilidad.
7. Agregue enlaces "Saltar al contenido" en las páginas
En lugar de hacer que las personas se desplacen hacia abajo más allá del encabezado repetitivo en cada página de su sitio web, incluya un enlace que les permita saltar al contenido principal en la parte inferior de la página. Esto ahorra tiempo, especialmente en los navegadores de texto a voz que leen toda la información de la página.
8. Asegúrese de que cada formulario tenga etiquetas
Etiquetar correctamente las entradas en sus formularios les permitirá ser interpretados y completados mucho más fácilmente por los navegadores accesibles.
9. No abras enlaces en una nueva ventana
Si bien es tentador vincular a otros sitios web en una nueva ventana, realmente es una mala práctica. Todo el mundo sabe cómo usar el botón "Atrás", pero cuando surge la necesidad de cerrar ventanas y hacer un seguimiento de varios a la vez, muchos usuarios de la web pueden confundirse y molestarse.
10. Hacer una declaración de accesibilidad
Tener una declaración en una página de su sitio web mostrará a las personas qué características de accesibilidad ofrece y explicará cómo pueden navegar fácilmente por su sitio. Explica cómo activar tu hoja de estilo de alto contraste y dónde están tus enlaces "Saltar al contenido". La gente le agradecerá que se lo explique claramente.
