Banco de tareas

A11Y-006AccesibilidadMejora

Evitar el scroll horizontal con texto al 200 % en 320 px

Dificultad: Media
Estimación: 1d
Estado: Abierta
Habilidades: cssresponsive

Contexto

Con texto al 200 % a 320 px, Hoy mide 594 px de ancho: la pegatina «demo» se sale, las etiquetas de la barra inferior se pisan y el titular se corta. Muchas personas mayores usan el texto grande del móvil.

Qué hacer

Reprodúcelo con texto grande del sistema o el zoom de solo texto del navegador.
Cabecera: oculta «demo» en anchos pequeños. Barra inferior: etiquetas recortables o solo iconos con nombre accesible.
Titulares con clamp() y overflow-wrap: anywhere cuando haga falta.

Criterios de aceptación

scrollWidth igual a clientWidth en Hoy, Mapa, Organízate y Buzón a 320 px con texto al 200 %
Capturas antes y después en el PR

Archivos

¿Te la quedas?

1. Haz un fork y crea la rama tarea/A11Y-006-evitar-el-scroll-horizontal-con-texto-al.
2. En tareas/accesibilidad/A11Y-006-evitar-el-scroll-horizontal-con-texto-al-200-en.md, cambia la cabecera:
```
estado: reservada
asignada: tu_usuario_de_github
```
3. Abre un PR con ese cambio (commit firmado: git commit -s). Al fusionarse, es tuya durante 14 días.