Специальные возможности: подготовка структуры сайта
3 мин. чтения
Иерархия сайта (ее структура) помогает веб-браузерам и программам чтения с экрана понять, как должен быть организован контент сайта. Вы можете добавить HTML-теги к тексту сайта, чтобы указать его место в порядке сайта и обеспечить четкое взаимодействие для посетителей.
Рекомендации по подготовке текста
При подготовке текста для сайта мы рекомендуем учитывать следующие рекомендации:
- Используйте теги HTML для текста: каждая страница должна иметь заголовок H1, а после него теги HTML на каждой странице должны быть последовательными. Например, если основным заголовком на странице является тег H1, подзаголовок должен быть H2 и т. д. Это позволяет посетителям с нарушениями зрения перемещаться по контенту в логическом порядке.
- Заголовки должны быть описательными: заголовки можно рассматривать как метки для текста ниже (это также важно для SEO).
- Интервал важен: при редактировании текста, если вы хотите разбить заголовок на несколько строк, используйте клавиши Shift + Enter, чтобы вставить разрыв строки, вместо Enter, который создает новый элемент заголовка в каждой строке.
- Добавьте заголовки в тело страницы: H1, добавленные в хедер сайта, появятся на всех страницах, где отображается хедер. Поэтому мы рекомендуем добавлять заголовки в тело страницы.
Совет: если у вас одностраничный сайт без дополнительных страниц, вы можете проигнорировать эту рекомендацию.
Добавление HTML-тегов к тексту
Добавьте HTML-теги к тексту сайта, чтобы определить его иерархию. Вы можете установить тег в настройках / дизайне текста в редакторе или выбрать его в Мастере спецвозможностей (только для сайтов, созданных в редакторе Wix).
Редактор Studio
Редактор Wix
Мастер спец.
- Нажмите значок Открыть инспектор в правом верхнем углу редактора.
- Перейдите во вкладку Дизайн .
- Выберите HTML-тег из раскрывающегося меню.
![Вкладка дизайн в панели инспектора открыта. Курсор нажимает на раскрывающееся меню HTML-тега.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg)
Полезно знать:
Контент веб-страницы «читается» в соответствии с порядком DOM страниц сайта. Вы можете проверить этот порядок и при необходимости изменить его. Подробнее об организации порядка на сайте
Следующий шаг:
Вернитесь к контрольному списку доступности, чтобы продолжить улучшать сайт для доступности.