Diseño de sitios web accesibles

Al crear un diseño inclusivo, todas las personas pueden hacer uso de la tecnología independientemente de su edad, educación, ubicación geográfica, idioma o discapacidad. Las personas que usan tecnología y exploran la web tienen una amplia variedad de capacidades y preferencias. Al diseñar el sitio web, tenga en cuenta los siguientes escenarios clave de accesibilidad.

Lectores de pantalla

Los usuarios ciegos o con visión baja 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 funciones como hacer clic en un elemento de la interfaz de usuario.

Accesibilidad de teclado

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

• Mover el foco entre los elementos mediante la Tab clave.

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

• Invoking actions by pressing the Enter key or Spacebar.

• 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 son daltónimos necesitan que la información se transmita de formas distintas a través del color.

Muchos problemas comunes de accesibilidad en la web se pueden resolver a través de 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 la inclusión: el diseño de la inclusión por parte de la Iniciativa de accesibilidad web W3C proporciona recursos que le ayudarán a comprender mejor a los usuarios con discapacidades y a diseñar su sitio web pensando en ellos.

• 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 las personas con discapacidades usan la Web: este recurso de W3C presenta cómo las personas con discapacidades, incluidas las personas con discapacidades relacionadas con la edad, usan la Web.

• Diseño inclusivo Toolkit: Microsoft desarrolló el Toolkit 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.