Display None – це що таке? Властивості і використання

Проблеми з програмами читання з екрана

Проблема в тому, що приховування контенту з display: none також приховує вміст від користувачів, які читають з екрану. Щоб обійти це, розробники стали позиціонувати вміст за допомогою декількох методів, наприклад, абсолютне позиціонування з заданими шириною і висотою елемента і властивість overflow: hidden. При використанні розмітки з описом у цьому випадку, контекстна інформація не відображається на екрані, але оголошується користувачам програми читання з екрану. Але якщо провести перевірку сайтів на доступність, частіше всього знаходяться елементи, які неправильно приховані за допомогою властивості display: none. Найбільш поширеним прикладом є посилання, призначені для допомоги користувачам клавіатури і програм читання з екрану. Іронія полягає в тому, що ці благі наміри сходять на немає і роблять посилання марними через використання display: none.

Дивіться також:  Зовнішній акумулятор HIPER Power Bank