Улучшить кнопку для раскрытия меню и кнопку в меню

[TatianaFokina]

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

Сейчас у кнопок из меню, а также у самого выпадающего меню есть несколько проблем.

• Когда раскрыто меню, на ней можно сделать фокус. То есть, элемент в фокусе, но скрыт другим элементом.
• При закрытии меню с клавиатуры фокус оказывается не на кнопке раскрытия меню, а на следующем после него элементе.
• У кнопки для раскрытия меню нет этого состояния.
• Выпадающее меню не связано с кнопками для его раскрытия и закрытия.

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

1. Зайти на главную страницу.
2. Повзаимодействовать с меню с помощью клавиатуры.
3. Повзаимодействовать с меню со включённым скринридером.

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

Подумать над тем, как с открытым меню избежать фокуса на кнопке «Открыть меню».

Когда пользователь делает фокус на кнопке «Закрыть меню» и жмёт на неё, фокус должен попадать на кнопку «Открыть меню». Также хорошо, когда после открытия меню фокус устанавливает на первом элементе в нём.

Раскрывающееся меню должно быть связано с кнопкой «Открыть меню» с помощью aria-controls. Также у кнопки должен быть атрибут aria-expanded. Когда меню закрыто, его значение должно быть false, когда открыто — true.