Привлечете повече читатели с сайт, който отговаря на нуждите на всички
Като правите уебсайта си достъпен за хората с увреждания, в края на краищата вие сте достъпни за всички. В действителност, прави уебсайта ви по-достъпен дори може да помогне на хората да намерят вашия уеб сайт в търсачките. Защо? Тъй като търсачките използват някои от същите сигнали, които екранните читатели правят, за да намират и разбират съдържанието на уебсайта Ви.
Но как точно създавате достъпен уебсайт, без да ставате кодиращ експерт?
Ето някои съвети и трикове, които почти всеки, който има основни HTML знания, може да използва, за да подобри достъпността на уебсайта си.
Инструменти за достъпност в мрежата
W3C има фантастичен списък с инструменти за достъпност в мрежата, които можете да използвате като пура, за да установите потенциални проблеми с уебсайта си. Въпреки това, аз все още препоръчвам да направите някои проучвания с екранен четец и да го преживеете за себе си.
Свързано четене: Какво е помощната технология и как тя работи?
Разбиране на екранните четци
Един от най-важните начини, по които можете да подобрите достъпността на уебсайта си, е да се уверите, че той може да бъде разбран от екранните четци. Екранните четци използват синтезиран глас, за да четат текста на екрана. Това звучи доста ясно; че екранните четци може да не разбират уебсайта ви така, както сте го настроили понастоящем.
Първото нещо, което бихте искали да направите, е да изпробвате екранен четец и да видите как върви. Ако сте на Mac, опитайте да използвате VoiceOver.
- Отворете системните предпочитания.
- Изберете Accessibility.
- Изберете VoiceOver.
- Поставете отметка в квадратчето за активиране на VoiceOver.
Можете да го включите и изключите с помощта на команда F5.
Ако сте на машина с Windows, може да искате да изтеглите NVDA. Можете да го настроите да включва и изключва с контрола за пряк път + alt + n.
И двата екранни четци работят, като позволяват на потребителя да навигира с клавиатура (това има смисъл - ако не можете да видите, използването на мишката е предизвикателство) и като създадете зона за фокусиране за навигация. Фокусът е основно там, където клавиатурата е "насочена", но обикновено се показва като маркирана кутия около обекта за фокусиране вместо курсора.
Можете да промените както гласовия стил, така и скоростта, с която гласът гласи, ако настройките по подразбиране са досадни (и след около пет минути слушане на стандартно бавно гласово четене, те обикновено са). Слепите хора обикновено четат уебсайтове с екранните си четци, настроени на високи скорости.
Това може да ви помогне да затворите очите си, докато го направите, но също така може да ви помогне да ги отворите и да ги сравните. Някои от нещата, които може да забележите веднага, когато опитате да слушате уебсайта си, са, че част от текста може да не е наред. Заглавията и таблиците могат да се забъркат. Изображенията могат да бъдат пропуснати, или те могат да кажат "изображение" или нещо също толкова безполезно. Таблиците обикновено се четат като серия от елементи без контекст.
Може да се надяваме, че това може да се реши.
Alt-Tags или алтернативен атрибут
Алтернативният или алтернативен (alt) атрибут се използва в HTML, за да се опише изображение. В HTML изглежда така:
Дори ако направите уеб сайта си с визуален инструмент, който скрива вашия HTML код, почти винаги ще имате възможност да въведете описание на изображението. Можете да въведете нищо (alt = ""), но би било по-добре да дадете на всяко изображение полезно описание. Ако сте били слепи, какво би трябвало да знаете за образа? "Жена" не е много полезна, но може би "Жената изготвя диаграма поточна диаграма, включително достъпност, използваемост, марка и дизайн."
Текст на заглавието
Уебсайтовете не винаги показват етикета на HTML заглавието, но това е полезно за екранните четци. Уверете се, че всяка от страниците на уебсайта Ви има описателно (но не прекалено подробно) заглавие, което показва на посетителите какво представлява страницата.
Дайте на уебсайта си добра йерархия на информацията
Разделете големи парчета текст с надписи и, ако е възможно, използвайте правилно заглавията с йерархията H1, H2, H3 . Не само прави сайта ви по-лесен за екранни четци, той улеснява всички останали. Това също е чудесен сигнал за Google и други търсачки, които да им помогнат да индексират по-добре уебсайта Ви.
По същия начин трябва да сте сигурни, че уебсайтът Ви е в логично съдържание и че нямате кутии с несвързана информация. Ако използвате реклами, гледайте, че рекламите Ви не са прекалено натрапчиви и твърде често разбивате текста в уебсайта си.
Направете по-добри таблици
Ако използвате HTML таблици, можете да добавите надписи към таблиците си, като използвате маркера, за да ги направите по-лесни за разбиране от екранните четци, а не просто да направите заглавието на таблицата с удебелен текст. Можете също така да добавите елемента "обхват" и ясно да маркирате нови редове и колони в таблицата си, така че екранните четци да не просто да размахват серии от таблични клетки, без да дават никакъв контекст.
Навигация в клавиатурата
Като цяло, всичко, което поставяте на уебсайта си, трябва да бъде нещо, което някой може да направи само с клавиатура. Това означава, че вашите бутони за навигация не трябва да бъдат анимирани падащи бутони, ако не можете да ги използвате с екранен четец (опитайте и вижте дали не сте сигурни - някои бутони са програмирани за използване от клавиатурата).
Затворени надписи
Ако добавите видеоклипове или аудио елементи към уебсайта си, те трябва да имат надписи. HTML5 и много видео стрийминг услуги (като YouTube) предлагат поддръжка на подзаглавие. Затворените надписи са полезни не само за достъпност, но и за потребители, които могат да сърфират в уебсайта ви някъде, където не могат да възпроизвеждат аудио, например в офис или в шумно местоположение.
За подкасти или други аудио елементи, помислете за предоставяне на текстов препис. Не само че е полезно за хора, които не могат да слушат аудиото, като текстът ще улесни Google и други търсещи машини да индексират това съдържание и да ви помогнат да класирате Google .
ARIA
Ако искате да отидете на високо ниво на достъпност, спецификациите HTML5 ARIA или WAI-ARIA се стремят да бъдат новият стандарт, който върви напред. Това обаче е сложно (и еволюиращо) техническо ръководство, така че това, което можете да направите, е да използвате ARIA валидатор за сканиране, за да проверите дали уебсайтът ви има проблеми, които можете да разгледате. Mozilla също има по-достъпно ръководство за започване на работа с ARIA.