Доступность сайта (accessibility)
Сайтом пользуются очень разные люди: кто-то не видит и слушает страницу голосовым помощником, кто-то не пользуется мышью, кто-то плохо различает цвета. Доступность — это про то, чтобы сайт был удобен всем, а не только «среднему» посетителю. И приятный бонус: почти всё, что делает сайт доступным, заодно помогает и SEO. Разберём базу.
Что такое доступность
Доступность (по-английски accessibility, сокращённо a11y) — это свойство сайта быть пригодным для людей с разными возможностями: для незрячих и слабовидящих, для тех, кто управляет только клавиатурой, плохо различает цвета или испытывает трудности с мелким текстом. Незрячие, например, «слушают» сайт через программу-скринридер, которая читает содержимое вслух — и от того, как сделан сайт, зависит, поймёт ли человек, что на странице.
Зачем это нужно
- Это люди и клиенты. Посетителей с особенностями восприятия больше, чем кажется. Недоступный сайт просто теряет их как аудиторию.
- Это удобнее всем. Хороший контраст, понятная навигация и крупный текст помогают и обычным посетителям — особенно на ярком солнце или с телефона.
- Это пересекается с SEO. Поисковый робот «воспринимает» сайт похоже на скринридер — по тексту и структуре, без картинки глазами. Что понятно роботу, то доступно и незрячему, и наоборот.
База доступности (и заодно SEO)
Где доступность и SEO совпадают
Это самое приятное. Атрибут alt у картинок нужен и скринридеру, и поиску по картинкам. Правильная иерархия заголовков H1–H6 помогает и незрячему ориентироваться, и поисковику понимать структуру. Осмысленный текст ссылок (вместо «нажмите сюда») полезен и тем, и другим. Семантические теги делают страницу понятной и роботу, и вспомогательным программам. Поэтому работа над доступностью почти всегда улучшает и техническое SEO — без отдельных усилий.
Коротко
Доступность (accessibility, a11y) — это пригодность сайта для всех, включая незрячих, людей без мыши и тех, кто плохо различает цвета. Базу составляют alt у картинок, правильная иерархия заголовков, достаточный контраст, навигация с клавиатуры, подписи к полям форм и семантическая вёрстка. Большая часть этого совпадает с техническим SEO: поисковый робот воспринимает сайт похоже на скринридер — по тексту и структуре. Поэтому делая сайт доступнее, вы заодно помогаете и продвижению.