Строительство веб-сайта, доступного для людей с нарушениями зрения (1 из 3) - 25 Рекомендаций по доступности веб-сайтов.
1. Все графические элементы должны иметь краткий альтернативный текст (alt), который описывает, что находится на изображении или, если изображение является ссылкой - куда ведет эта ссылка. Если графика является чисто декоративной, она должна иметь "пустой атрибут alt". 2. Следует избегать анимированных элементов, движущихся текстов, так как они отвлекают всех пользователей, не только людей с ограниченными возможностями. Некоторые особенно агрессивные и быстро анимированные изображения могут представлять угрозу для людей, страдающих фотогенной эпилепсией! 3. Все аудиофайлы (передачи, интервью, лекции) должны быть сопровождены текстовой транскрипцией. Плееры для этих файлов, размещенные на сайте, должны быть доступны для работы с клавиатурой и быть доступными для незрячих. 4. Все видеофайлы должны быть сопровождены субтитрами для глухих. Плееры должны быть доступны для незрячих и для людей, использующих только клавиатуру. 5. Все мультимедийные и Flash-файлы должны быть доступными или предоставлены в альтернативной форме. 6. Файлы PDF, Word и другие популярные загружаемые файлы должны быть подготовлены с учетом доступности. Например, файлы PDF должны иметь такую структуру, которая помогает незрячим людям просматривать такие документы. 7. Тексты, размещенные на сайте, должны быть написаны, насколько это возможно, простым языком, чтобы имели доступ к ним менее образованные люди, а также люди с интеллектуальными нарушениями. 8. Тексты должны быть опубликованы в читаемом виде - разделены на абзацы, списки и другие разделы; не выравниваются по правому краю; буквенные сокращения должны быть расшифрованы при первом появлении на каждой странице. Текст должен быть снабжен заголовками (h1-h6), чтобы незрячие люди могли легко переходить к интересующему их разделу. 9. Навигация (меню) должна быть последовательной, логичной и неизменной в пределах сайта. Навигация по всему сайту должна быть доступна с помощью клавиатуры. 10. Все активные элементы, такие как ссылки, баннеры или поля формы, должны иметь четкое визуальное фокусирование (обычно в виде рамки, видимой при навигации по странице с помощью клавиши TAB). Рекомендуется усилить стандартное фокусирование, чтобы оно было хорошо видимым также для слабовидящих людей. 11. Все ссылки должны быть уникальными и понятными, даже вне контекста. Не следует использовать ссылки в форме: ">>" или "больше" или "нажмите здесь". Ссылки не должны открываться в новом окне или вкладке без предупреждения. 12. Рекомендуется использование функциональности "skip links", то есть возможности перехода непосредственно к содержимому отдельной страницы. Это особенно важно для сайтов, у которых есть десятки ссылок в навигации / главном меню. 13. Контрастность всех элементов, передающих содержание (текстов, ссылок, баннеров) или функциональных, должна иметь соотношение яркости текста к фону не менее 4,5 к 1, а лучше, если оно не менее 7 к 1. 14. Страницу должно быть значительно (не менее 200%) возможно увеличить с помощью инструментов браузера. Лучше всего, если страница все время помещается в горизонтальном окне браузера и не показывает горизонтальную полосу прокрутки экрана. Увеличенная страница не должна "терять" содержимого. 15. Все заголовки (title) страниц должны быть уникальными и информировать пользователя о содержании подстраницы, на которой находится пользователь. Форматирование содержания в заголовке должно быть построено по схеме: [Заголовок подстраницы] - [Название организации]. 16. Все подстраницы должны быть основаны на заголовках. Заголовки (h1-h6) являются основным способом организации содержимого на странице. Заголовок h1 должен быть названием основного текста на странице. 17. Для организации содержимого в текстах или навигационных элементах следует использовать маркированные и нумерованные списки. 18. Язык страницы и язык частей на иностранных языках должны быть указаны атрибутом lang. 19. Цитаты должны быть должным образом выделены - как минимум в кавычках. 20. Код сайта должен соответствовать стандартам и не использовать таблицы в качестве структурного элемента страницы. 21. Таблицы, используемые для передачи данных, должны быть простыми и иметь заголовки. 22. Все фреймы должны быть должным образом названы. 23. Все скрипты и апплеты должны быть доступны для незрячих людей и людей, использующих только клавиатуру. 24. Формы, включая форму поиска, должны быть построены в соответствии со стандартами. Все поля форм и кнопки должны быть правильно описаны. 25. Сайт должен быть доступен в браузерах и устройствах с отключенной поддержкой CSS.
1. Все графические элементы должны иметь краткий альтернативный текст (alt), который описывает, что находится на изображении или, если изображение является ссылкой - куда ведет эта ссылка. Если графика является чисто декоративной, она должна иметь "пустой атрибут alt". 2. Следует избегать анимированных элементов, движущихся текстов, так как они отвлекают всех пользователей, не только людей с ограниченными возможностями. Некоторые особенно агрессивные и быстро анимированные изображения могут представлять угрозу для людей, страдающих фотогенной эпилепсией! 3. Все аудиофайлы (передачи, интервью, лекции) должны быть сопровождены текстовой транскрипцией. Плееры для этих файлов, размещенные на сайте, должны быть доступны для работы с клавиатурой и быть доступными для незрячих. 4. Все видеофайлы должны быть сопровождены субтитрами для глухих. Плееры должны быть доступны для незрячих и для людей, использующих только клавиатуру. 5. Все мультимедийные и Flash-файлы должны быть доступными или предоставлены в альтернативной форме. 6. Файлы PDF, Word и другие популярные загружаемые файлы должны быть подготовлены с учетом доступности. Например, файлы PDF должны иметь такую структуру, которая помогает незрячим людям просматривать такие документы. 7. Тексты, размещенные на сайте, должны быть написаны, насколько это возможно, простым языком, чтобы имели доступ к ним менее образованные люди, а также люди с интеллектуальными нарушениями. 8. Тексты должны быть опубликованы в читаемом виде - разделены на абзацы, списки и другие разделы; не выравниваются по правому краю; буквенные сокращения должны быть расшифрованы при первом появлении на каждой странице. Текст должен быть снабжен заголовками (h1-h6), чтобы незрячие люди могли легко переходить к интересующему их разделу. 9. Навигация (меню) должна быть последовательной, логичной и неизменной в пределах сайта. Навигация по всему сайту должна быть доступна с помощью клавиатуры. 10. Все активные элементы, такие как ссылки, баннеры или поля формы, должны иметь четкое визуальное фокусирование (обычно в виде рамки, видимой при навигации по странице с помощью клавиши TAB). Рекомендуется усилить стандартное фокусирование, чтобы оно было хорошо видимым также для слабовидящих людей. 11. Все ссылки должны быть уникальными и понятными, даже вне контекста. Не следует использовать ссылки в форме: ">>" или "больше" или "нажмите здесь". Ссылки не должны открываться в новом окне или вкладке без предупреждения. 12. Рекомендуется использование функциональности "skip links", то есть возможности перехода непосредственно к содержимому отдельной страницы. Это особенно важно для сайтов, у которых есть десятки ссылок в навигации / главном меню. 13. Контрастность всех элементов, передающих содержание (текстов, ссылок, баннеров) или функциональных, должна иметь соотношение яркости текста к фону не менее 4,5 к 1, а лучше, если оно не менее 7 к 1. 14. Страницу должно быть значительно (не менее 200%) возможно увеличить с помощью инструментов браузера. Лучше всего, если страница все время помещается в горизонтальном окне браузера и не показывает горизонтальную полосу прокрутки экрана. Увеличенная страница не должна "терять" содержимого. 15. Все заголовки (title) страниц должны быть уникальными и информировать пользователя о содержании подстраницы, на которой находится пользователь. Форматирование содержания в заголовке должно быть построено по схеме: [Заголовок подстраницы] - [Название организации]. 16. Все подстраницы должны быть основаны на заголовках. Заголовки (h1-h6) являются основным способом организации содержимого на странице. Заголовок h1 должен быть названием основного текста на странице. 17. Для организации содержимого в текстах или навигационных элементах следует использовать маркированные и нумерованные списки. 18. Язык страницы и язык частей на иностранных языках должны быть указаны атрибутом lang. 19. Цитаты должны быть должным образом выделены - как минимум в кавычках. 20. Код сайта должен соответствовать стандартам и не использовать таблицы в качестве структурного элемента страницы. 21. Таблицы, используемые для передачи данных, должны быть простыми и иметь заголовки. 22. Все фреймы должны быть должным образом названы. 23. Все скрипты и апплеты должны быть доступны для незрячих людей и людей, использующих только клавиатуру. 24. Формы, включая форму поиска, должны быть построены в соответствии со стандартами. Все поля форм и кнопки должны быть правильно описаны. 25. Сайт должен быть доступен в браузерах и устройствах с отключенной поддержкой CSS.
2 users upvote it!
0 answers