Четирите принципа на WCAG
WCAG (Насоки за достъпност на уеб съдържанието) се основават на четири принципа: възприемаемост, оперативност, разбираемост и устойчивост. Те важат независимо от езика на съдържанието. Възприемаемост означава, че цялата информация може да бъде възприета и от потребители със зрителни или слухови увреждания. Оперативност гарантира, че всички функции са достъпни чрез клавиатура и без времеви ограничения. Разбираемост изисква ясен език и последователна навигация. Устойчивост осигурява съвместимост с асистивни технологии. За международни уебсайтове тези принципи трябва да бъдат приложени еднакво във всяка езикова версия.
Езиково маркиране с атрибута lang
Атрибутът lang в HTML елемента указва естествения език на страница или раздел. Екранните четци използват този атрибут, за да изберат правилно произношение и интонация. За многоезични страници lang атрибутът трябва да бъде зададен правилно на главната страница и при езикови промени в текста. Например: <html lang=“de“> за немски и <span lang=“en“> за английски пасажи. Ако този атрибут липсва, използването на страницата може значително да се затрудни за хора със зрителни увреждания. Затова проверявайте всеки езиков вариант за пълно и коректно атрибутиране.
Контрасти и цветове
Достатъчните контрасти между текст и фон са от съществено значение за четливостта. Ниво AA на WCAG изисква контрастно съотношение от най-малко 4,5:1 за нормален текст и 3:1 за голям текст. Това важи за всички езици на уебсайта. Избягвайте използването само на цветови разлики за информация, тъй като потребителите с цветна слепота не могат да ги разпознаят. Използвайте допълнително символи или текстови маркери. Цветовите схеми трябва да се проверяват във всички локални версии, тъй като културните асоциации могат да варират. Тествайте страниците си с инструменти за анализ на контраста по време на разработката.
Клавиатурно управление
Всички интерактивни елементи трябва да могат да се достигнат и управляват чрез клавиатура. Това включва връзки, бутони, полета за формуляри и менюта. Фокусът трябва да бъде видим, за предпочитане чрез ясна рамка на фокуса. Избягвайте елементи, които работят само с мишка или докосване. Особено при международни страници със сложна навигация, клавиатурното управление трябва да се тества във всяка езикова версия. Динамични съдържания като модални прозорци трябва да управляват правилно фокуса. Уверете се, че редът на елементите в DOM съответства на логическия ред и не се определя единствено от CSS.
Alt текстове в многоезичен контекст
Alt текстовете описват изображения за екранни четци и трябва да бъдат на езика на обграждащата страница. При многоезични уебсайтове това означава: всяко изображение получава Alt текст в съответната езикова версия. Не използвайте автоматични преводи, а създайте подходящи описания за всяка целева група. Графиките с текст трябва да предават съдържащия се текст като Alt текст. Декоративните изображения получават празен Alt текст (alt=““), за да бъдат игнорирани от асистивни технологии. Този подход гарантира, че съдържанието остава достъпно на всички езици.
