Ссылка на проект: https://yoksel.github.io/A11y-course/
Свёрстаны все элементы, добавлены состояния. Системный фокус заменён на ярко-зелёный, потому что синий системный сливается с фиолетовыми кнопками.
Мобильной версии и версии без JS нет, не успела сделать.
-
В фиолетовых кнопках поменяла чёрный текст на белый, чтобы его было видно.
-
Убрала подчёркивание к кнопок табов. Предположила, что для содержимого табов нет отдельных страниц, следовательно, кнопки табов не являются ссылками, поэтому подчёркивания там быть не должно. Возможно, это имело бы смысл для версии без JS, но у меня такой версии нет.
-
Задала подчёркивание всем ссылкам на странице, чтобы ссылки в тексте отличались не только цветом, и там, где ссылки покрашены в цвет текста, было бы видно, что это ссылки.
-
Увеличила расстояние между поиском и переключением языков, чтобы было понятнее, что объекты не связаны.
-
Увеличила логотип, иначе текст на нём читается с трудом.
-
Для случаев, когда кнопки переключают состояния (табы, языки), сделала состояние активной кнопки и неактивной, чтобы было понятно что сейчас выбрано.
-
Навигацию над слайдером унесла в шапку, сделала ссылками на разделы страницы и соответственно поменяла порядок. По-моему, это навигация по странице, и она должна быть в шапке, а не рядом со слайдером.
-
Добавила кнопку закрытия в модальное окно.
-
Для заполненных полей и полей в фокусе лейбл подпрыгивает вверх, чтобы он всегда был виден. Исключение — поле поиска. В нём нет плейсхолдера и я предположила, что иконка помогает понять что это за поле. Не уверена что это верное решение.