Будівництво веб-сторінки, доступної для осіб із порушеннями зору (1 з 3) - 25 Рекомендацій щодо доступності інтернет-сайтів. ВАЖЛИВО: ПОВЕРНУТИ ТІЛЬКИ ПЕРЕКЛАДЕНИЙ ТЕКСТ ТА НІЧОГО БІЛЬШЕ. ЯКЩО Є URL-ПОСИЛАННЯ, НЕ ПЕРЕКЛАДАЙТЕ ЙОГО.
Усі графічні елементи мають мати змістовні альтернативні тексти (alt), які описують зміст графіки або, якщо графіка є посиланням, - куди веде це посилання. Якщо графіка має чисто декоративне призначення, то має мати "порожній атрибут alt". Треба уникати анімованих елементів, рухливих текстів, оскільки вони розсіюють увагу всіх користувачів, не тільки осіб з обмеженими можливостями. Деякі особливо агресивно і швидко анімовані графіки можуть бути небезпечними для людей із фотогенною епілепсією! Усі звукові файли (виступи, інтерв'ю, лекції) повинні мати письмову транскрипцію. Плеєри для цих файлів, розміщені на сторінці, повинні бути доступні для використання за допомогою клавіатури і бути доступними для незрячих осіб. Усі відео файли повинні мати субтитри для глухих осіб. Плеєри повинні бути доступні для незрячих осіб та осіб, що використовують лише клавіатуру. Усі медіа-файли та Flash-файли повинні бути доступні або надані у альтернативному вигляді. Файли PDF, Word та інші популярні файли для завантаження повинні бути підготовлені як доступні. Наприклад, файли PDF повинні мати структуру, яка допомагає незрячим особам переглядати такі документи. Тексти, що розміщені на сайті, повинні бути написані якомога простіше, щоб до них мали доступ менш освічені особи, а також особи з інтелектуальними вадами. Тексти повинні бути опубліковані зрозуміло - розділені на абзаци, списки та інші секції; не по правому краю; скорочення літер мають бути розкриті у першому виявленні на кожній сторінці. Текст повинен бути доданий заголовками (h1-h6), щоб незрячі особи могли швидко перейти до цікавої їх секції. Навігація (меню) повинна бути послідовною, логічною і незмінною в межах сайту. Навігація по всьому сайту повинна бути доступна з клавіатури. Усі активні елементи, такі як посилання, банери або поля форми, повинні мати чіткий візуальний фокус (зазвичай у вигляді рамки, видимої під час навігації по сторінці з допомогою клавіші TAB). Рекомендується посилення типового фокусу, щоб він був видимий також для слабозорих осіб. Усі посилання повинні бути унікальними і зрозумілими, навіть виходячи з контексту. Не слід використовувати посилання у вигляді: ">>" або "більше" або "натисніть тут". Посилання не повинні відкриватися в новому вікні або вкладці браузера без попередження. Рекомендується використання полегшення у вигляді "посилань пропуску", тобто можливості переходу безпосередньо до змісту окремої сторінки. Це особливо важливо на сайтах, що мають десятки посилань у навігації/головному меню. Контраст кольорів усіх елементів, що передають зміст (текстів, посилань, банерів) або функціональних, повинен мати відношення яскравості тексту до фону не менше 4,5 до 1, а найкраще, якщо воно більше 7 до 1. Сторінку повинно бути значно збільшено (щонайменше на 200%) інструментами браузера. Найкраще, якщо в цей момент сторінка все ще поміщається в горизонтальному вікні браузера і не показує горизонтальної смуги прокрутки екрану. Збільшена сторінка не повинна "втрачати" вміст. Всі заголовки (title) сторінок мають бути унікальними і повідомляти про зміст підсторінки, на якій знаходиться користувач. Розміщення контенту у заголовку повинно бути побудоване за схемою: [Заголовок підсторінки] - [Назва Інституції]. Усі підсторінки повинні базуватись на заголовках. Заголовки (h1-h6) є основним способом структурування вмісту на сторінці. Заголовок h1 повинен бути заголовком основного тексту на сторінці. Для структурування вмісту в текстах або елементах навігації слід використовувати невпорядковані та впорядковані списки. Мова сторінки та мова фрагментів іншомовних повинна бути визначена атрибутом lang. Цитати мають бути відповідно виділені - щонайменше лапками. Код сайту має бути згідним зі стандартами і не використовувати таблиці як конструктивний елемент сторінки. Таблиці, що передають дані, повинні бути побудовані якомога простіше і мати заголовки. Всі рамки повинні бути відповідним чином названі. Усі скрипти та аплети повинні бути доступні для незрячих осіб та осіб, що використовують лише клавіатуру. Форми, включаючи форму пошуку, повинні бути побудовані згідно зі стандартами. Всі поля форм та кнопки мають бути належним чином описані. Сайт повинен бути доступний в браузерах та пристроях з вимкненою підтримкою CSS.
Усі графічні елементи мають мати змістовні альтернативні тексти (alt), які описують зміст графіки або, якщо графіка є посиланням, - куди веде це посилання. Якщо графіка має чисто декоративне призначення, то має мати "порожній атрибут alt". Треба уникати анімованих елементів, рухливих текстів, оскільки вони розсіюють увагу всіх користувачів, не тільки осіб з обмеженими можливостями. Деякі особливо агресивно і швидко анімовані графіки можуть бути небезпечними для людей із фотогенною епілепсією! Усі звукові файли (виступи, інтерв'ю, лекції) повинні мати письмову транскрипцію. Плеєри для цих файлів, розміщені на сторінці, повинні бути доступні для використання за допомогою клавіатури і бути доступними для незрячих осіб. Усі відео файли повинні мати субтитри для глухих осіб. Плеєри повинні бути доступні для незрячих осіб та осіб, що використовують лише клавіатуру. Усі медіа-файли та Flash-файли повинні бути доступні або надані у альтернативному вигляді. Файли PDF, Word та інші популярні файли для завантаження повинні бути підготовлені як доступні. Наприклад, файли PDF повинні мати структуру, яка допомагає незрячим особам переглядати такі документи. Тексти, що розміщені на сайті, повинні бути написані якомога простіше, щоб до них мали доступ менш освічені особи, а також особи з інтелектуальними вадами. Тексти повинні бути опубліковані зрозуміло - розділені на абзаци, списки та інші секції; не по правому краю; скорочення літер мають бути розкриті у першому виявленні на кожній сторінці. Текст повинен бути доданий заголовками (h1-h6), щоб незрячі особи могли швидко перейти до цікавої їх секції. Навігація (меню) повинна бути послідовною, логічною і незмінною в межах сайту. Навігація по всьому сайту повинна бути доступна з клавіатури. Усі активні елементи, такі як посилання, банери або поля форми, повинні мати чіткий візуальний фокус (зазвичай у вигляді рамки, видимої під час навігації по сторінці з допомогою клавіші TAB). Рекомендується посилення типового фокусу, щоб він був видимий також для слабозорих осіб. Усі посилання повинні бути унікальними і зрозумілими, навіть виходячи з контексту. Не слід використовувати посилання у вигляді: ">>" або "більше" або "натисніть тут". Посилання не повинні відкриватися в новому вікні або вкладці браузера без попередження. Рекомендується використання полегшення у вигляді "посилань пропуску", тобто можливості переходу безпосередньо до змісту окремої сторінки. Це особливо важливо на сайтах, що мають десятки посилань у навігації/головному меню. Контраст кольорів усіх елементів, що передають зміст (текстів, посилань, банерів) або функціональних, повинен мати відношення яскравості тексту до фону не менше 4,5 до 1, а найкраще, якщо воно більше 7 до 1. Сторінку повинно бути значно збільшено (щонайменше на 200%) інструментами браузера. Найкраще, якщо в цей момент сторінка все ще поміщається в горизонтальному вікні браузера і не показує горизонтальної смуги прокрутки екрану. Збільшена сторінка не повинна "втрачати" вміст. Всі заголовки (title) сторінок мають бути унікальними і повідомляти про зміст підсторінки, на якій знаходиться користувач. Розміщення контенту у заголовку повинно бути побудоване за схемою: [Заголовок підсторінки] - [Назва Інституції]. Усі підсторінки повинні базуватись на заголовках. Заголовки (h1-h6) є основним способом структурування вмісту на сторінці. Заголовок h1 повинен бути заголовком основного тексту на сторінці. Для структурування вмісту в текстах або елементах навігації слід використовувати невпорядковані та впорядковані списки. Мова сторінки та мова фрагментів іншомовних повинна бути визначена атрибутом lang. Цитати мають бути відповідно виділені - щонайменше лапками. Код сайту має бути згідним зі стандартами і не використовувати таблиці як конструктивний елемент сторінки. Таблиці, що передають дані, повинні бути побудовані якомога простіше і мати заголовки. Всі рамки повинні бути відповідним чином названі. Усі скрипти та аплети повинні бути доступні для незрячих осіб та осіб, що використовують лише клавіатуру. Форми, включаючи форму пошуку, повинні бути побудовані згідно зі стандартами. Всі поля форм та кнопки мають бути належним чином описані. Сайт повинен бути доступний в браузерах та пристроях з вимкненою підтримкою CSS.
2 users upvote it!
0 answers