[DESIGN]: Accessibility pass on the new design: large text, TalkBack, touch targets

Abierto
#249 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
56/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
dart, flutter

Línea de trabajo

Start with the screens and widgets in mobile/lib/pages/ and mobile/lib/widgets/, then read mobile/test/ui_smoke_test.dart to understand its current coverage. Check the main flows at 200% text and display size with TalkBack, and review touch targets and contrast in all four themes. Extend the smoke test for large text and finish when the listed accessibility issues are addressed.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

area: mobile difficulty: medium enhancement

Context

The new design (#224) was checked in all four themes at normal text size and at 320 px wide. It hasn't been checked with large text or a screen reader.

What to do

  • Go through every screen at the largest system font size (200%) and display size; fix clipped or overlapping text and controls.
  • Use TalkBack on the main flows (sign in, open a chat, send a message, settings): every button has a sensible label, and the reading order makes sense.
  • Check touch targets are at least 48×48 dp (for example, the password visibility toggle and the server line on the sign-in screen).
  • Check text and icon contrast in all four themes, including muted text on surfaces.
  • Extend the UI smoke test to render at a large text scale.

Where to look

mobile/lib/pages/, mobile/lib/widgets/, mobile/test/ui_smoke_test.dart.

Lenguaje dominante
Dart
Estrellas
9
Forks
5
Merge medio
49 min
PR fusionados (30 d)
34

Preparar el entorno

  • Incluye un Dockerfile o un archivo de Docker Compose
  • Sin plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de CommandLineCoding/Elephant

Todos los issues de CommandLineCoding/Elephant

Issues similares

Más issues de Dart

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.