id	summary	reporter	owner	description	type	status	component	version	severity	resolution	keywords	cc	stage	has_patch	needs_docs	needs_tests	needs_better_patch	easy	ui_ux
34033	Admin light/dark theme switch needs to convey its state for screen reader users	Thibaud Colas	Florian Perucki	"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

}}}"	Bug	closed	contrib.admin	dev	Release blocker	fixed	accessibility, screen reader, translations	Sarah Abderemane	Ready for checkin	1	0	0	0	0	1