Procedimientos que deben evitarse para aplicaciones accesibles (HTML)

Applies to Windows and Windows Phone

¿Buscas la versión para C#/VB/C++/XAML de este tema? Consulta Procedimientos que deben evitarse para aplicaciones accesibles (XAML).

Evita los siguientes procedimientos si quieres que tu aplicación de Windows en tiempo de ejecución con JavaScript sea accesible.

  • Evita compilar elementos de la interfaz de usuario personalizados si puedes usar etiquetas HTML estándar o los controles incluidos con el marco de la aplicación de Windows en tiempo de ejecución. Compilar un elemento de la interfaz de usuario personalizado, generalmente mediante el uso de la etiqueta div, requiere de más trabajo para la accesibilidad. Las etiquetas HTML estándar y los controles de Windows en tiempo de ejecución son accesibles de manera predeterminada, por lo que es posible que solo tengas que establecer un nombre accesible de control para que sea totalmente accesible.
  • No pongas texto estático ni otros elementos no interactivos en el orden de tabulación (por ejemplo, estableciendo el atributo tabIndex en un valor mayor que 0 para un elemento que no es interactivo). Tener elementos no interactivos en el orden de tabulación va en contra de las directrices de accesibilidad del teclado porque reduce la eficacia de la navegación con el teclado. Los elementos de solo texto en el orden de tabulación pueden confundir a los usuarios, ya que solo esperan elementos interactivos en el orden de tabulación (botones, casillas, campos de entrada de texto, cuadros combinados, listas, etc.).
  • No establezcas un valor arbitrario para el atributo role, porque no aprovecha la compatibilidad de accesibilidad que está integrada en la plataforma de Windows en tiempo de ejecución. Establecer un valor de rol de aplicaciones de Internet enriquecidas accesibles de Web Accessibility Initiative (WAI-ARIA) (no abstracto) válido para el atributo role de un elemento es la mejor manera de permitir que la plataforma represente correctamente el elemento en los lectores de pantalla y otras herramientas de tecnología de asistencia.
  • Evita usar el posicionamiento absoluto de las hojas de estilo en cascada (CSS) personalizado de los elementos de la interfaz de usuario. Cuando sea posible, dispone los elementos de la interfaz de usuario siguiendo un orden lógico o documento para asegurarte de que los lectores de pantalla puedan leer los elementos de la interfaz de usuario en el orden correcto. Si el orden visible de los elementos de la interfaz de usuario puede diferir del orden lógico o del documento, utiliza los atributos aria-flowto y x-ms-aria-flowfrom para definir el orden de lectura correcto.
  • No uses color como el único modo de transmitir información. Los usuarios que sufren de daltonismo no pueden recibir información transmitida a través del color solamente, como un indicador de estado de color. Incluye otras indicaciones visuales, preferentemente texto, para asegurarte de que pueda obtenerse acceso a la información.
  • No actualices automáticamente una página completa. Si necesitas actualizar automáticamente el contenido de la página, solo actualiza ciertas áreas y márcalas como regiones activas.
  • No uses elementos de la interfaz de usuario que parpadeen más de tres veces por segundo. Este tipo de elementos puede ocasionar convulsiones en algunas personas. Es mejor evitarlos.
  • No cambies el contexto de usuario ni actives una funcionalidad de forma automática. Los cambios de activación y el contexto solamente deben producirse cuando el usuario realiza una acción directa en un elemento de la interfaz de usuario que tiene enfoque. Los cambios en el contexto del usuario incluyen cambiar el enfoque, mostrar el contenido nuevo y navegar a una página diferente. La realización de cambios al contexto sin que el usuario participe puede desorientar a aquellos usuarios que tienen discapacidades. Las excepciones a este requisitos son, entre otras, mostrar submenús, validar formularios, mostrar texto de ayuda en otro control y cambia el contexto en respuesta a un evento asincrónico.

Temas relacionados

Accesibilidad para aplicaciones de Windows en tiempo de ejecución con JavaScript y HTML

 

 

Mostrar:
© 2014 Microsoft