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

Aberta
#249 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
56/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Ativa
Stack de tecnologia
dart, flutter

Direção de pesquisa

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.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
Dart
Estrelas
9
Forks
5
Merge médio
49min
PRs com merge (30d)
34

Preparar o ambiente

  • Inclui um Dockerfile ou arquivo Docker Compose
  • Sem modelo de pull request
  • Sem guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de CommandLineCoding/Elephant

Todas as issues de CommandLineCoding/Elephant

Issues semelhantes

Mais issues de Dart

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.