Привући више читалаца са сајтом који одговара потребама свих
Ако вашу веб локацију буде доступна особама са инвалидитетом, на крају ћете бити доступни свима. У ствари, учвршћивање вашег веб сајта може чак помоћи људима да пронађу вашу веб страницу у претраживачима. Зашто? Зато што претраживачи користе неке од истих сигнала које читачи екрана раде како би пронашли и разумели садржај ваше веб странице.
Али тачно како направите приступачну веб страницу без постојања стручњака за кодирање?
Ево неколико савета и трикова које скоро свако са основним ХТМЛ знањем може да искористи за побољшање приступа њиховог веб сајта.
Алатке за доступност веба
В3Ц има фантастичну листу алата за приступачност вебу коју можете користити као провјеру да бисте открили потенцијалне проблеме са вашом веб страницом. То је рекао, и даље препоручујем да истражите са читачем екрана и доживите то за себе.
Сродно читање: Шта је помоћна технологија и како то функционише?
Разумевање Сцреен Реадера
Један од најважнијих начина на који можете побољшати приступачност ваше веб странице јесте да се осигура да га читачи екрана могу разумјети. Читачи екрана користе синтетизовани глас за читање текста на екрану. То звучи прилично једноставно; међутим, читачи екрана можда не разумеју вашу веб локацију онако како га тренутно постављате.
Прва ствар коју ћете можда желети је испробати читач екрана и видети како то иде. Ако сте на Мац-у, покушајте да користите ВоицеОвер.
- Идите на Систем Преференцес.
- Изаберите Приступачност.
- Изаберите ВоицеОвер.
- Означите поље за Енабле ВоицеОвер.
Можете га укључити и искључити користећи команду-Ф5.
Ако сте на Виндовс машини, можда ћете желети да преузмете НВДА. Можете га подесити да бисте укључили и искључили са контролом пречице + алт + н.
Оба читача екрана функционишу тако што омогућавају кориснику да навигира помоћу тастатуре (то има смисла - ако не видите, употреба миша би била изазов) и стварањем подручја фокуса за навигацију. Фокус је у основи где је тастатура "усмерена", али се обично приказује као означена кутија око објекта фокуса умјесто курсора.
Можете да промените и гласну тачку и брзину којом глас чита ако су подразумевана подешавања (и после око пет минута слушања стандардног спора гласа, обично су). Слепи људи обично читају веб локације са читачима екрана подешеним на велике брзине.
Можда ће вам помоћи да затворите очи док то радите, али такође може помоћи да их отворите и упоредите. Неке од ствари које можете одмах примијетити када покушате да слушате вашу веб страницу јесте да неки текст могу бити ван реда. Наслови и табеле могу се збунити. Слике могу бити прескочене или могу рећи "слику" или нешто слично без помоћи. Табеле се често читају као низ ставки без контекста.
Можеш, надајмо се, поправити ово.
Алт-ознаке или алтернативни атрибути
Алт-таг или алтернативни (алт) атрибут се користи у ХТМЛ-у за описивање слике. У ХТМЛ-у изгледа нешто овако:
<имг срц = "имаге-лоцатион" алт = "Овде се описује ваш опис слике">
Чак и ако свој веб сајт направите визуелним алатом који скрива ваш ХТМЛ код, скоро увек ћете имати прилику да унесете опис слике. Ништа не можете да унесете (алт = ""), али стварно би било боље да сваку слику дамо корисном опису. Ако сте били слеп, шта бисте требали знати о слици? "Жена" није много помогла, али можда "Женска црта графикона дизајна пројекта укључујући приступачност, употребљивост, брендирање и дизајн".
Текст наслова
Веб-сајтови не приказују увек ознаку ХТМЛ наслова, али је корисна за читаче екрана. Уверите се да свака страница на вашем веб сајту има дескриптивни (али не претерано гломазан) наслов који говори посетиоцима о чему се ради.
Дајте вашој веб страници добру информативну хијерархију
Разбијте велике комаде текста са заглавама и, ако је могуће, користите заглавља са хијерархијом Х1, Х2, Х3 . Не само да олакшава читање вашег веб сајта за читаче екрана, то олакшава свима осталима. То је такође одличан сигнал за Гоогле и друге претраживаче који им помажу да боље индексирају вашу веб страницу.
Слично томе, требало би да будете сигурни да је ваша веб локација у логичном редоследу садржаја и да немате кутије са неповезаним информацијама. Ако користите огласе, пазите да ваши огласи нису претерано наметљиви и претерано разбијају текст на вашој веб локацији.
Направите боље табеле
Ако користите ХТМЛ таблице, можете додати натписе у своје таблице помоћу ознаке како би их олакшали разумјети читачи екрана, а не само да правите наслов табеле са болдим текстом. Такође можете додати елемент "опсег" и јасно означити нове редове и ступце у вашој табели тако да читаоци екрана једноставно не отклањају низ серија ћелија без икаквог контекста.
Навигација тастатуре
Све у свему, све што ставите на вашу веб страницу требало би да буде нешто што би неко могао предвидјети само помоћу тастатуре. То значи да дугмад за навигацију не би требала бити анимирана дугмад за падање ако их не можете користити са читачем екрана (испробајте и видите да ли сте сигурни - неки тастери су програмирани за употребу тастатуре.)
Затворени натписи
Ако додате видео или аудио елементе на вашу веб локацију, они би требали имати наслове. ХТМЛ5 и многе услуге видео стриминга (као што је ИоуТубе) нуде затворену подршку за титловање. Затворени називи су корисни не само за приступачност, већ и за кориснике који могу прегледати вашу веб локацију негдје гдје не могу да репродукују звук, као што је у канцеларији или на бучној локацији.
За подкастове или друге аудио елементе, размислите о обезбеђивању транскрипта текста. Не само да је корисно за људе који не могу слушати звук, имајући у виду да ће текст лакшим за Гоогле и друге претраживаче да индексирају тај садржај и помогну вашој Гоогле рангирању .
АРИА
Ако желите да идете на напредни ниво приступачности, спецификације ХТМЛ5 АРИА или ВАИ-АРИА имају за циљ нови стандард који иде напред. Међутим, ово је сложено (и развијајуће) техничко упутство, тако да оно што можете учинити је да користите АРИА валидатор за скенирање како бисте видели да ли ваша веб локација има било каквих проблема на које можете да се обратите. Мозилла такође има приступачнији водич за почетак рада са АРИА.