Улучшить разметку переключателя тем

[Tatiana Fokina]

Описание проблемы

Сейчас у переключателя тем нет программно связанного с ним заголовка «Темы». Он виден только зрячим пользователям. Имена — крайне полезная штука для групп чекбоксов. Пользователи скринридеров при фокусе на чекбокс слышат, к какой группе он относится.

Как воспроизвести

1. Зайти, например, на главную.
2. Включить любой скринридер.
3. Повзаимодействовать с переключателем тем в футере.

Как должно быть

При фокусе на чекбокс с лейблом выбранной темы скринридер должен сообщить, что это не только «Светлая», «Авто» или «Тёмная», но и то, что это «Тема».

Для этого нам нужно для начала сделать контейнер для этого элемента <fieldset>, а <span> с классом .footer__theme-toggle-label и текстом «Тема:» — <legend>.