htmlcss-2__section-5.md

Вопросы к разделу «Адаптивные декоративные элементы»

Использовать ли normalize.css и если да, то как его подключить к препроцессорам.

Использовать или нет, это вам решать. Как вам удобнее с ним или без него?

Если всё-таки хотите использовать нормалайз, то как обычно подключите его в head.

в материалах к разделу есть статья: Скрытие элементов Hiding DOM elements. https://allyjs.io/tutorials/hiding-elements.html
в ней указывается что следует задать класс след. образом: .visuallyhidden:not(:focus):not(:active)
Теперь в голове большой вопрос зачем при фокусе делать элемент видимым? Помогите пож-ста разобраться.

@b-aleksei, этот класс универсальный, это видно по его содержимому. То есть его придумали, чтобы его можно было легко бросить на любой элемент и скрыть его визуально, но оставить доступным для скринридера. Таким элементом вполне может быть интерактивный элемент, вроде ссылки. Чаще всего на странице скрывают такие ссылки, которые помогают незрячим или перейти к главному содержимому (skip links). В итоге, если на такую ссылку попасть с клавиатуры табом, то она покажется.

Теперь, когда вы понимаете как это работает, вы можете выбрать как использовать этот класс: с фокусом-эктивом или сам по себе. По идее, вам эти псевдоклассы никак не мешают использовать этот класс, к пользователям скринридеров могут когда-нибудь помочь.

Насколько актуален normalize сейчас

Запоздалый вопрос и не совсем в тему :) На первом интенсиве по HTML & CSS дополнительные критерии (Д5) требовали подключение normalize.css. Почему на втором уровне normalize из критериев убрали? Насколько актуально его применение в современных проектах с требованиями IE11 и новее? В каких случаях его всё-таки стоит применять?

На первом уровне мы решали проблему того, что вы и так встретитесь с normalize и нашей задачей было правильно рассказать для чего эта библиотека была создана. Какие проблемы решает, а какие не решает.
На втором уровне уже вам решать использовать эту библиотеку или нет. Вы должны решить помогает она вам или мешает.