Skip to content

Instantly share code, notes, and snippets.

@pepelsbey
Created November 4, 2019 16:20
Show Gist options
  • Save pepelsbey/865a1f428ea9759f943a6cf6e341eb65 to your computer and use it in GitHub Desktop.
Save pepelsbey/865a1f428ea9759f943a6cf6e341eb65 to your computer and use it in GitHub Desktop.

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

@nikolai-shabalin
Copy link

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

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

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

@b-aleksei
Copy link

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

@pepelsbey
Copy link
Author

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

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

@nikolai-shabalin
Copy link

nikolai-shabalin commented Nov 25, 2019

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

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment