#34033: Admin light/dark theme switch needs to convey its state for screen reader users -------------------------------------+------------------------------------- Reporter: Thibaud Colas | Owner: | FlorianPerucki Type: Bug | Status: assigned Component: contrib.admin | Version: dev Severity: Normal | Resolution: Keywords: accessibility, | Triage Stage: screen reader, translations | Unreviewed Has patch: 0 | Needs documentation: 0 Needs tests: 0 | Patch needs improvement: 0 Easy pickings: 0 | UI/UX: 1 -------------------------------------+------------------------------------- Description changed by Thibaud Colas:
Old description: > Follow-up to [https://github.com/django/django/pull/15843 PR #15843] / > [https://code.djangoproject.com/ticket/33690 ticket #33690] – there are > two issues with the theme switcher for screen reader users: > > - The label isn’t translated > - The label doesn’t convey the button’s current state (light, dark, auto) > > This is important for partly-sighted screen reader users, who will expect > the visual appearance of the button and its screen reader announcement to > both convey the current state. Particularly between the user’s "auto" > system theme and a forced theme. New description: Follow-up to [https://github.com/django/django/pull/15843 PR #15843] / [https://code.djangoproject.com/ticket/33690 ticket #33690] – there are two issues with the theme switcher for screen reader users: - The label isn’t translated - The label doesn’t convey the button’s current state (light, dark, auto) - (potential issue – the SVG elements should be hidden from screen reader users if they don’t have alternative text) This is important for partly-sighted screen reader users, who will expect the visual appearance of the button and its screen reader announcement to both convey the current state. Particularly between the user’s "auto" system theme and a forced theme. Here is the current accessibility tree representation (Google Chrome) as a reference: {{{ button "Toggle Light / Dark / Auto color theme" StaticText "Toggle Light / Dark / Auto color theme" img "" Ignored }}} -- -- Ticket URL: <https://code.djangoproject.com/ticket/34033#comment:2> Django <https://code.djangoproject.com/> The Web framework for perfectionists with deadlines. -- You received this message because you are subscribed to the Google Groups "Django updates" group. To unsubscribe from this group and stop receiving emails from it, send an email to django-updates+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/django-updates/010701836a3cf822-91b2c3a6-2f5d-4c31-bab4-a0ad44ffb7f5-000000%40eu-central-1.amazonses.com.