Unidad 7 · Semana 13 · Clase 3 de 5
Accesibilidad digital
Aplicar criterios de accesibilidad en piezas y sitios digitales.
- Lectura 15 min
- Práctica 35 min
- Repaso 10 min
Accesible es mejor para todos
La accesibilidad digital busca que cualquier persona pueda usar un sitio, una app o una pieza digital, incluidas personas con discapacidad visual, auditiva, motriz o cognitiva. En Argentina, la Ley 26.653 de accesibilidad de la información en las páginas web obliga a los organismos públicos y a ciertas entidades a cumplir pautas de accesibilidad. Pero aunque no sea obligatorio para tu cliente, lo accesible funciona mejor para todos: el que lee al sol, el que tiene el celular viejo, la persona mayor.
Pautas clave
| Pauta | Cómo aplicarla |
|---|---|
| Contraste | 4,5:1 para texto normal, 3:1 para texto grande e íconos (semana 5) |
| Texto real | No pongas textos importantes dentro de imágenes |
| Texto alternativo | Toda imagen con información tiene que tener una descripción para lectores de pantalla |
| Tamaño y espaciado | Texto de 16 px o más; que se pueda ampliar sin romper el diseño |
| No depender del color | Los errores de un formulario se indican con texto e ícono, no solo en rojo |
| Foco visible | Al navegar con teclado se ve dónde estás |
| Subtítulos | Los videos con habla llevan subtítulos |
| Movimiento controlado | Evitar animaciones que parpadeen o se muevan sin parar |
En redes sociales
- Escribí texto alternativo en las imágenes (las redes principales lo permiten).
- Poné la información importante también en el texto del posteo, no solo en la imagen.
- Usá mayúscula al inicio de cada palabra en los hashtags compuestos (#DiseñoGráfico), para que los lectores de pantalla los lean bien.
- Subtitulá los videos.
Probá tu diseño con un lector de pantalla: los celulares tienen uno integrado (TalkBack en Android, VoiceOver en iPhone). Escuchar cómo "se lee" tu pieza es revelador.
Práctica · 35 min
- Revisá tus plantillas de redes y tu página web con la tabla de pautas.
- Escribí el texto alternativo de tres de tus publicaciones.
- Verificá el contraste de todos los textos.
- Activá el lector de pantalla de tu celular y recorré una página web de un comercio. Anotá qué problemas encontrás.
Repaso · 10 min
1. ¿Por qué no conviene poner textos importantes dentro de imágenes?
¡Bien! El texto real es accesible; el texto en imagen, no.
Todavía no. Probá otra opción.
2. ¿Cómo debe indicarse un error en un formulario?
¡Bien! No depender solo del color es una pauta básica.
Todavía no. Probá otra opción.
3. ¿Cómo se escriben los hashtags compuestos para que sean accesibles?
¡Bien! Así los lectores de pantalla separan las palabras.
Todavía no. Probá otra opción.
Preguntale al asistente
Conoce esta clase y toda la diplomatura. Responde a cualquier hora.
El asistente puede equivocarse. Ante una duda importante, contrastá con la lectura.