Toegankelijkheid: twee naamloze knoppen (WCAG 4.1.2) #1247

New issue

Closed

opened 2026-08-04 23:08:19 +00:00 by brenno · 1 comment

brenno commented

2026-08-04 23:08:19 +00:00

Owner

Toegankelijkheid — twee naamloze knoppen (WCAG 4.1.2)

Tijdens een toegankelijkheidsaudit (vooral voor blinde gebruikers) gevonden: twee IconButtons zonder tooltip: of Semantics-label. Een schermlezer kondigt ze aan als "knop" — precies de fout die #586 opruimde bij de presentatie-uitknop.

Locaties

lib/widgets/searchable_language_picker.dart:151-159 — de "wissen"-knop in de taalkiezer (suffix van het zoekveld).
lib/widgets/dialogs/new_deck_dialog.dart:353-361 — de "wissen"-knop in de sjabloonzoek (suffix van het zoekveld).

Beide staan in dialogen die test/accessibility_labels_test.dart niet pompt, en het patroon (IconButton zonder tooltip, zonder Tooltip-wrapper) is niet het patroon dat de bronscan in die test herkent — vandaar dat ze erdoor glippen.

Waarom het ertoe doet

WCAG 2.2 SC 4.1.2 (Naam, rol, waarde): elk besturingselement moet een toegankelijke naam hebben. Een naamloze knop is voor een schermlezer niet te onderscheiden van een andere naamloze knop op hetzelfde scherm.

Voorstel

Voeg tooltip: l10n.d('Zoekveld wissen') toe aan beide. Twee regels, sluit de bewezen lekken. De vertaalsleutel gaat naar de taalbouwer voor 31 vertalingen.

Vangrail

Dit is tegelijk het bewijs dat de bronscan in accessibility_labels_test.dart een blinde vlek heeft — zie het afzonderlijke issue daarover. Die twee horen samen te landen.

## Toegankelijkheid — twee naamloze knoppen (WCAG 4.1.2) Tijdens een toegankelijkheidsaudit (vooral voor blinde gebruikers) gevonden: twee `IconButton`s zonder `tooltip:` of `Semantics`-label. Een schermlezer kondigt ze aan als "knop" — precies de fout die #586 opruimde bij de presentatie-uitknop. ### Locaties - `lib/widgets/searchable_language_picker.dart:151-159` — de "wissen"-knop in de taalkiezer (suffix van het zoekveld). - `lib/widgets/dialogs/new_deck_dialog.dart:353-361` — de "wissen"-knop in de sjabloonzoek (suffix van het zoekveld). Beide staan in dialogen die `test/accessibility_labels_test.dart` niet pompt, en het patroon (`IconButton` zonder tooltip, zonder `Tooltip`-wrapper) is niet het patroon dat de bronscan in die test herkent — vandaar dat ze erdoor glippen. ### Waarom het ertoe doet WCAG 2.2 SC 4.1.2 (Naam, rol, waarde): elk besturingselement moet een toegankelijke naam hebben. Een naamloze knop is voor een schermlezer niet te onderscheiden van een andere naamloze knop op hetzelfde scherm. ### Voorstel Voeg `tooltip: l10n.d('Zoekveld wissen')` toe aan beide. Twee regels, sluit de bewezen lekken. De vertaalsleutel gaat naar de taalbouwer voor 31 vertalingen. ### Vangrail Dit is tegelijk het bewijs dat de bronscan in `accessibility_labels_test.dart` een blinde vlek heeft — zie het afzonderlijke issue daarover. Die twee horen samen te landen.

brenno added the

bug

label

2026-08-04 23:08:19 +00:00

brenno referenced this issue

2026-08-04 23:08:35 +00:00

Toegankelijkheid: bronscan in accessibility_labels_test.dart mist kale IconButton (WCAG 4.1.2) #1248

brenno commented

2026-08-05 06:56:02 +00:00

Author

Owner

In behandeling — branch fix/1247-naamloze-knoppen, tooltips toegevoegd en vangrail-tests geschreven.