alexilin

В процессе разработки сайта разработчики часто не используют простые возможности, которые могут повысить доступность. Вот небольшой перечень таких способов.

Правильное отображение без CSS

Это наиболее важный пункт. Убедитесь что страница имеет правильную логическую последовательность структурных элементов. Не полагайтесь на css в этом вопросе.

Разделяйте ссылки

Помимо простых пробелов разделяйте смежные ссылки еще чем-нибудь. Устройства для чтения с экрана воспринимают ссылки без пробелов как одну.

Придайте ссылкам смысл

Убедитесь что ссылки имею определенный смысл. Например используйте следующий тест для ссылки: «прочитать статью полностью», вместо такого: «нажмите здесь».

Сделайте ссылку на основное содержимое

Позвольте пользователю пропустить навигацию. Если вы используете навигационное меню в начале каждой страницы такая ссылка позволит сразу перейти к основному содержимому, не тратя каждый раз время на навигацию. Это имеет отношение не только к пользователям с ограниченными возможностями, но также будет полезным и для обычных пользователей и мобильного интернета.

Сделайте текстовую альтернативу для нетекстовых данных

Обычно в этом случае речь идет об изображениях. Для изображений нужно использовать атрибут alt, значение которого должно отражать содержание изображения. Также существует атрибут longdesc для длинных описаний. Для изображений не имеющих смысла можно использовать пустой атрибут alt="". Также можно описать содержимое изображения прямо на странице.

Таблицы

Выделяйте заголовки строк и столбцов. В этом вам поможет элемент th со специальным оформлением вместо обычного td. Чтобы описать содержимое таблицы используйте элемент caption. Для описания несколькими словами можно использовать атрибут title у элемента table. Чтобы описать назначение таблицы нужно использовать атрибут summary. Это особо важно для пользователей с ограниченными возможностями.

Скрипты

Убедитесь что ваш сайт корректно работает с отключенными скриптами. Не используйте JS для навигации или для просмотра содержимого. Если же без скриптов обойтись нельзя, обеспечьте альтернативные способы взаимодействия с этими элементами.

Цвет

Убедитесь что информация представленная на странице в цветовом оформлении, хорошо воспринимается и без него. В противном случае, пользователи с цветовой слепотой не смогут нормально воспринимать такую информацию.

Ссылка на специальную страницу

Если вы можете сделать отдельную страницу для пользователей с ограниченными возможностями, сделайте ссылку на нее.

Проверка

Проверяйте сайт на наличие ошибок с помощью различных сервисов.

Оригинал: 11 Accessibility Tips