Положительный опыт знакомства с доступностью.

После гневного фидбека в лс solvery, мне сделали манибек 50% и подобрали другого ментора. Все тот же созвон в зуме, в этот раз без третьих лиц и 15 минутных прелюдий. 

Разобрали webpi с avif и выяснилось, что мать его сафари не поддерживает эти форматы и, следовательно, background-image не будет там работать. А одно из основных требование, это поддержка всех типов браузеров. Крч, надо думать.

Посоветовали годный ресурс. Позволяет лицезреть структуру дерева БЭМ'а и подсвечивает ошибки. Разобрали блок и элемент. Почему второй не может существовать без первого. Сказали не боятся margin'ов и обязательно использовать миксы. За 40 минут пробежали основные моменты WCAG 2.0. Дали пример и советы. Все активные элементы должны быть с описанием и видимы для screen reader'а. Иметь 3 состояния (focus, hover, active) Что бы при использовании клавиатуры они выделялись. Ну и проверочка валидатором на десерт (стандарт W3C).

В общем и целом я доволен консультацией. Дорого конечно, но это сэкономило мне время и помогло структурировать кашу в голове. И еще одна хорошая новость, deadline сдачи 17 числа. Можно чутка расслабится и вернутся к js'у, параллельно доводя верстку до идеала.