Asegúrese de que la información y el funcionamiento de la interfaz de usuario sean comprensibles para todos
Hemos alcanzado el tercer pilar del VERTER principios: Comprensible. Después de asegurarse de que un sitio esté Perceptible y Operable, debemos garantizar que los usuarios también puedan entender la información y el funcionamiento de la interfaz. Un contenido incomprensible o una navegación impredecible pueden crear una barrera tan importante como una imagen sin texto alternativo.
¿Qué significa que un sitio sea comprensible?
El principio de comprensibilidad exige que la información y el funcionamiento de la interfaz de usuario sean lógicos y fáciles de entender. Esto significa algo más que texto legible. Implica usar un lenguaje claro, proporcionar explicaciones para términos o abreviaturas complejos y crear una experiencia de navegación coherente y predecible. Un sitio comprensible también ayuda a los usuarios a evitar y corregir errores al proporcionar instrucciones claras y mecanismos de validación eficaces.
Guía técnica detallada sobre el principio de comprensibilidad
Estas son las reglas específicas y los consejos prácticos para garantizar la comprensión de su sitio, extraídos directamente de la guía oficial:
1,10. Legible: haga que el contenido del texto sea legible y comprensible
- 1.10.1. [A] Idioma de la página: El idioma predeterminado del contenido de la página debe especificarse en el código.
- Consejo: Se debe usar el atributo lang HTML.
- Consejo: Se debe usar el atributo lang HTML.
- 1.10.2. [AA] Idioma de las piezas: Si el contenido de la página utiliza un idioma diferente al predeterminado, debe especificarse en el código de esa parte.
- Consejo: El atributo lang HTML debe usarse en el elemento específico.
- Consejo: El atributo lang HTML debe usarse en el elemento específico.
- 1.10.3. [AAA] Palabras inusuales: Las palabras ambiguas, desconocidas o utilizadas de manera técnica deben definirse mediante un texto adyacente, una lista de definiciones o un glosario.
- 1.10.4. [AAA] Abreviaturas: Debe existir un mecanismo para identificar la forma expandida de una abreviatura.
- Consejo: El <abbr>elemento HTML se puede usar para explicar una abreviatura cuando se usa por primera vez.
- Consejo: El <abbr>elemento HTML se puede usar para explicar una abreviatura cuando se usa por primera vez.
- 1.10.5. [AAA] Nivel de lectura: Si el texto requiere una capacidad de lectura más avanzada que la del primer ciclo de educación secundaria, se debe proporcionar una alternativa más fácil de entender.
- 1.10.6. [AAA] Pronunciación: Si la pronunciación de una palabra es esencial para entender su significado, debe proporcionarse inmediatamente después de la palabra (mediante transcripción fonética) o mediante un enlace a un glosario.
1.11. Predecible: haga que las páginas web aparezcan y funcionen de manera predecible
- 1.11.1. [A] En el foco: Centrarse en un componente de página no debe iniciar un cambio de contexto.
- 1.11.2. [A] En la entrada: La interacción con cualquier elemento interactivo no debe producir un cambio automático de contexto. Cualquier cambio de contexto debe anunciarse con antelación.
- 1.11.3. [AA] Navegación uniforme: Los enlaces de navegación que se repiten en varias páginas deben permanecer en el mismo orden en todo el sitio web.
- 1.11.4. [AA] Identificación coherente: Los componentes que tienen la misma funcionalidad en varias páginas (por ejemplo, un icono de búsqueda) deben identificarse de forma coherente.
- 1.11.5. [AAA] Cambio a pedido: Los cambios de contexto solo deben iniciarse a pedido explícito del usuario o debe haber un mecanismo para deshabilitarlos.
1.12. Asistencia de entrada: ayuda a los usuarios a evitar y corregir errores
- 1.12.1. [A] Identificación de errores: Los elementos del formulario obligatorios, así como las restricciones de formato (por ejemplo, el formato de fecha), deben estar marcados y explicados claramente en las etiquetas.
- 1.12.2. [A] Etiquetas o instrucciones: En los casos que requieran la acción del usuario (por ejemplo, rellenar un campo), se deben proporcionar etiquetas completas, instrucciones e incluso ejemplos siempre que sea posible.
- 1.12.3. [AA] Sugerencia de error: Si se detectan errores de validación, deben estar claramente marcados. Es obligatorio que el usuario tenga la posibilidad de acceder rápidamente al elemento problemático, solucionar el problema y volver a enviar el formulario.
- 1.12.4. [AA] Prevención de errores (legales, financieros, de datos): En el caso de las páginas que incluyan compromisos legales, transacciones financieras, modificación de datos personales o presentación de respuestas a las pruebas, debe existir un mecanismo para al menos uno de los siguientes aspectos:
- Reversible: Los envíos se pueden deshacer o cambiar.
- Comprobado: Los datos se comprueban y el usuario puede corregir los errores antes de enviarlos.
- Confirmado: El usuario tiene la oportunidad de revisar, confirmar y corregir los datos antes de finalizar la acción.
- Reversible: Los envíos se pueden deshacer o cambiar.
- 1.12.5. [AAA] Ayuda sensible al contexto: Cualquier acción que un usuario pueda realizar debe ir acompañada de explicaciones contextuales adyacentes suficientemente informativas.
- 1.12.6. [AAA] Prevención de errores (todos): Para cualquier página en la que se puedan introducir datos, deben estar disponibles los tres mecanismos: reversibilidad, verificación y confirmación.
Cómo Wawsome garantiza la comprensibilidad
Impresionante aborda directamente los desafíos de la comprensibilidad. Nuestro widget incluye un diccionario integrado que explica automáticamente la jerga, los términos complejos y las siglas, lo que garantiza que todos los usuarios puedan comprender el texto. Además, Impresionante mejora los formularios al proporcionar etiquetas claras, instrucciones precisas y validación de errores en tiempo real con sugerencias de corrección. Esto minimiza la frustración y ayuda a los usuarios a completar las acciones correctamente, lo que hace que su sitio no solo sea accesible sino también realmente fácil de usar.
Conclusión
Un sitio web puede percibirse y operarse, pero si no es también comprensible, los usuarios seguirán perdiendo usuarios. La implementación de este principio garantiza que su mensaje sea claro, que las interacciones sean intuitivas y que la experiencia general sea positiva y fluida.
Ahora hemos abordado tres de los cuatro principios. En el último artículo de esta serie, exploraremos el último principio: Robusto. Analizaremos cómo garantizar que su sitio siga siendo accesible a medida que evolucionen las tecnologías y los dispositivos.