Identificación coherente:
Comprender CC 3.2.4
3.2.4 Identificación coherente: Los componentes que tienen la misma funcionalidad dentro de un conjunto de páginas web son identificados de manera coherente. (Nivel AA)
Proposito de este Criterio de Conformidad
La intención de este Criterio de Conformidad es asegurar que sea posible una identificación coherente de los componentes funcionales que aparecen repetidos muchas veces en un determinado grupo de páginas web. Una estrategia de las personas que utilizan lectores de pantalla al operar un sitio web es confiar mucho de la familiaridad con las funciones que pueden aparecer en diferentes páginas. Si las mismas funciones tienen diferentes etiquetas en las distintas páginas, el sitio será mucho más difícil de navegar. Puede también resultar confuso y elevar el nivel de carga cognitiva para las personas con limitaciones cognitivas. Por eso, resulta de gran ayuda usar etiquetas coherentes.
Esta coherencia se debe aplicar también a las alternativas textuales. Si los íconos o elementos no textuales tienen la misma función, sus textos alternativos también deben ser coherentes.
Beneficios específicos del Criterio de Conformidad 3.2.4:
Las personas que aprenden la funcionalidad de una página en un sitio pueden encontrar las funciones deseadas en otras páginas si están presentes.
Cuando el contenido no textual se usa de forma coherente para identificar los componentes con la misma funcionalidad, las personas con dificultades para leer o para detectar las alternativas textuales pueden interactuar con la web sin depender de las alternativas textuales.
Las personas que dependen de las alternativas textuales pueden tener una experiencia más predecible. También pueden encontrar el componente si éste tiene una etiqueta coherente en las diferentes páginas.
Ejemplos del Criterio de Conformidad 3.2.4
Ejemplo 1: Icono de un documento
El icono de un documento se usa para indicar la descarga de documentos en todas las páginas de un sitio. La alternativa textual para el icono siempre comienza con la palabra "Descargar", seguida del título abreviado del documento. El uso de diferentes alternativas textuales para identificar los nombres de los distintos documentos es un uso coherente de las alternativas textuales.
Ejemplo 2: Marca de verificación
El icono con un signo de verificación funciona como "aprobado" en una página, pero en otra página funciona como "incluido". Como tiene diferentes funciones, el mismo icono tiene diferentes alternativas textuales.
Ejemplo 3: Referencias coherentes a otras páginas
Un sitio web publica artículos en línea. Cada artículo se extiende por múltiples páginas y cada página contiene un enlace a la primer página, la página siguiente y la página anterior de cada artículo. Si las referencias a la página siguiente dicen "Página 2", "Página 3", "Página 4", etcétera, las etiquetas no son las mismas pero son coherentes. Por lo tanto, estas referencias satisfacen este Criterio de Conformidad.
Ejemplo 4: Iconos con funciones similares
Una aplicación de comercio electrónico utiliza el icono de una impresora que permite al usuario imprimir los recibos y las facturas. En una parte de la solicitud, el icono de la impresora tiene la etiqueta "Imprimir recibo" y se utiliza para imprimir los recibos, mientras que en otra parte tiene la etiqueta "Imprimir factura" y se utiliza para imprimir las facturas. Las etiquetas son coherentes ("Imprimir x") pero los textos son diferentes a fin de reflejar las diferentes funciones de los iconos. Por lo tanto, este ejemplo satisface el Criterio de Conformidad.
Ejemplo 5: Icono Guardar
Se usa siempre un icono de "guardar" cuando se proporciona la función de guardar el documento en múltiples páginas de un sitio.
Ejemplo 6: Ejemplo de un Fallo
El formulario de una página tiene un botón "buscar" y en otra página el botón dice "encontrar". Ambos formularios tienen un campo para ingresar un término y listar los temas relacionado con el término ingresado. En este caso, los botones tienen la misma función pero las etiquetas no son coherentes.
Recursos relacionados
Los recursos tienen un propósito puramente informativo y no implican ningún aval.
(ninguno documentado actualmente)
Técnicas y Fallos para el Criterio de Conformidad 3.2.4 - Identificación coherente
Cada elemento enumerado en esta sección representa una técnica o una combinación de técnicas que el Grupo de Trabajo WCAG considera suficientes para cumplir con este Criterio de Conformidad. Las técnicas enumeradas sólo satisfacen el Criterio de Conformidad si se cumple con todos los requisitos de conformidad de las WCAG 2.0.
Técnicas suficientes
G197: Usar etiquetas, nombres y alternativas textuales de manera coherente para el contenido que tiene la misma funcionalidad Y seguir las sufficient techniques for Success Criterion 1.1.1 and sufficient techniques for Success Criterion 4.1.2 para proporcionar etiquetas, nombres y alternativas textuales.
Nota 1: Las alternativas textuales que son "coherentes" no siempre son "idénticas". Por ejemplo, usted puede tener una flecha gráfica en la parte inferior de una página web que enlaza con la página siguiente. La alternativa textual puede decir "Ir a la página 4". Naturalmente, no sería conveniente repetir esta alternativa textual exacta en la página siguiente. Sería más apropiado decir "Ir a la página 5". Aunque estas alternativas textuales no sería idénticas, serían coherentes y, por lo tanto, satisfacerían este Criterio de Conformidad.
Nota 2: Un mismo elemento no textual puede ser usado para servir a diferentes funciones. En tales casos, las alternativas textuales diferentes son necesarias y deben ser utilizadas. Algunos ejemplos comúnes pueden ser encontrados en el uso de iconos, tales como marcas de verificación, marcas de cruz y señales de tráfico. Sus funciones pueden ser diferentes según el contexto de la página web. Un icono de marca de verificación pueden funcionar como "aprobado", "terminado" o "incluido", para nombrar unos pocos, dependiendo de la situación. El uso de "marca de verificación" como alternativa textual en todas las páginas web no ayuda a los usuarios a comprender la función del icono. Diferentes alternativas textuales se pueden usar cuando el misma contenido no textual sirve para múltiples funciones.
Técnicas adicionales (recomendables) para 3.2.4
Aunque no se requieren para lograr la conformidad, las siguientes técnicas adicionales deben ser consideradas a fin de hacer más accesibles los contenidos. No todas las técnicas podrán ser utilizadas o resultarán eficaces en todas las situaciones.
Comprobar que la alternativa textual transmita la función del componente y lo que ocurrirá cuando el usuario lo active (futuro enlace)
Usando el mismo contenido no textual para una función determinada siempre que sea posible (futuro enlace)
Fallos comunes para el CC 3.2.4
Los siguientes son los errores comunes que son considerados fallos al Criterio de Conformidad 3.2.4 por el Grupo de Trabajo WCAG.
Términos clave
- misma funcionalidad
Se obtienen los mismos resultados cuando se usan.
Ejemplo: Un botón "buscar" en una página y un botón "encontrar" en otra página pueden tener ambos un campo para introducir un término y listar los temas del sitio web relacionados con el término introducido. En este caso, los botones tendrían la misma funcionalidad pero no estarían etiquetados de modo coherente.
- página web
El recurso no incrustado obtenido a partir de una URI única usando HTTP, junto con cualquier otro recurso que se use en la presentación o que pretenda ser presentado por una aplicación de usuario junto con él.
Nota 1: Aunque cualquier "otro recurso" sería procesado junto con el recurso principal, no necesariamente debe ser procesado simultáneamente.
Nota 2: A los efectos de la conformidad con estas pautas, un recurso debe ser "no incrustado", en el ámbito de la conformidad, para ser considerado una página web.
Ejemplo 1: Un recurso web incluyendo todas las imágenes y los elementos multimedia incrustados.
Ejemplo 2: Un programa de correo web desarrollado con AJAX (Asynchronous JavaScript and XML). Todo el programa reside en http://ejemplo.com/mail pero incluye una bandeja de entrada, un área de contactos y un calendario. Se proporcionan enlaces o botones que hacen aparecer estas secciones pero no cambian la URL de la página en su conjunto.
Ejemplo 3: Un portal personalizable, donde los usuarios pueden elegir el contenido a mostrar de entre un conjunto de diferentes módulos.
Ejemplo 4: Al entrar en "http://shopping.ejemplo.com", se ingresa a un ambiente interactivo de una tienda donde el usuario se puede mover visualmente, tomar productos de las estanterías y ponerlos en su carrito de compras. Al hacer clic sobre un producto se muestra al lado una hoja de especificaciones. Esto podría ser un sitio web de una sola página o una única página dentro de un sitio web.