Cuando se trata de la accesibilidad y del diseño web, preguntarse si su sitio web es accesible, si un efecto que va a implementar realmente añade valor, como así el uso de colores o contrastes.
Después de todo, en el Reino Unido hay 2,7 millones de personas daltónicas y el 70% de la población del Reino Unido utiliza gafas. Además de esto, 1 de cada 30 sufren con la pérdida de la vista, y el 10% de la población del Reino Unido tiene la dislexia (4% con casos severos).
Desafortunadamente, sin embargo, esta noción simplemente no refleja la realidad como una cantidad impactante de sitios web de hoy no se construyen teniendo en cuenta su accesibilidad.
Es por esto que eventos como el Día de la conciencia de Accesibilidad Global son tan importantes para poner de relieve una agenda ignorando lo contrario.
Como parte de promover el tema, cinco pasos que cualquier persona involucrada en el desarrollo web puede adoptar para hacer de Internet un lugar más inclusivo.
Esta guía es un buen punto de partida para cualquiera que desee aprender más.
Asegúrese de que su sitio tiene suficiente contraste de color
Obtención de buenos esquemas de color en un sitio web es una parte crucial de establecer un diseño estético.
Pero cuando se trata de impedimentos visuales, los colores y contrastes que usted está adoptando podría resultar en una página ilegible.
Esta etapa es absolutamente crucial en la creación de un diseño exitoso. La buena noticia, sin embargo, es que en la coloración de un sitio web, hay un montón de herramientas disponibles, como éste, que puede proporcionar una aclaración en cuanto a si la combinación de colores elegida cumple con las normas de accesibilidad.
También, ten cuidado con la ponderación de la fuente de su sitio web, lo que puede hacer una diferencia adicional. Siempre que sea posible, trate de evitar el uso de fuentes narrow, itálicas o cursivas.
Use texto alternativo para las imágenes
Uno de los descuidos más frecuentes de diseño de sitios web es la falta de texto alternativo añadido a las imágenes.
Es un error fácil de comenter si no eres consciente del impacto de incluir esta etiqueta, pero los lectores de pantalla se basan en este texto para proporcionar el contexto en cuanto a lo que realmente es una imagen.
En lugar de leer una ubicación de imagen sin sentido o un nombre de archivo robótico, una breve descripción de lo que una imagen está transmitiendo puede hacer una gran diferencia a la comprensión de un usuario del contenido de su sitio web.
Desde una perspectiva de diseño, la adición de texto alternativo a las imágenes no tiene ningún impacto en la forma en que se representa una imagen. La adición de textos alternativos es por lo tanto un gran hábito de entrar, así que si no lo estás haciendo ya, ponte en movimiento.
Hacer fácil los gráficos y transiciones
A veces ser simple es mejor. Si bien es tentador hacer trucos de diseño y presentaciones, es crucial recordar que un sitio bien diseñado no debe parecerse a una presentación de PowerPoint de la escuela secundaria.
Para un individuo que tiene dificultad para manejar un ratón, un objetivo en movimiento puede presentar un desafío innecesario, así que ¿ por qué hacerlo ? Pregúntese si un efecto que está implementando realmente agrega valor a su sitio, y si el beneficio de un efecto supera el riesgo de poner a algunos usuarios fuera de su sitio.
Sobre/Centrado para todos los elementos que se pueden hacer clic
Otra mejora sencilla a realizar es asegurarse de que todos los elementos que se pueden hacer clic en su sitio tienen un estado de foco y enfoque.
Un estado de reposo proporciona a un usuario con discapacidad visual una indicación más clara de que están interactuando con el elemento que pretendían, y también deja claro que hacer clic en él trae una llamada a la acción.
Un estado de enfoque también es una característica crítica para los usuarios de teclado, que podrían no ser capaces de manejar un ratón.
Para este grupo demográfico, que navegan a través de un teclado, puede ser muy fácil de perder dónde se encuentra en la pantalla. Debido a esto, es necesario asegurarse de que se prueba la aplicación utilizando sólo un teclado, asegurarse que en todos los elementos que se puede hacer clic se puede navegar, y que cada uno tiene un estado de enfoque que está claro para un usuario.
Pruebe desde diferentes perspectivas
Esta es una técnica de desarrollo menor y más un cambio mental.
Al abordar el diseño, el desarrollo y pruebas desde una variedad de perspectivas, dan la posibilidad de hacer que un sitio sea más accesible y evolucione orgánicamente.
No hay fin a la cantidad de herramientas gratuitas que pueden ayudarle con esto, así que es recomendable tener una base alrededor para encontrar las joyas no tan escondidas por ahí.
En Google Chrome ‘Accesibilidad Herramientas de Desarrollo‘ es un ejemplo brillante de esto, que proporciona una gran comprensión de cómo el usuario tiene una variedad de trastornos que podría encontrar al navegar por su sitio.
Tiempo para cambiar
Al pensar en la accesibilidad en el diseño web, trate de preguntarse esto: Si se trata de cualquier otro aspecto de su diseño web, ¿ realmente lo haría para que la población de Birmingham dos veces (y más) no podía acceder a su sitio web ?
Por supuesto que no lo haría.
Así que cuando se trata de construir algo que funciona para las personas con impedimentos visuales, usted debe tomar las decisiones obvias para maximizar el alcance potencial, y también enviar un mensaje positivo a los que le rodean.
En última instancia, son algunos cambios simples de hoy van por un largo camino para construir una mejor Internet para mañana.