Hacker News Digest

19 августа 2026 г. в 15:11 • chrisburnell.com • ⭐ 804 • 💬 189

OriginalHN

#accessibility#datalist#details#dialog#html5#input#polyfill#popover

HTML Can Do That

HTML всё больше заменяет функции, которые раньше требовали JavaScript. Сегодня можно реализовать всплывающие окна, диалоги, аккордеоны и автодополнение без единой строчки кода — достаточно современных атрибутов и элементов. Главное нововведение: popover позволяет создавать выезжающие панели с поддержкой закрытия по ESC и клику вне, а <dialog> делает возможным модальные окна через чистый HTML. Оба решения требуют внимания к доступности: например, использование popovertargetaction="hide" вместо ручного управления z-index.

Особенно стоит обратить внимание на группировку <details> через атрибут name — это простой способ сделать аккордеон без JS, где открытие одного пункта автоматически закрывает остальные. Также полезны <datalist> для нативного автодополнения и новые типы ввода (color, range, date), хотя их кросс-браузерная поддержка и доступность ещё требуют улучшений. Важно помнить: даже «без JavaScript» решения часто нуждаются в полифиллах или тщательной проверке на разных устройствах. Пробуйте эти фичи, но всегда ставьте пользователей на первое место.