Cumplimiento de Accesibilidad

Como proveedor líder mundial de herramientas UI y UX para desarrolladores, nuestro equipo Angular en Infragistics se compromete a proporcionar componentes y herramientas que le faciliten crear la mejor experiencia de usuario posible. Nuestro objetivo es permitirle concentrarse en crear las mejores aplicaciones y la mejor experiencia de usuario para todos los usuarios.

Aquí puede encontrar información específica sobre la compatibilidad y el cumplimiento de las normas de accesibilidad para nuestras cuadrículas, gráficos y componentes y controles de interfaz de usuario de Angular en Ignite UI for Angular.

Section 508 Compliance

La Sección 508 de la Ley de Rehabilitación fue modificada en 1998 por el Congreso para exigir que todas las agencias federales hagan que su tecnología electrónica y de la información sea accesible para las personas con discapacidades. Desde entonces, el cumplimiento de la Sección 508 no sólo ha sido un requisito en las agencias gubernamentales, sino que también es importante al proporcionar soluciones de software y diseñar páginas web.

La Sección 1194.22 de la Ley Sección 508 se dirige específicamente a la información y los sistemas de Internet e intranet basados en la Web, y contiene un conjunto de 16 reglas a seguir. Para permitirle mantener sus aplicaciones web y sitios web compatibles con estas reglas con un mínimo esfuerzo de su parte, Infragistics ha tomado medidas para garantizar que la Ignite UI for Angular cumpla con las reglas de accesibilidad relevantes.

La siguiente matriz proporciona un resumen de alto nivel del soporte de accesibilidad proporcionado por nuestros controles visuales (y componentes relacionados). Para obtener más información sobre el cumplimiento de accesibilidad de un control/componente individual, haga clic en el nombre del control/componente.

Ignite UI for Angular Compliance with Section 508

Componente/Principio	(a)	(b)	(C)	(d)	(mi)	(F)	(gramo)	(h)	(i)	(j)	(k)	(l)	(metro)	(norte)	(o)	(pag)
Cuadrículas
- Red										*
- Cuadrícula Jerárquica										*
- Cuadrícula de árboles										*
Otro										*
-Avatar
- Insignia
- Estandarte										*
- Navegación inferior										*
- Botón										*
- grupo de botones										*
- Calendario										*
- Tarjeta
- carrusel										*
- Casilla de verificación
- chip										*
- Progreso circular										*
- Combinación										*
- Editor de fecha y hora										*
- Selector de fechas										*
- Divisor
- Diálogo										*
- Desplegable										*
- Panel de expansión										*
- Icono
- Aporte
- Grupo de entrada										*
- Etiqueta
- Progreso lineal										*
- Lista
- Selector de mes										*
- Barra de navegación										*
- Cajón de navegación										*
- grupo de radio
-Radio
- Seleccionar										*
- Control deslizante										*
- Barra de snacks										*
- Cambiar										*
- Pestañas										*
- Selector de tiempo										*
- Tostada										*
- Información sobre herramientas										*

LEYENDA

	El control/componente es completamente accesible en esta área particular.
*	El control/componente es accesible en esta área particular después de implementar ciertas configuraciones	Ejemplo: utilice el módulo de utilidad NoopAnimationsModule para permitir la desactivación de animaciones
	El control/componente no es completamente accesible a menos que realice algún tipo de acción.
'espacio en blanco'	esta regla particular no se aplica al control

Warning

La tabla anterior es relevante solo para el tema predeterminado de Ignite UI for Angular. El cumplimiento de la lista de verificación puede ser diferente cuando se trata de temas personalizados, tipografía y cualquier cambio visual relacionado con animaciones y colores.

Compliance Information

• a- Se deberá proporcionar un texto equivalente para cada elemento que no sea de texto (por ejemplo, mediante "alt", "longdesc" o en el contenido del elemento).
• b- Las alternativas equivalentes para cualquier presentación multimedia deberán sincronizarse con la presentación.
• c- Las páginas web se diseñarán de manera que toda la información transmitida en color también esté disponible sin color, por ejemplo a partir del contexto o del marcado.
• d- Los documentos se organizarán de manera que sean legibles sin necesidad de una hoja de estilo asociada.
• e- Se proporcionarán enlaces de texto redundantes para cada región activa de un mapa de imágenes del lado del servidor.
• f- Se proporcionarán mapas de imágenes del lado del cliente en lugar de mapas de imágenes del lado del servidor, excepto cuando las regiones no puedan definirse con una forma geométrica disponible.
• g- Se identificarán los encabezados de filas y columnas de las tablas de datos.
• h- El marcado se utilizará para asociar celdas de datos y celdas de encabezado para tablas de datos que tengan dos o más niveles lógicos de encabezados de fila o columna.
• i- Los cuadros se titularán con texto que facilite la identificación y navegación del cuadro.
• j- Las páginas estarán diseñadas para evitar que la pantalla parpadee con una frecuencia superior a 2 Hz e inferior a 55 Hz.
• k- Se deberá proporcionar una página de sólo texto, con información o funcionalidad equivalente, para que un sitio web cumpla con las disposiciones de esta parte, cuando el cumplimiento no pueda lograrse de otra manera. El contenido de la página de solo texto se actualizará cada vez que cambie la página principal.
• l- Cuando las páginas utilicen lenguajes de secuencia de comandos para mostrar contenido o para crear elementos de interfaz, la información proporcionada por la secuencia de comandos deberá identificarse con texto funcional que pueda leerse mediante tecnología de asistencia.
• m- Cuando una página web requiere que un subprograma, complemento u otra aplicación esté presente en el sistema cliente para interpretar el contenido de la página, la página debe proporcionar un enlace a un complemento o subprograma que cumpla con §1194.21(a) hasta l.
• n- Cuando los formularios electrónicos están diseñados para completarse en línea, el formulario deberá permitir que las personas que utilizan tecnología de asistencia accedan a la información, los elementos de campo y la funcionalidad necesarios para completar y enviar el formulario, incluidas todas las instrucciones y pistas.
• o- Se proporcionará un método que permita a los usuarios saltarse enlaces de navegación repetitivos.
• p- Cuando se requiere una respuesta cronometrada, se alertará al usuario y se le dará tiempo suficiente para indicar que se requiere más tiempo.

WCAG compliance

Las WCAG son simplemente un conjunto de pautas formales sobre cómo desarrollar contenido web accesible. Estos estándares representan un nivel de accesibilidad superior al de los estándares 508, aunque son idénticos o muy similares. WCAG se centra principalmente en la accesibilidad HTML.

Componente/Directriz	1.1	1.2	1.3	1.4	2.1	2.2	2.3	2.4	2.5	3.1	3.2	3.3	4.1
Cuadrículas
- Red							*				*
- Cuadrícula Jerárquica							*				*
- Cuadrícula de árboles							*				*
Otro							*
-Avatar											*
- Insignia											*
- Estandarte						*	*				*
- Navegación inferior							*				*
- Botón							*				*
- grupo de botones							*				*
- Calendario						*	*				*
- Tarjeta											*
- carrusel						*	*				*
- Casilla de verificación											*
- chip							*				*
- Progreso circular						*	*				*
- Combinación						*	*				*
- Editor de fecha y hora						*	*				*
- Selector de fechas						*	*				*
- Divisor											*
- Diálogo						*	*				*
- Desplegable						*	*				*
- Panel de expansión						*	*				*
- Icono											*
- Aporte											*
- Grupo de entrada							*				*
- Etiqueta											*
- Progreso lineal						*	*				*
- Lista											*
- Selector de mes						*	*				*
- Barra de navegación							*				*
- Cajón de navegación						*	*				*
- grupo de radio											*
-Radio											*
- Seleccionar						*	*				*
- Control deslizante							*				*
- Barra de snacks						*	*				*
- Cambiar							*				*
- Pestañas							*				*
- Selector de tiempo						*	*				*
- Tostada						*	*				*
- Información sobre herramientas						*	*				*

Leyenda

	El control/componente es completamente accesible en esta área particular.
*	El control/componente es accesible en esta área particular después de implementar ciertas configuraciones	Ejemplo 1: Directriz 2.2. Para ciertos componentes se deben establecer acciones adicionales y parámetros de tiempo; Ejemplo 2: Directriz 2.3. Utilice el módulo de utilidad NoopAnimationsModule para permitir la desactivación de animaciones;
	El control/componente no es completamente accesible a menos que realice algún tipo de acción.
'espacio en blanco'	esta regla particular no se aplica al control

Warning

La tabla anterior es relevante solo para el tema predeterminado de Ignite UI for Angular. El cumplimiento de la lista de verificación puede ser diferente cuando se trata de temas personalizados, tipografía y cualquier cambio visual relacionado con animaciones y colores.

Compliance Information

• Principio 1 - Perceptible- La información y los componentes de la interfaz de usuario deben estar presentables para los usuarios de manera que puedan percibirlos.
  • Directriz 1.1 –Alternativas de texto: proporcione alternativas de texto para cualquier contenido que no sea texto para que pueda cambiarse a otras formas que las personas necesiten, como letra grande, braille, voz, símbolos o un lenguaje más simple.
  • Directriz 1.2 –Medios basados en el tiempo: proporcionar alternativas para los medios basados en el tiempo.
  • Directriz 1.3 –Adaptable: cree contenido que pueda presentarse de diferentes maneras (por ejemplo, un diseño más simple) sin perder información ni estructura.
  • Directriz 1.4 –Distinguible: Facilite a los usuarios ver y escuchar el contenido, incluida la separación del primer plano del fondo.
• Principio 2 – Operable: los componentes de la interfaz de usuario y la navegación deben ser operables.
  • Directriz 2.1 –Accesible mediante teclado: hacer que todas las funciones estén disponibles desde un teclado.
  • Directriz 2.2 –Tiempo suficiente: proporcione a los usuarios tiempo suficiente para leer y utilizar el contenido.
  • Directriz 2.3 –Convulsiones y reacciones físicas: no diseñe contenido de una manera que se sepa que causa convulsiones o reacciones físicas.
  • Directriz 2.4 –Navegable: proporcione formas de ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.
  • Directriz 2.5 –Modalidades de entrada: Facilite a los usuarios operar la funcionalidad a través de varias entradas más allá del teclado.
• Principio 3 – Comprensible: la información y el funcionamiento de la interfaz de usuario deben ser comprensibles.
  • Directriz 3.1 –Legible: hacer que el contenido del texto sea legible y comprensible.
  • Directriz 3.2 –Predecible: hacer que las páginas web aparezcan y funcionen de manera predecible.
  • Directriz 3.3 –Asistencia de entrada: ayudar a los usuarios a evitar y corregir errores.
• Principio 4 – Robusto: el contenido debe ser lo suficientemente sólido como para que pueda ser interpretado por una amplia variedad de agentes de usuario, incluidas las tecnologías de asistencia.
  • Directriz 4.1 –Compatible: maximizar la compatibilidad con agentes de usuario actuales y futuros, incluidas las tecnologías de asistencia.

WAI-ARIA Support

En 2014, el W3C finalizó su especificación WAI-ARIA que definía cómo diseñar contenido web y aplicaciones web para que sean más accesibles para los usuarios con discapacidades.

Esta sección muestra el soporte de accesibilidad (ARIA) del marco, así como cuán fácilmente manejable es la directionality de los componentes.

Enabling right-to-left direction (RTL)

La biblioteca Ignite UI for Angular es susceptible a la manipulación directionality solo cuando se configura el atributo dir en etiquetas html o body.

Dicho esto, pasemos al siguiente ejemplo:

<html dir="rtl">
...
  <body dir="ltr">
  </body>
</html>

Note

La prioridad toma la etiqueta interna que en el caso anterior es el atributo de la etiqueta del body.

Soporte RTL

La dirección de derecha a izquierda (RTL) es totalmente compatible con todos los temas Ignite UI de forma predeterminada.

Note

Actualmente, el componente Igx-Grid solo tiene soporte RTL parcial.