Тъй като все повече клиенти ни питат за разликите между нива A, AA и AAA при съответствие на уеб сайтове, решихме да подготвим кратък материал за правилата за онлайн достъпност.

Какво е WCAG?

Насоките за достъпност на уеб съдържанието (накратко „WCAG“) са набор от правила за създаване на уеб сайт, достъпен за всички потребители – особено за хора с увреждания. WCAG е международен стандарт с три нива на достъпност:

Ниво A – основни функции за достъпност

Ниво AA – решава най-често срещаните затруднения за хората с увреждания

Ниво AAA – най-високо (и най-сложно) ниво на достъпност

Най-добре е да приложите колкото се може повече технически насоки, които уебсайтът ви позволява, независимо дали целите ниво AAA. За повечето сайтове нивото AA е оптималният стандарт, препоръчан от ADA, тъй като някои от правилата за AAA не винаги могат да се приложат, а и повечето правителствени сайтове използват именно тези насоки.

Какви данни в сайта разглеждат насоките за достъпност?

Повечето правила са логични препоръки, които помагат на разработчиците да интегрират решения за хора с увреждания. WCAG се основава на 4 основни принципа.

Съдържанието трябва да е възприемаемо: потребителите трябва да могат да достъпят информацията чрез едно или повече сетива: зрение, слух или допир. Препоръките включват:

• Осигурете текстови алтернативи за всички нетекстови елементи (изображения, бутони, формуляри, карти и др.). (AA)
• Добавете субтитри към всички медии със звук. (AA)
• Добавете описателен текст или аудио описание за видеа без звук. (AA)
• Добавете жестомимичен превод към всички медии със звук. (AAA)
• Маркирайте семантични заглавия и описания на таблици с данни. (AA)
• Подредбата за четене и навигация трябва да е логична и интуитивна. (AA)
• Направете съдържанието ясно различимо, като отделите преден план от фон. (A)
• Не използвайте само цвят, звук или форма за предаване на информация. (A)
• Страниците трябва да са четими и функционални при увеличение до 200%. WCAG препоръчва текстът да е поне 24px. (AA)

Уебсайтът трябва да е оперативен: потребителите трябва да могат да взаимодействат с него чрез мишка, клавиатура, гласови команди и др.

• Осигурете работа с интерфейси, форми и бутони чрез клавиатура. (AAA)
• Дайте на потребителите достатъчно време да прочетат информацията. Автоматично обновяващо се съдържание трябва да може да се спира. (A)
• Съдържанието не трябва да предизвиква гърчове или физически реакции (напр. да няма мигащи елементи над 3 пъти в секунда). (A)
• Сайтът трябва да е лесен за навигация, с ясни ориентири, логична структура, правилен ред на линкове, етикети и интерактивни контроли. (AA)
• Функциите трябва да могат да се използват и без клавиатура. (AA)

Съдържанието трябва да е разбираемо: четимо за всички потребители.

• Езикът на страницата трябва да е зададен с HTML атрибут. (A)
• Думите не трябва да са двусмислени или непознати. Ако са, трябва да се обяснят при първата им употреба.
• Ако произношението е ключово за разбирането – осигурете речник или линк. (A)
• Сайтът трябва да работи предвидимо – навигация, линкове и контроли трябва да са еднакви на всички страници.
• Формите трябва да помагат за избягване и коригиране на грешки, с ясни инструкции и обозначения.

Уебсайтът трябва да е надежден: разработен с качествен код, който работи във всички браузъри и устройства.

• WCAG дава тестови критерии за проверка на дизайн, спецификации, поръчки, договори и др. Съществуват различни услуги за валидация на маркиране.

Пълното съответствие с WCAG изисква опит в дизайна и програмирането. Можете да го мислите като изграждане на дом, пригоден за хора с различни увреждания. Всеки елемент от съдържанието, медията и интерфейса трябва да е съобразен с нуждите им. В тази статия споделяме само обзор, а за пълни подробности прегледайте официалния документ WCAG.

Ако се притеснявате за правните изисквания, проверете специфичното законодателство във вашата държава или регион. Ако достъпността е критична за вашата онлайн общност, потърсете съвет от квалифициран юрист, за да определите точните цели за съответствие.

Като уеб разработчици можем да ви помогнем да проектирате или одитирате сайта си за достъпност. Ако ви трябва пълно съответствие с ниво AA или AAA, бъдете готови за по-сложен процес на разработка и управление на съдържанието, който да издържи на тестове и проверки.

За помощ при създаване на модерен и достъпен уебсайт за вашия бранд, пишете ни на info@edesign.bg.
Вижте примери от нашата работа тук.