Как скрыть контент от скринридера

[TatianaFokina]

Тема

Поняла, что нет какой-то доки или коротенькой статьи о том, как скрывать контент от вспомогательных технологий. Можно коротко описать и сравнить разные способы скрытия контента:

• HTML-атрибут hidden.
• ARIA-атрибут aria-hidden.
• display: none и visibility: hidden.
• Класс .visually-hidden.

Про aria-hidden можно обратить внимание на то, что его не надо путать и сочетать с role="presentation".

[solarrust]

Отлично подмечено! Такая статья точно нужна 👍

[MariannaSpb]

@solarrust @TatianaFokina могу взять

[TatianaFokina]

@solarrust @TatianaFokina могу взять

Е-е-е! Закреплю за тобой задачу. Если что, пиши, если нужна будет помощь.

Пара полезных ссылок:

• Руководство по стилю.
• Демки.
• Про стиль демок.

Пока раздел скрыт, так что используй веточку new-section/a11y.