¿Qué es HTML5 ARIA?

Question

¿Qué es HTML5 ARIA? No entiendo cómo ponerlo en práctica.

Answer 1

WAI-ARIA es una especificación que define soporte para aplicaciones web accesibles. Define montón de extensiones de marcado (en su mayoría como atributos de los elementos HTML5), que pueden ser utilizados por el desarrollador de aplicaciones web para proporcionar información adicional sobre la semántica de los diversos elementos para las ayudas técnicas como lectores de pantalla. Por supuesto, para ARIA al trabajo, el agente de usuario HTTP que interpreta las necesidades de marcado para apoyar ARIA, pero la especificación se crea de tal manera, que permita bajar de nivel de usuario para ignorar el marcado-ARIA específica con seguridad sin afectar a la la funcionalidad de la aplicación web.

Este es un ejemplo de la especificación ARIA:

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

Tenga en cuenta el atributo role en el elemento <ul> exterior. Este atributo no afecta de ninguna manera cómo el marcado se representa en la pantalla por el navegador; Sin embargo, los navegadores que ARIA ayuda a añadir información de accesibilidad del sistema operativo específico para el elemento de la interfaz de usuario prestado, de manera que el lector de pantalla puede interpretar como un menú y leer en voz alta con suficiente contexto para el usuario final para entender (por ejemplo, una explícita "menú" pista de audio) y es capaz de interactuar con él (por ejemplo, navegación por voz).

Answer 2

ARIA es sinónimo de acceso para aplicaciones dinámicas de Internet.

  

WAI-ARIA es una tecnología muy poderosa que permite a los desarrolladores para describir fácilmente el propósito, el estado y otras funcionalidades de las interfaces de usuario de gran riqueza visual - de una manera que pueda ser entendido por la tecnología de asistencia. WAI-ARIA, finalmente, se ha integrado en el proyecto de trabajo actual de la especificación HTML 5.

Y si usted se está preguntando qué WAI-ARIA es, es la misma cosa.

  

Tenga en cuenta los términos de WAI-ARIA ARIA y se refieren a la misma cosa. Sin embargo, es más correcto usar WAI-ARIA para reconocer sus orígenes en WAI.

= WAI Web Accessibility Initiative

Desde el aspecto de la misma, ARIA se utiliza para las tecnologías de apoyo y sobre todo la lectura de la pantalla.

La mayoría de sus dudas se borrará si usted lee este artículo

http://www.w3.org/TR/aria-in-html /

Answer 3

¿Qué es?

WAI-ARIA es sinónimo de “Iniciativa de Accesibilidad Web - acceso para aplicaciones de Internet” . Se trata de un conjunto de atributos para ayudar a mejorar la semántica de un sitio web o aplicación web a las tecnologías de ayuda de asistencia, tales como lectores de pantalla para ciegos, dar sentido a ciertas cosas que no son nativos de HTML. La información expuesta puede variar desde algo tan simple como decirle a un lector de pantalla que la activación de un enlace o botón acaba de aparecer o se escondieron más artículos, a los widgets tan complejo como los sistemas de menús enteros o vistas jerárquicas de árbol.

Esto se logra mediante la aplicación de funciones y atributos de estado a HTML 4.01 o posterior marcado que no tiene ninguna influencia en el diseño o la funcionalidad del navegador, pero proporciona información adicional para las tecnologías de asistencia.

Una piedra angular de WAI-ARIA es el atributo papel. Se le dice al navegador para contar la tecnología de asistencia que el elemento HTML que se utiliza no es realmente lo que sugiere el nombre del elemento, sino otra cosa. A pesar de que inicialmente sólo es un elemento div, este elemento div puede ser el recipiente a una lista de elementos de auto-completado, en cuyo caso el papel de “cuadro de lista” sería apropiado utilizar. Del mismo modo, otro div que es un hijo de ese div contenedor, y que contiene un elemento de opción única, entonces debe obtener un papel de “opción”. Dos divs, pero a través de los papeles, significado totalmente diferente. Los papeles se modelan después de homólogos de aplicaciones de escritorio comúnmente usados.

Una excepción a esto son los roles emblemáticos de documentos, que no cambian el significado real del elemento en cuestión, pero proporcionan información acerca de este lugar en particular en un documento.

La segunda piedra angular son estados WAI-ARIA y propiedades. Ellos definen el estado de ciertos elementos nativos o WAI-ARIA, como si algo se contrae o se expande, se requiere un elemento de formulario, algo que tiene un menú desplegable que se le atribuye o similares. Estos a menudo son dinámicos y cambian sus valores a lo largo del ciclo de vida de una aplicación web, y por lo general son manipuladas a través de JavaScript.

¿Qué es la verdad?

WAI-ARIA no está destinado a influir en el comportamiento del navegador. A diferencia de un elemento de botón real, por ejemplo, un div cual se vierte el papel de “botón” a no le da focusability teclado, un controlador de clic automática cuando el Espacio o Enter están siendo presionados en ella, y otras propiedades que son indiginous a una botón. El propio navegador no sabe que un div con papel de “botón” es un botón, sólo su parte accesibilidad API hace.

Como consecuencia, esto significa que es absolutamente necesario para poner en práctica la navegación por teclado, focusability y otros patrones de comportamiento de las aplicaciones de escritorio conocidas por sí mismo. Puede encontrar algunas técnicas avanzadas ARIA Aquí .

¿Cuándo no debo usarlo?

Sí, eso es correcto, esta sección es lo primero! Debido a que la primera regla de la utilización de WAI-ARIA es: no lo use a menos que sea absolutamente necesario El menor WAI-ARIA que tiene, y cuanto más se puede contar con el uso de widgets HTML nativos, los! ¡mejor! Hay algunas reglas a seguir más, se puede comprobar a cabo aquí .

Answer 4

¿Qué es ARIA?

ARIA surgió como una forma de abordar el problema de la accesibilidad de la utilización de un lenguaje de marcas diseñado para documentos, HTML, a las interfaces de acumulación de usuario (UI). HTML incluye un gran número de características para hacer frente a los documentos (P, h3, UL, tabla), pero sólo los elementos básicos de la interfaz de usuario, tales como A, ENTRADA y el botón. Windows y otros sistemas operativos son compatibles con las API que permiten (Tecnología de asistencia) en para acceder a la funcionalidad de los controles de interfaz de usuario. Internet Explorer y otros navegadores en el mapa los elementos HTML nativas a la API de accesibilidad, pero los controles HTML no son tan ricos como el común de los controles en los sistemas operativos de escritorio, y no son suficientes para aplicaciones web modernos controles personalizados se pueden extender los elementos HTML para proporcionar a los ricos interfaz de usuario necesario para las aplicaciones web modernas. Antes de ARIA, el navegador no tenía manera de exponer esta riqueza adicional a la API de accesibilidad o AT. El ejemplo clásico de este problema es la adición de un controlador de clic a la imagen. Se crea lo que parece ser un botón que se pulse a un usuario del ratón, pero sigue siendo sólo una imagen de un teclado o usuario AT.

La solución fue crear un conjunto de atributos que permiten a los desarrolladores extender HTML con la semántica de la interfaz de usuario. El término ARIA para un grupo de elementos HTML que tienen una funcionalidad personalizada y utilizan ARIA atribuye a un mapa de estas funciones a las API de accesibilidad es un “Widget. ARIA también proporciona un medio para que los autores documentan el papel de contenido en sí, que a su vez, permite que al construir mecanismos de navegación alternativos para el contenido que son mucho más fáciles de usar que leer el texto completo o solamente interactuando sobre una lista de los enlaces.

Es importante recordar que en casos sencillos, es mucho más preferible utilizar los controles HTML nativos y estilo de ellos en lugar de utilizar ARIA. Eso es no reinventar ruedas o casillas de verificación, si usted no tiene que hacerlo.

Afortunadamente, marcado ARIA se puede agregar a los sitios existentes sin cambiar el comportamiento de los usuarios comunes. Esto reduce en gran medida el costo de modificar y probar el sitio web o aplicación.

Answer 5

Me corrió alguna otra pregunta relacionada con ARIA. Pero es miradas contenido más prometedor para esta pregunta. le gustaría compartirlos

¿Qué es ARIA?

Si pones esfuerzo en hacer su sitio web accesible a los usuarios con una variedad de diferentes hábitos de navegación y discapacidades físicas, es probable que reconocen el papel y atributos aria- *. WAI-ARIA (Aplicaciones de Internet Ricas) es un método para proporcionar formas de definir su contenido web dinámico y aplicaciones para que las personas con discapacidad puedan identificar y éxito interactuar con él. Esto se hace a través de roles que definen la estructura del documento o aplicación, o por medio de * aria- atributos que definen un widget en roles, relaciones, estatal o propiedad.

uso

ARIA se recomienda en las especificaciones para que las aplicaciones HTML5 más accesible. Al utilizar elementos semánticos HTML5, debe establecer su función correspondiente.

Y ver esto tubo de vídeo de ARIA en vivo.