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

Ouverte
#249 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
56/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Active
Stack technique
dart, flutter

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

Langage dominant
Dart
Étoiles
9
Forks
5
Merge moyen
49 min
PR mergées (30 j)
34

Préparer son environnement

  • Fournit un Dockerfile ou un fichier Docker Compose
  • Aucun modèle de pull request
  • Aucun guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de CommandLineCoding/Elephant

Toutes les issues de CommandLineCoding/Elephant

Issues similaires

Plus d'issues Dart

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.