| 1.1.1
Nivel A
|
Descripción textual alternativa para lectores de pantalla
|
Todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito.
|
Buscar en alts de código o aria-labels de imágenes.
Buscar etiquetas visuales agrupadas con iconos.
Escuchar con lector de pantalla la descripción de imágenes, botones o íconos.
Utilizar una herramienta automática para encontrar textos alternativos.
Asegurarse que las descripciones tengan sentido.
|
Visual
|
Usuarios ciegos.
Personas que usan pantallas Braille (usuarios sordo-ciegos).
|
Malo
|
Los lectores de pantalla si leen las descripciones.
Todas las descripciones tienen sentido.
Las etiquetas de texto son visibles en focus, pero muchos elementos no reciben el foco, por lo que las descripciones permanecen ocultas para los usuarios de teclado.
|
| 1.2.2
Nivel A
|
Subtítulos (grabados)
|
Se proporcionan subtítulos para el contenido de audio grabado dentro de contenido multimedia sincronizado.
|
Buscar subtítulos en un video grabado.
|
Auditiva
|
Usuarios sordos.
Usuarios con pérdida auditiva.
|
No aplica
|
No aplica
|
| 1.2.3
Nivel A
|
Audiodescripción o Alternativa Textual
|
Se proporciona una alternativa textual o una audiodescripción para el contenido de vídeo grabado en los multimedia sincronizados.
|
Buscar la descripción de audio o la transcripción en un vídeo grabado.
|
Visual
Hearing |
Usuarios ciegos.
Usuarios sordos.
Usuarios que tienen dificultades para ver vídeo o entender imágenes en movimiento.
|
No aplica
|
No aplica
|
| 1.2.4
Nivel AA
|
Subtítulos (en vivo)
|
Se proporcionan subtítulos para todo el contenido de audio en vivo de los multimedia sincronizados.
|
Busca subtítulos en un video en vivo.
|
Auditiva
|
Usuarios sordos.
Usuarios con pérdida auditiva.
|
No aplica
|
No aplica
|
| 1.3.3
Nivel A
|
Características sensoriales
|
Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente en las características sensoriales de los componentes como su forma, tamaño, ubicación visual, orientación o sonido.
|
Buscar instrucciones con solo características sensoriales. Ejemplo:
1. Pulse el botón a la derecha para...
2. Pulse el botón cuadrado para...
3. Glifos utilizados para indicar el estado.
|
Visual
Cognitive |
Usuarios ciegos.
Usuarios de baja visión.
Usuarios con discapacidades cognitivas o de aprendizaje que tienen dificultades para entender.
|
Mal
|
Algunos iconos en hover tienen una descripción de texto visible. Pero no la tienen en focus. Otros iconos no reciben el foco, por lo que la instrucción o descripción sobre la funcionalidad sigue siendo inaccesible para los usuarios de teclado.
|
| 1.3.4
Nivel AA
|
Orientación
|
El contenido no limita a la vista y operación a una orientación de pantalla, como portaretrato o panorámico.
|
Probar la orientación y ver si está permitido portaretrato o panorámico.
|
Motriz
Visual |
Usuarios con deficiencias de destreza.
Usuarios de baja visión.
|
Genial
|
Ambos disponibles.
|
| 1.4.1
Nivel A
|
Uso del Color
|
El color no se usa como único medio visual para transmitir la información, indicar una acción, solicitar una respuesta o distinguir un elemento visual.
|
Ver la herramienta en escala de grises y comprobar si es operable y comprensible.
|
Visual
|
Usuarios con visión parcial.
Usuarios con daltonismo.
Personas que utilizan pantallas monocromáticas, de color limitado o sólo de texto.
Personas usando líneas Braille.
|
Mal
|
Algunos botones dependen sólo del color para distinguir el efecto hover.
|
| 1.4.3
Nivel AA
|
Contraste de color (mínimo)
|
La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1.
|
Usar el Analizador de contraste de color de The Paciello Group (u otra herramienta) y seleccionar texto y color de fondo.
|
Visual
|
Usuarios de baja visión. Usuarios que no ven ningún color.
|
Genial
|
Buen y suficiente contraste de color entre texto y fondo.
|
| 1.4.11
Nivel AA
|
Contraste de contenido no textual
|
La presentación visual de lo siguiente, texto tiene una relación de contraste de, al menos 3:1.
· Componentes de la interfaz
· Objetos Gráficos
·
|
Usar el Analizador de contraste de color de The Paciello Group (u otra herramienta) y seleccionar el color de objeto y fondo.
|
Visual
|
Usuarios de baja visión.
|
Mal
|
En algunos iconos de la Cuenta, no hay suficiente contraste de color entre iconos y fondo (amarillo, naranja, aguamarina, verde claro).
|
| 2.1.1
Nivel A
|
Navegación con teclado
|
Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas.
|
Navegar e interactuar completamente la herramienta utilizando sólo el teclado (tecla de tabulación, enter, flechas, barra espaciadora).
Olvidar el ratón, está prohibido.
|
Visual
Motor |
Usuarios ciegos.
Usuarios de baja visión.
Usuarios de teclado.
Usuarios con discapacidades de movilidad.
Usuarios con temblores de manos.
|
Mal
|
Muchos iconos de formato no reciben el foco.
|
| 2.4.3
Nivel A
|
Orden del Foco
|
Los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
|
Navegar por la herramienta utilizando solamente la tecla de tabulación y comprobar si el orden es lógico e intuitivo.
|
Visual
Motor |
Usuarios ciegos.
Usuarios de baja visión.
Usuarios de teclado.
Usuarios desorientados.
|
Genial
|
El orden del foco es lógico.
|
| 2.4.4
Nivel A
|
Propósito del enlace (En Contexo)
|
El propósito de cada enlace puede ser determinado con sólo el texto del enlace o a través del texto del enlace sumado al contexto del enlace.
|
Leer textos de enlaces y ver si describe claramente el destino del enlace.
|
Visual
Motor |
Usuarios ciegos.
Usuarios con discapacidad de movimiento.
Usuarios desorientados.
|
Bien
|
Casi todos los enlaces o iconos tienen buenas descripciones. Menos el de expandir y contraer.
|
| 2.4.7
Nivel AA
|
Foco Visible
|
El indicador de la ubicación del foco es visible.
|
Navegar por la herramienta utilizando solo la tecla de tabulación y comprobar si los elementos en los que se puede hacer clic tienen un foco visible.
|
Motriz
Cognitive |
Usuarios de teclado.
Usuarios con déficit de atención, limitaciones de memoria a corto plazo o limitaciones en los procesos de ejecución.
|
Bien
|
Todos los indicadores del foco son visibles, pero no siempre con un buen contraste de color.
|
| 3.1.1
Nivel A
|
Idioma de la Página
|
El idioma predeterminado de cada página web puede ser determinado.
|
Buscar en el código el atributo lang.
Escuchar la pronunciación del idioma con lector de pantalla y comprobar si es correcto.
|
Visual
Cognitive |
Lectores de pantalla u otras tecnologías que convierten texto en voz sintética.
Usuarios con ciertas discapacidades cognitivas, lingüísticas y de aprendizaje que utilizan software de texto a voz.
Usuarios que dependen de subtítulos.
|
Mal
|
El atributo lang es no se encontró en el código.
|
| 3.3.1
Nivel A
|
Identificación de error
|
Si se detecta automáticamente un error en la entrada de datos, el elemento erróneo es identificado y el error se describe al usuario mediante un texto.
|
Enviar el campo o formulario sin rellenar información y buscar validaciones textuales claras y específicas.
|
Visual
Cognitive |
Usuarios ciegos.
Usuarios con daltonismo.
Usuarios con discapacidades cognitivas, lingüísticas y de aprendizaje.
|
No aplica
|
No aplica
|
| 3.3.2
Nivel A
|
Etiquetas e Instrucciones
|
Se proporcionan etiquetas o instrucciones cuando el contenido requiere la introducción de datos por parte del usuario.
|
Leer las instrucciones y/o los campos de formulario y comprobar si tienen texto/etiquetas apropiadas.
|
Visual
Cognitive |
Todos los usuarios que hacen envíos incompletos o incorrectos.
Usuarios con discapacidades cognitivas, lingüísticas y de aprendizaje.
|
Genial
|
El área de texto de chat tiene etiqueta.
|
| 4.1.3
Nivel AA
|
Estatus de Mensajes
|
Los mensajes de estado se pueden determinar a través de roles o propiedades de modo que puedan ser presentados al usuario por tecnologías de asistencia sin recibir el foco.
|
Interactuar con un lector de pantalla en un contenido dinámico y escuchar si se habla el nuevo contenido (anuncios o cambios de estado).
|
Visual
Cognitive |
Usuarios ciegos.
Usuarios de baja visión.
Usuarios con discapacidades cognitivas que utilizan tecnologías de asistencia.
|
Bien
|
Los mensajes de chat son accesibles para los lectores de pantalla, pero no se anuncian automáticamente.
|
