Objetivos de aprendizaje
- Convertir la tarea del cliente en páginas y navegación claras.
- Revisar accesibilidad e interacción completa entre dispositivos.
Definir la decisión que apoya la página
Liste público, pregunta y siguiente acción. Una página de servicio puede necesitar idoneidad, proceso, límites y contacto antes de una introducción decorativa. Escriba contenido claro y específico bajo títulos útiles. Decida qué va aquí y qué merece otra explicación claramente enlazada.
Crear un camino comprensible
Use navegación coherente y enlaces que describan su destino. Muestre ubicación y regreso. Distinga acciones esenciales sin depender solo del color. Los formularios necesitan etiquetas visibles, explicación y errores corregibles junto al campo. Un envío correcto debe aclarar qué ocurre después.
Diseñar para distintas capacidades y contextos
Se usan teclado, ayudas técnicas, ampliación o pantallas pequeñas bajo luz intensa. Revise contraste, orden lógico de foco y alternativas textuales con propósito. Permita redistribución al reducir espacio o ampliar texto. Una prueba automática encuentra algunos problemas, pero no demuestra que personas reales completen la tarea.
Incluir rendimiento y mantenimiento en el diseño
Use imágenes de tamaño adecuado, espacio estable e interacciones necesarias. Evite efectos que oculten contenido o vuelvan impredecible la navegación. Asigne actualizaciones de precios, alcance y contacto. Pruebe longitudes reales, direcciones de idioma y errores. El diseño debe servir cuando la demostración se sustituya por contenido real.
Un ciclo de diseño guiado por tareas
Revise el recorrido completo, no pantallas aisladas.
Comprender
Identificar tarea e información necesaria.
Organizar
Crear contenido y navegación claros.
Construir
Implementar interacción accesible y adaptable.
Evaluar
Observar la finalización, corregir barreras y mantener precisión.
Comparación
| Área | Pregunta | Prueba |
|---|---|---|
| Contenido | ¿El visitante sabe si encaja el servicio? | Alcance preciso y títulos comprensibles |
| Interacción | ¿Puede completar la tarea sin ratón? | Teclado, foco visible y errores corregibles |
| Adaptación | ¿Sigue disponible la información en anchuras pequeñas? | Pruebas reales móviles y texto ampliado |
| Rendimiento | ¿La información principal aparece de forma previsible? | Distribución estable y medios adecuados |
Un formulario que parecía completo
La atractiva página de una empresa hipotética muestra errores solo con borde rojo.
- La revisión por teclado revela que no se identifica qué falta.
- El equipo añade etiquetas, errores descriptivos y foco claro.
- Prueba corrección, confirmación y seguimiento prometido en pantallas pequeñas y grandes.
La mejora es completar tareas y entender la respuesta, no un color nuevo. Una evaluación completa puede exigir más pruebas.
Lista de acciones
- Nombrar tarea y siguiente acción.
- Usar títulos y enlaces significativos.
- Revisar teclado y corrección de errores.
- Probar anchuras estrechas y texto ampliado.
- Asignar responsables de contenido y mantenimiento.
Errores habituales
Aprobar la plantilla vacía
Una distribución válida solo con texto breve puede fallar al llegar traducciones e imágenes reales.
Tomar una puntuación automática por toda la experiencia
Una nota alta no demuestra que navegación, redacción o interacción compleja funcionen para todos.
Preguntas y respuestas
¿Adaptable significa encoger la página de escritorio?
No. Adapta distribución e interacción conservando información esencial y orden usable de lectura y foco.
¿Puede añadirse accesibilidad solo al final?
Son posibles correcciones tardías, pero contenido, estructura e interacción se abordan mejor durante diseño y desarrollo.
Fuentes y lecturas adicionales
- Principios de accesibilidadW3C Web Accessibility Initiative
La guía internacional primaria explica requisitos y enlaza normas pertinentes.
- Consejos prácticos de diseño y desarrolloW3C Web Accessibility Initiative
W3C ofrece recursos iniciales a autores, diseñadores y desarrolladores; una lista breve no es auditoría completa de conformidad.
