Display None – це що таке? Властивості і використання
Основні правила для вирішення проблеми доступності
З-за проблем з пошуковими системами та різними варіантами сприйняття інформації, слід бути обережними при використанні display: none. Це не означає, що не варто використовувати його взагалі. У цієї властивості є багато якостей, які роблять його практично незамінним для деяких операцій.
Ось кілька правил, які повинні допомогти визначити, коли і як приховувати елементи візуально:
Якщо необхідно приховати вміст візуально, але залишити його доступним для програм-читалок, не використовуйте для text display: none.
Якщо приховувана вами контент може бути корисний тільки для користувачів, що використовують програми для читання з екрану, подумайте, чи потрібно його приховувати. Якщо все ж вирішили приховати його, переконайтеся, що він стає видимим при фокусуванні.
Якщо ви хочете приховати щось тимчасово і відобразити його в результаті взаємодії з користувачем, display: none може виявитися саме тим, що потрібно. Важливим фактором у цьому разі є те, що, оскільки швидше ви будете використовувати JavaScript, щоб зробити вміст видимим, змінивши значення display-властивості, ви повинні мати на увазі, що приховувати його потрібно буде і для користувачів, у яких немає JS.