Bootcamp UX - Contenido

Explore

Principios de experiencia de usuario

Accesibilidad

Web Content Accessibility Guidelines (WCAG)

¿Qué es accesibilidad digital?

El diseño accesible se refiere al grado en que una plataforma digital puede ser visitada y utilizada por el mayor número de personas posible de forma satisfactoria, sin importar el grado de diversidad de las personas: habilidades, lenguaje, cultura, género, edad y otras formas de diferencias humanas.

Existen distintas razones por las que buscamos lograr la accesibilidad en nuestras propuestas de diseño. Por un lado es evidente que es necesitamos brindar oportunidades equitativas para cualquier persona. Incluso, en algunos países, existen legislaciones que garantizan que las personas con algún grado de discapacidad tengan acceso a los productos y servicios.

Algunas recomendaciones para diseñar de forma accesible son:

Texto y contenido.

- No escribir texto en mayúsculas si no corresponden, ya que dificulta la comprensión lectora.

- Estructurar jerárquicamente el contenido para que el lector (usuario) puede leer de una forma óptima la interfaz. En ese sentido, es importante usar los títulos, subtítulos y contenidos con tamaños apropiados.

Colores, diseño y fluidez.

- Utilizar una estética y diseño simple, dar la mayor información al usuario de dónde está y hacia dónde tiene que ir cuando navega en la interfaz.

- Utilizar colores con contraste entre ellos para evitar potenciales dificultades en el aspecto de la interfaz.

- Diseñar páginas usables que simplifiquen las acciones a realizar por el usuario.

Formulario y otros elementos de la interfaz.

- Los formularios deben ser accesibles por teclado, ser lógicos y fáciles de usar. Asimismo deben proporcionar errores de validación que describan la naturaleza del problema.

- Validar que el usuario pueda llegar a todos los elementos de la interfaz sin problemas.

Taller de Accesibilidad Digital en el Bootcamp

⁠

Recursos del taller de accesibilidad

⁠

Design for everyone with these accessibility-focused plugins on Figma⁠

⁠

Charla: Experiencia en la aplicación de pruebas de accesibilidad con personas usuarias⁠

⁠

Charla: Implementando Accesibilidad por Carlos Murillo.⁠

⁠

Slides de la presentación⁠

⁠

Otras charlas recomendadas

Consuelo Correa sobre accesibilidad

⁠

Laura Palmaro - Quality equality and accessibility

⁠

Loading…⁠

⁠

Libros / Herramientas recomendadas

⁠

Kit de diseño inclusivo de Microsoft⁠

⁠

Inclusive Design for a Digital World⁠

⁠

Color contrast checker⁠

⁠

Manual de Servicios Digitales: Una introducción a Accesibilidad. Gobierno de Reino Unido.⁠

⁠

Testing para accesibilidad: manual del Gobierno de Reino Unido.⁠

⁠

Otros recursos

⁠

Pautas para accesibilidad en el contenido Web⁠

⁠

Aplicar heurísticas de accesibilidad a un wireframe⁠

⁠

Color contrast and why you should rethink it⁠

⁠

Target paga 6 millones en multa⁠

⁠

La inaccesibilidad de los carruseles.⁠

⁠

The high cost of digital discrimination: why companies should care about web accessibility.⁠

⁠

Página sobre accesibilidad⁠

⁠

Ayúdanos a seguir mejorando nuestro contenido🤩

Puedes dejarnos tu comentarios

aquí⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.