Compartir a través de

Diseño de sitios web accesibles

  • Artículo

Cree un diseño de página web que sea utilizable por todas las personas, independientemente de su preferencia de mouse o teclado, edad, educación, ubicación geográfica, idioma o discapacidad.

Personas usar la tecnología y navegar por la web tienen una amplia gama de habilidades y preferencias. A medida que diseñe su sitio web, tenga en cuenta los siguientes escenarios clave de accesibilidad.

Lectores de pantalla

Los usuarios ciegos o con poca visión dependen de los lectores de pantalla para interpretar e interactuar con la interfaz de usuario de la aplicación. La interpretación implica leer los nombres, roles y valores de los elementos de la interfaz de usuario. Interactuar con la interfaz de usuario implica mover el foco de un elemento a otro e invocar funcionalidad como hacer clic en un elemento de interfaz de usuario.

Accesibilidad del teclado

Muchos usuarios de accesibilidad dependen del teclado para navegar y operar la interfaz de usuario mediante:

  • Mover el foco entre los elementos presionando la tecla Tab o las teclas Mayús+Tab .

  • Navegar por elementos de contenedor como listas, cuadrículas y vistas de árbol mediante las teclas de flecha.

  • Invocando acciones presionando la tecla Entrar o la barra espaciadora.

  • Usar teclas de método abreviado para acceder de forma eficaz a otras funciones de la aplicación.

Experiencia visual accesible

Los usuarios con visión baja necesitan una relación de contraste de texto suficiente para el contenido de texto y una buena experiencia visual con temas de contraste alto en general. Los usuarios que están ciegos por colores necesitan información que se transmita de maneras distintas a través del color.

Muchos problemas comunes de accesibilidad en la web se pueden resolver mediante una buena práctica de codificación. La documentación de las Directrices de accesibilidad de contenido web (WCAG) 2.0 proporciona técnicas y procedimientos recomendados para ayudarle a diseñar aplicaciones web dinámicas más accesibles. Para obtener más información, vaya a Recursos sobre la creación de sitios web accesibles.

Recursos

  • Diseño para inclusión : diseñar para la inclusión mediante la iniciativa de accesibilidad web de W3C proporciona recursos que le ayudarán a comprender mejor a los usuarios con discapacidades y a diseñar su sitio web teniendo en cuenta.

  • Diseño de software inclusivo: el diseño de software inclusivo describe los principios y prácticas de diseño de Microsoft para la Plataforma universal de Windows (UWP).

  • Cómo usar la web Personas con discapacidades: este recurso de W3C presenta cómo usan la Web las personas con discapacidades, incluidas las personas con discapacidades relacionadas con la edad.

  • Kit de herramientas de diseño inclusivo : Microsoft desarrolló el Kit de herramientas de diseño inclusivo para mostrar cómo la diversidad humana puede crear mejores restricciones de diseño y cómo conectar soluciones aparentemente nicho a mercados más amplios.