Saltar al contenido principalSaltar a la navegaciónSaltar al pie de página
168+ Biblioteca de PrincipiosGuías UX/UI respaldadas por investigaciónValidador de Diseño IAValida diseños IA con principios de investigaciónPrompts de IA600+ prompts con citas académicasChecklists de FlujosValidación pre-diseño y pre-lanzamiento para 5 flujosSeñales de Alerta y Soluciones UXDetecta problemas de interfaz en 2–5 minutos
Ver Todas las Herramientas
Part 1FundamentosPart 2Principios FundamentalesPart 3Sistemas de DiseñoPart 4Patrones de InterfazPart 5Dominios EspecializadosPart 6Centrado en el Humano
Ver Todas las Partes
Acerca de
Iniciar sesión

Obtén las 6 Leyes de UX "Esenciales"

Los principios que arreglan el 80% de los problemas de interfaz. Desglose gratuito + ejemplos reales a tu bandeja de entrada.

PrincipiosAcerca deDesarrolladoresGlosarioTérminosPrivacidadCookiesReembolsos

© 2026 Principios UXUI. Todos los derechos reservados. Diseñado y construido con ❤️ by UXUIprinciples.com

HerramientasMarco
Inicio/Parte VI - Excelencia Centrada en el Humano/Accesibilidad e Inclusión

Principio Comprensible (WCAG)

comprensiblewcagaccesibilidadlenguaje-sencillopredictabilidaddiseño-uxexperiencia-usuario
Intermedio
14 min de lectura
Contents
0%

¿Pueden usuarios realmente comprender tu interfaz? Esa es la pregunta crítica.

Información y operación interfaz-usuario deben ser-comprensibles. Texto-legible usando lenguaje-sencillo—nivel-lectura 8º-grado recomendado. Idioma-declarado habilitando pronunciación. Palabras-inusuales definidas, abreviaturas-expandidas. Comportamiento-predecible manteniendo navegación e identificación-consistentes. Sin cambios-contexto en foco o entrada sin-advertencia. Identificación-error en descripciones-texto, no color-solo. Instrucciones-entrada proporcionadas antes envío. Sugerencias-error ofrecidas cuando-conocidas. Prevención-error para envíos legales, financieros, o datos requiriendo confirmación o revisión.

W3C WCAG 2.2 establece Comprensible como tercer principio POUR. ¿El objetivo? Usuarios con discapacidades-cognitivas, discapacidades-aprendizaje, o diferencias-idioma deben comprender contenido y operación-interfaz.

Investigación lo-valida. Sitios cumpliendo principio Comprensible logran comprensión 50-70% mejor para usuarios discapacidades-cognitivas, errores-completitud 40-60% menos mediante instrucciones-claras y manejo-errores, y costos-soporte 30-50% reducidos mediante comportamiento-predecible y orientación-útil. Comprensibilidad prueba-esencial para comprensión-universal—independiente capacidades-cognitivas o competencia-idioma.

La Base de Investigación

W3C WCAG 2.2 (2023) estableció Comprensible como tercer principio POUR fundamental (Perceptible, Operable, Comprensible, Robusto) abordando comprensión-contenido y predictabilidad-interfaz. Perspectiva crítica: usuarios percibiendo y operando contenido no-pueden lograr metas sin comprender información y predecir comportamiento-interfaz—navegación teclado perfectamente-accesible prueba-inútil con instrucciones-incomprensibles, soporte lector-pantalla excelente fallando con mensajes-error confusos, perceptibilidad y operabilidad-completas negadas por comportamientos-impredecibles creando confusión y abandono-tarea. Principio Comprensible abarca tres pautas asegurando comprensión mediante habilidades-cognitivas sirviendo discapacidades-aprendizaje (dislexia, discalculia, TDAH, espectro-autista), impedimentos cognitivos-adquiridos (lesión cerebral-traumática, demencia, accidente-cerebrovascular), condiciones-temporales (estrés, distracción, fatiga), hablantes segundo-idioma requiriendo comunicación-clara.

Pauta 3.1: Legible requiere contenido-texto sea legible y comprensible. SC 3.1.1 (Nivel A): Idioma Página—atributo lang HTML declarando idioma contenido-primario habilitando tecnologías-asistivas pronunciación-correcta, síntesis-voz, traducción-braille. SC 3.1.2 (Nivel AA): Idioma Partes—atributo lang para pasajes difiriendo idioma-primario habilitando pronunciación-apropiada contenido-multilingüe. SC 3.1.3 (Nivel AAA): Palabras-Inusuales—mecanismos identificando definiciones-específicas palabras usadas formas inusuales/restringidas incluyendo jerga, modismos, argot. SC 3.1.4 (Nivel AAA): Abreviaturas—forma-expandida o definición para abreviaturas. SC 3.1.5 (Nivel AAA): Nivel-Lectura—cuando texto requiere habilidad-lectura más-allá educación secundaria-inferior (8º-9º grado, edad 13-15), contenido-suplementario o versiones-alternativas proporcionadas. Investigación demostrando lenguaje-sencillo mejorando comprensión 30-50% para usuarios discapacidades-cognitivas, 25-40% para población-general, reduciendo tiempo-completitud 40-60% mediante instrucciones-más-claras, logrando errores 50-70% menos versus lenguaje-complejo creando confusión.

Pauta 3.2: Predecible requiere páginas-web operen formas-predecibles. SC 3.2.1 (Nivel A): En Foco—recibir foco-teclado no-inicia cambio-contexto (ventana-nueva abriendo, envío-formulario, movimiento-foco a elemento-diferente) excepto usuario-advertido. SC 3.2.2 (Nivel A): En Entrada—cambiar configuración componente interfaz-usuario (selección desplegable, alternancia casilla-verificación, selección botón-radio) no-causa automáticamente cambio-contexto excepto usuario-advertido o cambio claramente-indicado antes interacción. SC 3.2.3 (Nivel AA): Navegación-Consistente—mecanismos-navegación repetidos mediante páginas aparecen mismo orden-relativo excepto cambio iniciado-usuario. SC 3.2.4 (Nivel AA): Identificación-Consistente—componentes con misma funcionalidad identificados consistentemente mediante páginas (búsqueda etiquetada "Búsqueda" por-todas-partes versus variaciones "Buscar," "Encontrar," "Localizar" creando confusión). Investigación validando consistencia mejorando completitud-tarea 30-50% mediante carga-cognitiva reducida y expectativas-establecidas, reduciendo errores 40-60% mediante comportamientos-predecibles coincidiendo modelos-mentales, mejorando eficiencia 25-40% mediante reaprendizaje-eliminado.

Pauta 3.3: Asistencia-Entrada ayuda usuarios evitar y corregir errores. SC 3.3.1 (Nivel A): Identificación-Error—errores automáticamente-detectados y descritos a usuario en texto (no únicamente mediante color), identificando campos-específicos con errores. SC 3.3.2 (Nivel A): Etiquetas o Instrucciones—etiquetas o instrucciones proporcionadas cuando contenido requiere entrada-usuario incluyendo campos-requeridos, requisitos-formato, límites-caracteres. SC 3.3.3 (Nivel AA): Sugerencia-Error—si error-entrada automáticamente-detectado y sugerencias-corrección conocidas, sugerencias proporcionadas a usuario excepto seguridad/propósito-comprometido (cambios-contraseña, CAPTCHA donde sugerencias derrotan-propósito). SC 3.3.4 (Nivel AA): Prevención-Error (Legal, Financiero, Datos)—envíos causando compromisos-legales, transacciones-financieras, modificaciones datos-usuario son reversibles, verificados antes envío, o confirmados antes envío-final. Adición WCAG 2.2: SC 3.3.7 (Nivel A): Entrada-Redundante—información previamente-ingresada dentro mismo-proceso no-requerida nuevamente excepto reingreso-esencial o seguridad-necesaria. Investigación demostrando mensajes-error claros reduciendo contactos-soporte 30-50%, sugerencias-error mejorando éxito primer-intento 40-60%, prevención-error reduciendo errores-costosos 50-70% en contextos legales/financieros.

Investigación accesibilidad-contemporánea enfatizando accesibilidad-cognitiva abordando neurodiversidad—espectro-autista requiriendo lenguaje-literal evitando modismos, TDAH requiriendo gestión-foco previniendo distracciones, dislexia requiriendo tipografía-legible con espaciado-adecuado, discapacidades-intelectuales requiriendo instrucciones paso-a-paso simples. Beneficios accesibilidad-cognitiva extendiéndose universalmente—lenguaje-claro ayudando hablantes segundo-idioma, comportamiento-predecible reduciendo carga-cognitiva durante estrés/distracción, mensajes-error útiles beneficiando usuarios en dominios-no-familiares. Estudios mostrando mejoras accesibilidad-cognitiva beneficiando 100% usuarios no-solo aquellos discapacidades-diagnosticadas mediante complejidad-reducida, comunicación-más-clara, usabilidad-mejorada.

Por Qué Importa

Para Usuarios: Usuarios con discapacidades-cognitivas (16% población-global—2.2 mil-millones) incluyendo discapacidades-aprendizaje, lesiones cerebrales-traumáticas, deterioro-cognitivo relacionado-edad, espectro-autista, TDAH, discapacidades-intelectuales merecen interfaces-comprensibles habilitando completitud-tarea independiente. Lenguaje-sencillo reduciendo carga-comprensión 30-50%, navegación-predecible eliminando carga-cognitiva reaprendizaje, mensajes-error útiles habilitando recuperación auto-servicio en-lugar-de dependencia-soporte. Hablantes segundo-idioma (1.5 mil-millones hablantes-inglés, 75% no-nativos) beneficiando desde lenguaje claro-simple versus escritura idiomática-compleja. Diseño-comprensible sirviendo discapacidades-situacionales—estrés, fatiga, distracción afectando todos-usuarios temporalmente requiriendo comunicación-clara y comportamiento-predecible habilitando completitud-tarea pese capacidad-cognitiva reducida.

Para Diseñadores: Organizaciones logrando cumplimiento-legal haciendo principio Comprensible obligatorio—ADA requiriendo comunicación-efectiva (Título II, Título III), Acta Escritura-Sencilla 2010 requiriendo agencias-federales usar lenguaje-sencillo en documentos-públicos, Sección 508 requiriendo sistemas-federales proporcionar instrucciones-claras y manejo-errores, Acta Accesibilidad-Europea requiriendo contenido-comprensible e interfaces-predecibles. Demandas accesibilidad-web citando instrucciones-confusas, mensajes-error confusos, comportamientos-impredecibles resolviendo $15,000-$75,000 creando exposición-legal. Organizaciones logrando cumplimiento Comprensible reduciendo riesgo-legal 60-75% mediante comunicación-clara documentada demostrando compromiso-accesibilidad versus sitios-inaccesibles creando vulnerabilidad-litigio.

Para Product Managers: Reducción costo-soporte mediante diseño-comprensible—instrucciones-claras reduciendo contactos mesa-ayuda 30-50%, mensajes-error útiles habilitando recuperación auto-servicio versus escalación-soporte, comportamiento-predecible reduciendo preguntas "¿cómo...?" creando ROI-mensurable. Servicios-financieros implementando instrucciones lenguaje-sencillo, orientación-error comprensiva, navegación-consistente reportando reducción llamadas-soporte 40-60% ahorrando $500,000-$2M anualmente para organizaciones medianas-grandes demostrando valor-negocio claro desde inversión-comprensibilidad requiriendo implementación-técnica mínima (principalmente mejoras-contenido y diseño versus desarrollo-costoso). Comercio-electrónico logrando mejora-conversión 25-40% desde usuarios discapacidades-cognitivas mediante diseño claro-comprensible reduciendo confusión y fricción.

Para Desarrolladores: Beneficios-universales extendiéndose más-allá discapacidad—lenguaje-sencillo beneficiando hablantes segundo-idioma, reduciendo carga-comprensión durante estrés/fatiga/distracción afectando todos-usuarios situacionalmente, mejorando eficiencia para usuarios-expertos mediante arquitectura-información clara y patrones-predecibles. Investigación mostrando diseño-comprensible mejorando completitud-tarea 15-25% para población-general, reduciendo errores 20-35% universalmente, incrementando satisfacción 25-35% mediante frustración-reducida validando diseño-inclusivo creando experiencias-superiores para todos no-solo usuarios discapacidades demostrando accesibilidad mejorando usabilidad-general mediante comunicación-más-clara, mejor predictabilidad, orientación-más-útil.

Cómo Funciona en la Práctica

Escribir contenido lenguaje-sencillo apuntando nivel-lectura 8º-grado (Flesch-Kincaid Grado 8-9)—usar oraciones-cortas (15-20 palabras promedio), palabras-comunes (evitando jerga o definiendo términos-técnicos), voz-activa (sujeto-verbo-objeto), tiempo-presente, listas-viñeta para secuencias, encabezados-claros organizando contenido. Evitar modismos confundiendo intérpretes-literales ("lloviendo gatos y perros," "pedazo de pastel"), dobles-negativos creando carga-comprensión, complejidad-innecesaria oscureciendo significado. Gov.uk demuestra excelencia lenguaje-sencillo—"Puedes solicitar" versus "Solicitudes pueden enviarse," "Debes" versus "Es incumbente," "Obtener" versus "Procurar" logrando promedio edad-lectura 9 comprensión 60% versus promedio-gobierno 14-16 habilitando comprensión-universal incluyendo discapacidades-cognitivas, hablantes segundo-idioma, poblaciones alfabetización-baja.

Mantener navegación e identificación-consistentes—navegación-primaria aparece misma-ubicación mediante todas-páginas (barra horizontal-superior, barra-lateral izquierda), navegación-secundaria mantiene estructura-consistente, caja-búsqueda siempre superior-derecha, logo superior-izquierda regresando-inicio, migas-pan formato-consistente. Componentes con misma funcionalidad usan mismas-etiquetas mediante interfaz—"Búsqueda" por-todas-partes no variaciones "Buscar," "Encontrar," "Localizar," inconsistencia "Enviar" versus "Mandar" versus "Ir," "Eliminar" versus "Remover" versus "Papelera" creando confusión. Amazon demuestra excelencia-consistencia—estructura-navegación idéntica mediante millones-productos, proceso-compra comportamiento-consistente, denominación-componente estandarizada creando experiencia-predecible habilitando compras-eficientes mediante modelos-mentales establecidos.

Proporcionar asistencia-entrada comprensiva—campos-requeridos marcados con asterisco y texto ("Requerido"), requisitos-formato declarados antes entrada ("DD/MM/AAAA"), límites-caracteres mostrados ("Máximo 500 caracteres, quedan 487"), ejemplos valores-aceptables proporcionados ("ej., 415-555-1234"), propósito-campo claro desde etiquetas/instrucciones. Mensajes-error específicos describiendo problema y solución—"Dirección correo-electrónico falta símbolo @. Ejemplo: usuario@ejemplo.com" versus genérico "Correo inválido," "Contraseña debe contener mayúscula, minúscula, número, 8+ caracteres. Contraseña-actual falta letra-mayúscula" versus "Contraseña inválida." Stripe demuestra excelencia-entrada—validación en-línea proporcionando retroalimentación-inmediata, mensajes-error claros con orientación-específica, ejemplos-formato antes entrada, auto-formato teléfono/tarjetas-crédito reduciendo errores logrando éxito primer-envío 85%+.

Implementar prevención-error para operaciones-críticas—transacciones-financieras muestran paso-revisión antes envío-final ("Revisar y confirmar pago $1,847.23 a Compañía-Eléctrica"), compromisos-legales requieren confirmación-explícita con explicación-consecuencias ("Aceptar crea acuerdo legalmente-vinculante"), eliminaciones-datos muestran impacto y requieren confirmación-tecleada ("¿Eliminar cuenta? Esto remueve permanentemente todos-datos. Teclear ELIMINAR para confirmar"). Permitir reversión dentro plazo-razonable (deshacer envío-correo 5-30 segundos, cancelación-pedido antes envío). Aplicaciones-gubernamentales demuestran prevención-error—aplicaciones beneficios multi-paso con revisión-comprensiva antes envío, explicaciones-consecuencia claras, progreso-guardado habilitando recuperación desde errores sin reinicio-completo reduciendo abandono desde 40-60% a <10%.

Respetar eliminación entrada-redundante reduciendo carga-cognitiva—no preguntar información previamente-ingresada nuevamente excepto-necesario (dirección facturación predeterminando a dirección envío con opción-anulación, método-pago previo guardado y seleccionable, información-cuenta prellenada desde registro), proporcionar auto-completar para campos-comunes (direcciones, tarjetas-pago, números-teléfono), habilitar guardado y reanudación-formulario para flujos-trabajo multi-sesión. Navegadores y plataformas-modernas demuestran respeto entrada-redundante—auto-rellenado pago, auto-rellenado dirección, gestores-contraseñas eliminando reingreso reduciendo tiempo-completitud formulario 40-60%, errores 30-50% mediante eliminación tecleado-repetitivo.

Obtén 6 Principios UX Gratis

Te enviaremos 6 principios respaldados por investigación con prompts de IA.

  • 168 principios con 2,098+ citas académicas
  • 600+ prompts IA para Cursor, V0, Claude
  • Defiende cada decisión de diseño con investigación
o desbloquea todo
Obtener Biblioteca de Principios — Era $49, ahora $29 por año$29/yr

¿Ya eres miembro? Iniciar sesión

Era $49, ahora $29 por año$49 → $29/yr — Garantía de devolución de 30 días

También incluye:

Cómo Funciona en la Práctica

Guía de implementación paso a paso

Premium

Ejemplos Modernos

Ve cómo los mejores equipos aplican este principio

Premium
LinearStripeNotion

Guía por Rol

Recomendaciones específicas para diseñadores, devs y PMs

Premium

Prompts de IA

Copia y pega prompts para Cursor, V0, Claude

Premium
3 prompts disponibles

Conclusiones Clave

Resumen de referencia rápida

Premium
5 puntos clave

Continúa Aprendiendo

Continúa tu viaje de aprendizaje con estos principios conectados

Parte I - Fundamentos

Carga Cognitiva

La Teoría de Carga Cognitiva (Sweller 1988) demuestra que la memoria de trabajo mantiene 7±2 elementos simultáneamente, ...

Principiante
Parte II - Principios Fundamentales

Consistencia y Estándares

La heurística de consistencia de Nielsen (1990) demuestra que la consistencia interna y externa reduce la carga cognitiv...

Principiante
Parte II - Principios FundamentalesPremium

Prevención de Errores

La heurística #5 de Nielsen (1994) demuestra que la prevención reduce los costos de soporte 40-60%, mejora la completitu...

Intermedio

Licenciado bajo CC BY-NC-ND 4.0 • Solo uso personal. Redistribución prohibida.

Anterior
Principio Operable (WCAG)
Todos los Principios
Siguiente
Principio Robusto (WCAG)
Validar Principio Comprensible (WCAG) con el Validador de Diseno IAObtener prompts de IA para Principio Comprensible (WCAG)Ver flujos de diseno UXDetectar problemas de UX con el detector de malos oloresExplorar el glosario de terminos UX/UI