HTML вводить новий контроль - перемикач: огляд та аналіз


Стаття розглядає розробку та використання нового атрибута перемикача в HTML, який дозволяє формам переключатися між двома станами. Розробка тривала багато років, але Safari нещодавно просунула цю справу, випустивши підтримку для атрибута в Safari Technology Preview 185 та Safari 17.4.
🚀 HTML давно використовує елементи для створення інших відчуттів та вигляду. Перемикач або компонент виключення - це загальний приклад такого використання. Проте цей підхід мав певні проблеми з доступністю щодо невизначених станів.
💡 В Safari Technology Preview 185 та Safari 17.4 було представлено вбудований перемикач HTML. Цей новий елемент випливає з підходу з прихованим прапорцем та має на меті зробити доступність та використання контролю більш узгодженими.
- 📌 Новий атрибут перемикача в HTML.
- 📌 Підтримка Safari для нового атрибута перемикача.
- 📌 Використання нових псевдоелементів для стилізації перемикача.
- 📌 Поточні обмеження та розгляди стосовно використання перемикача.
Для підготовки контенту ми дослідили статті, присвячені сучасним підходам у створенні сайтів, UX/UI дизайну та просуванню в Google:
https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/