3.4: Принципи WCAG

Last updated
Save as PDF

Page ID: 103781

\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)

Чотири керівні принципи WCAG говорять про те, що веб-вміст повинен бути сприйнятим, працездатним, зрозумілим та надійним (POUR), щоб бути доступним для людей з обмеженими можливостями.

Сприймається - Інформація та компоненти інтерфейсу користувача повинні бути презентабельними для користувачів у спосіб, який вони можуть сприймати.
- Це означає, що користувачі повинні вміти сприймати представлену інформацію (вона не може бути невидимою для всіх їхніх почуттів)
Працездатність — компоненти інтерфейсу користувача та навігація повинні бути працездатними.
- Це означає, що користувачі повинні мати можливість керувати інтерфейсом (інтерфейс не може вимагати взаємодії, яку користувач не може виконати)
Зрозуміло — інформація та робота інтерфейсу користувача повинні бути зрозумілими.
- Це означає, що користувачі повинні мати можливість розуміти інформацію, а також роботу користувальницького інтерфейсу (вміст або операція не можуть бути поза їх розумінням)
Надійний - Вміст повинен бути достатньо надійним, щоб його можна було надійно інтерпретувати найрізноманітніші агенти користувачів, включаючи допоміжні технології.
- Це означає, що користувачі повинні мати доступ до вмісту в міру просування технологій (у міру розвитку технологій та агентів користувачів вміст повинен залишатися доступним)

Джерело: Введення в розуміння WCAG 2.0

Сприйнятий

Щоб вміст був сприйнятим, потрібно мати можливість сприймати його через кілька почуттів. Хоча існує безліч способів надання альтернатив, які можна сприймати через альтернативні органи чуття (наприклад, аудіо описи візуального вмісту для сліпих, або інтерпретація аудіовмісту мовою жестів для тих, хто глухий), альтернативи тексту, як правило, є найкращим вибором.

Текст може бути перетворений в різні форми. Його можна прочитати вголос за допомогою програмного забезпечення для читання екрану або перетворити на шрифт Брайля для тих, хто сліпий. Його можна перекласти на інші мови для тих, хто читає другою мовою, або його можна збільшити, не втрачаючи різкого вигляду для тих, хто має низький зір. Його колір можна легко змінити, щоб зробити його більш читабельним для тих, хто сліпий або потребує високої контрастності.

Ключовий момент: Звичайний текст є найбільш адаптованим альтернативним форматом, оскільки його можна легко перетворити на різноманітні форми, щоб зробити вміст сприйнятим у широкому діапазоні потреб доступності.

Працездатний

У контексті веб-доступності працездатність, як правило, означає, що щось функціональне за допомогою клавіатури. Якщо функціональні елементи не працюють на клавіатурі, вони будуть недоступні багатьом користувачам.

Розробники часто створюють функції, які працюють за допомогою миші, іноді не звертаючи уваги на функціональність клавіатури. Більшість людей, які отримують доступ до Інтернету, дійсно використовують мишу, але багато хто цього не робить. Людина, яка є сліпим, навряд чи буде використовувати мишу, але замість цього буде покладатися майже виключно на доступ до клавіатури. Потужні користувачі, часто розробники або програмісти, також, як правило, є користувачами клавіатури, тому юзабіліті втрачається для цієї групи, а також, коли доступ до клавіатури не запрограмований.

Оперативний також може означати функціональне використання свого голосу. Деякі люди з серйозними руховими порушеннями використовують програмне забезпечення для розпізнавання голосу разом із комутаторами (див. Малюнок нижче) для керування своїми комп'ютерами та навігації в Інтернеті. Це означає, що повинен бути текст, пов'язаний з функціональними елементами, такими як графічні кнопки, тому можна говорити текст, щоб зосередитися на елементі, і ці елементи повинні бути працездатними на клавіатурі, щоб перемикач можна було використовувати для активації елемента. Натискання перемикача подібне до натискання клавіші Enter або пробілу на клавіатурі або клацання мишею.

Великий кнопковий перемикач

Малюнок: Кнопковий перемикач, який використовується для реплікації клацання миші
Джерело: Вікіпедія

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

Зрозуміло

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

Другий аспект розуміння стосується узгодженості та простоти використання елементів навігації на сайті, зменшення кількості елементів навігації та послідовного представлення цих елементів на всьому веб-сайті. Це може покращити зручність використання для багатьох користувачів, включаючи сліпих, людей з когнітивними або навчальними вадами та літніх користувачів.

Людина, яка є сліпим і використовує екранний читач для навігації по сайту часто присвятить певні зусилля відображенню пам'яті навігаційної структури сайту, так само, як можна візуалізувати подорожі з точки А в точку Б через будівлю або по міських вулицях. Якщо структура навігації змінюється, це часто може призвести до плутанини та необхідності знову відображати навігаційну структуру. Якщо навігація залишається послідовною, її потрібно вивчити лише один раз, після чого пізнавальні зусилля можуть зосередитися на розумінні важливого вмісту веб-сторінки чи веб-сайту.

Ключовий момент: Використовуйте прості, послідовні, передбачувані елементи навігації по всьому веб-сайту.

Міцний

Надійний, як описано W3C, означає, що вміст добре працює у широкому діапазоні веб-технологій та допоміжних технологій. Це, як правило, означає використання технології до стандарту. Веб-браузери та допоміжні технології засновують свій розвиток на таких стандартах, як HTML, і здатні інтерпретувати вміст, який створюється стандартним способом. Коли вміст відрізняється від стандарту, допоміжні технології часто мають проблеми з інтерпретацією. Не весь вміст повинен відповідати стандартам, але коли створюється користувальницький вміст, який не відповідає, слід надати вторинну стандартизовану версію, щоб вміст «граціозно погіршувався». Веб-вміст, який погіршується витончено, призначений для найкращого функціонування в найсучасніших браузерах та допоміжних технологіях, а потім, оскільки старіші, менш багатофункціональні технології переглядають його, він повинен погіршуватися таким чином, який все ще функціональний, але з меншою кількістю функцій.

Технічні: З появою WAI ARIA тепер можна відірватися від стандарту, можливо, використовуючи HTML новими способами, які спочатку не були призначені. Атрибути ARIA можна використовувати для опису ролі, станів та властивостей користувацьких елементів. Наприклад, <div>елемент HTML ніколи не мав наміру бути інтерактивним, але з деякими JavaScript можна додати функціональність клацання, хоча з точки зору допоміжних технологій <div>це просто контейнер без функціональності.

А <div>був використаний нестандартно в цьому випадку. ARIA тепер може бути додана до цього <div>налаштованого, щоб дати йому роль = «кнопка», наприклад, і зробив фокусується додавання атрибута tabindex, і зробити клікабельним, додаючи атрибут aria-pressed, щоб описати його стан як натиснутий або не натиснутий, і так далі.

Є й інші випадки, коли можуть використовуватися нестандартні технології, такі як вбудовані об'єкти Flash або аплети Java. Незважаючи на те, що ці об'єкти можна зробити дещо доступними, до них часто складно отримати доступ та ефективно працювати з допоміжними технологіями. У таких випадках зазвичай потрібні альтернативи. Деякі інструменти розробки Flash, наприклад, надають можливість генерувати HTML-версію, хоча вони, як правило, є статичними представленнями того, що було інтерактивним у Flash. Там, де це можливо, HTML5, з CSS, сценаріями та ARIA слід використовувати для розробки інтерактивного контенту для Інтернету.

HTML5 і ARIA будуть більш детально розглянуті в блоці 8[1].

Ключовий момент: Там, де використовуються нестандартні технології або де стандартні технології використовуються нестандартними способами, надайте стандартизовані альтернативи, щоб дозволити вмісту граціозно деградувати.