MaKvc
@MaKvc
Отчаянный веб-разработчик

Нужна ли формам семантика?

Добрый день! Задался вопрос, а нужна ли формам семантика? Речь идет как о семантической HTML разметки, использование соответствующих, семантических тегов для разметки формы, так и о дополнительных технологиях по типу ARIA.
Может я чего-то не понимаю... Допустим, есть сайт, который продает разноцветные карточки с мелко перфорированными (порядке 5-ти соток) цитатами великих людей. На этом сайте есть фильтры (большая форма). Понятно что все плохо видящие и уж тем более слепые, это не аудитория сайта ))
Поисковые системы, как я понял из уже прочитанного, формами несильно интересуются...
Так и что получается? Если сайт изначально не учитывает людей с ограниченными возможностями, можно пренебречь доступностью в угоду простоте и минимализма? Или есть и другие причины, почему нужно уделять внимание доступности?
  • Вопрос задан
  • 399 просмотров
Решения вопроса 2
@asmodeus13th
Семантика нужна не только для удобства слепых и любителей TAB клавиши. Почитай статьи, как это влияет на поиск в гугле, восприятие плагинами, дополнениями и ботами. Даже тот же ИИ настраивают под семантику. В эту тему можно нырнуть на очень большое время, но основа (вкратце) - возможность понимать друг друга. Время , потраченное на создание архитектуры проекта, может быть больше, чем на написание кода. Зачем? А это самое интересное! Во- первых, ты уберегаешь себя и коллег от возможных багов и позволяешь легко ориентироваться по файлам, не зависимо от размера и познания в проекте. Хороший код - тот, который можно легко читать. Зачастую приходиться уступать производительностью ради читабельности. Придерживаться семантики - значит писать в едином стиле со всеми разработчиками. Даже если опустить архитектуру, то семантика нужна и для различных ботов. Вот написал я плагин для хрома, который делает мини-навигацию по форме (на самом деле ничего я не писал, просто привожу пример) и ориентируется поиск по тегу с формой, а у тебя на странице такого даже нет и всё, плагин работать не будет. А теперь представь какую фичу ты упускаешь, когда прячешь разметку от гугловских ботов. Любые таблицы, правила, списки и прочие семантические данные выводятся на странице поиска. Попробуй загуглите какую-то страну или инструкцию для, например, убунту. Гугл выведет информацию из Википедии или другого ресурса, не заходя на сайт. Думаешь, Телеграм не использует семантику? Вот весь такой оптимизирован благодаря ей. Посмотри на ютубе семинары от HTML Academy по семантике. Там всё доступно объясняют (что очень большая редкость для онлайн курсов). Понятное дело, что собирая сайт через фреймворки или путем встраивания html из js, боты не увидят эту семантику, а просто один тег с Id=“root”. Если взять в пример Figma, то семантики ты не увидишь, так как это не задумывалось как сайт, а скорее как приложение. Не придумали в html ещё таких тэгов как «рисовать пером» или что-то вроде «шаблон шаблона страницы». В общем семантика должна быть там, где она уместна. Если тебе не нужны привилегии семантической разметки или это соло проект без развития или вообще ты делаешь проект на оте*бись для плохого заказчика за 5$, то можешь не заморачиваться. Но в остальных случаях хорошей практикой, да и просто для себя, будет уместно и очень полезно использование семантики.
Ответ написан
alexey-m-ukolov
@alexey-m-ukolov Куратор тега HTML
Семантика не только для слабовидящих. Она, например, про управление с клавиатуры, когда во второй руке у вас ребенок или кот.
А слабовидящие могут выбирать подарок для человека с хорошим зрением, например.

Семантика — это довольно дешёвый способ обеспечения доступности.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы