Тема: html

Статья

Текстовые альтернативы: alt, сложная графика, SVG и таблицы данных

Как превратить в текст то, что нарисовано: дерево решений для alt, каталог случаев с кодом, длинные описания для графиков и карт, четыре режима доступного SVG, разметка …

#доступность#a11y#wcag

Статья

Семантический HTML: структура, формы, метаданные и почему теги важны

Как разметка превращается в дерево доступности, ориентиры, формы и превью в мессенджерах — и почему div-суп стоит вам скорости, конверсии и пользователей.

#frontend#html#семантика

Статья

Семантика как фундамент: нативные элементы против div-супа

Почему дерево доступности строится из тегов, что именно ломается при замене button на div и как за пять минут руками проверить семантику своей страницы

#доступность#html#семантика

Статья

ARIA: роли, свойства, состояния и правило «лучше без ARIA»

Как ARIA описывает интерфейс скринридеру, из чего состоят роли, свойства и состояния, почему нативный HTML почти всегда лучше и как проверить разметку руками за пять …

#доступность#aria#html

Статья

Сегодня короткий пост на тему реализации модальных окон без Javascript, на чи…

Сегодня короткий пост на тему реализации модальных окон без Javascript, на чистом HTML + CSS. Раньше приходилось писать ужасный обвяз вокруг перекрытий, а тепе…

#medium#development#web