Доступность

Этот документ описывает различные дизайнерские решения для улучшения доступности сайта на Elgg.

Формы

Поля ввода всегда должны иметь связанную метку. При использовании elgg_view_field($options) для отрисовки полей в форме вам нужно передать $options['#label']  = elgg_echo('my_field:label'), чтобы у поля была правильная метка.

Если у вас есть форма, которая будет выполнять поиск при отправке, рекомендуется добавить 'role' => 'search' к атрибутам вашей формы. Вы можете указать это в $form_vars при использовании elgg_view_form().

Изображения

При использовании elgg_view('output/img', $options) рекомендуется предоставить alt-описание изображения. Elgg будет сообщать уведомления в журнале ошибок, чтобы разработчики знали, когда отсутствует атрибут alt.

Заголовки

Заголовки следует использовать для придания структуры странице. На странице всегда должен быть h1, и не должно быть пропусков (то есть не должно быть h3 без h2).

Elgg использует h1 для заголовка страницы (например, „Все блоги“, заголовок блога или название группы на странице профиля группы). Заголовок h2 используется модулями на странице, например модулем „информация“, виджетом или модулем в боковой панели.

Контент, созданный пользователями, с разметкой, например описание блога, не должен позволять использование h1, а должен начинаться с h2 как заголовка первого уровня. Конфигурация плагина CKEditor уже обрабатывает это.

Разделы

Веб-страница в Elgg обычно разделена на следующие разделы:

  • header для содержимого верхней панели, такого как логотип сайта, навигация по сайту и поиск

  • main — основное содержимое, например страница блога или обзор участников

  • footer обычно находится в нижней части страницы и содержит некоторые ссылки или другую информацию, связанную с сайтом