Привлечете повеќе читатели со веб-страница што одговара на потребите на секого
Со тоа што вашата веб-страница ќе биде достапна за лицата со посебни потреби, вие ќе направите пристап до сите. Всушност, правејќи ја својата веб-страница подостапна, дури може да им помогне на луѓето да најдат своја веб-страница во пребарувачите. Зошто? Бидејќи пребарувачите користат некои од истите сигнали што читачите на екранот ги прават за да ја пронајдат и разберат содржината на вашата веб-страница.
Но, токму како да направите пристапна веб-страница без да станете експерт за кодирање?
Еве неколку совети и трикови кои речиси секој со основен HTML знаење може да го користи за да ја подобри пристапноста на нивниот веб-сајт.
Алатки за веб-пристапност
W3C има фантастична листа на алатки за веб-пристапност што можете да ги користите како шалтер за да забележите потенцијални проблеми со вашата веб-страница. Тоа, рече, јас се уште препорачувам да направите некои истражувања со читач на екран и да го доживеете за себе.
Поврзано читање: Што е помошна технологија и како функционира?
Разбирање читачи на екран
Еден од најважните начини на кој можете да ја подобрите достапноста на вашата веб-страница е да бидете сигурни дека тоа може да се разбере преку читачи на екран. Читачите на екран користат синтетизиран глас за да го читаат текстот на екранот. Тоа звучи прилично јасна; сепак, читателите на екран може да не го разбираат вашиот веб-сајт на начинот на кој во моментов го имате поставено.
Првото нешто што можеби сакате да направите е да го пробате читателот на екранот и да видите како тоа оди. Ако сте на Mac, пробајте да користите VoiceOver.
- Одете во System Preferences.
- Изберете Пристапливост.
- Изберете VoiceOver.
- Проверете го полето за Enable VoiceOver.
Можете да го вклучите и исклучите користејќи команда-F5.
Ако сте на Windows машина, можеби ќе сакате да ја преземете NVDA. Можете да го поставите за вклучување и исклучување со контролата на кратенките + alt + n.
Двата читачи на екранот работат така што им овозможуваат на корисникот да навигира со тастатура (ова има смисла - ако не можете да видите, со помош на глушец ќе биде предизвик) и со создавање област за фокусирање за навигација. Фокусот е во суштина каде што тастатурата е "посочена", но обично се прикажува како означена кутија околу објектот на фокусот, наместо на курсорот.
Можете да ги промените и гласот на гласот и брзината со која гласот се чита ако стандардните поставувања се досадни (и по околу пет минути слушање на стандардно бавно читање гласови, тие обично се). Слепи луѓе обично читаат веб-страници со нивните читачи на екранот поставени на големи брзини.
Може да ви помогне да ги затворите очите додека го правите тоа, но исто така може да помогне да ги задржите и да ги споредувате. Некои работи кои можете веднаш да ги забележите кога ќе се обидете да ги слушате вашите веб-страници е дека некои од текстот може да бидат надвор од ред. Заглавијата и табелите може да се измамат. Сликите можат или да се прескокнат или да кажат "слика" или нешто подеднакво бескорисно. Табелите се читаат како серија предмети без контекст.
Можете, се надевам, да го поправите ова.
Alt-Tags или алтернативен атрибут
Alt-tag или алтернативниот (alt) атрибут се користи во HTML за опишување на сликата. Во HTML, изгледа нешто како ова:
Дури и ако ја направите вашата веб-страница со визуелна алатка која го крие вашиот HTML код, речиси секогаш ќе имате шанса да внесете опис на сликата. Не можете да внесете ништо (alt = ""), но навистина ќе биде подобро да се даде на секоја слика корисен опис. Ако сте слепи, што би требало да знаете за сликата? "Жената" не е многу помошна, но можеби "Жената изработува графикон за дизајн, вклучувајќи пристапност, употребливост, брендирање и дизајн".
Наслов текст
Веб-страниците не секогаш ја прикажуваат ознаката за наслов на HTML, но тоа е корисно за читачите на екранот. Осигурајте се дека секоја од страните на вашиот веб-сајт има описна (но не премногу глагол) наслов што им кажува на посетителите за што се работи страницата.
Дајте своја веб-страница на добра информациска хиерархија
Раскинете големи делови од текст со заглавија и, ако е можно, соодветно употребувајте заглавија со хиерархија H1, H2, H3 . Не само што го олеснува вашиот веб-сајт полесен за читачи на екранот, тоа го олеснува секој друг. Исто така е одличен сигнал за Google и други пребарувачи за да им помогне подобро да индексираат вашиот веб-сајт.
Слично на тоа, треба да бидете сигурни дека вашата веб-страница е во логичка содржина и дека немате кутии за неповрзани информации што се појавуваат. Ако користите реклами, гледајте дека вашите реклами не се премногу нападни и премногу често го растураат текстот на вашата веб-страница.
Направи подобри табели
Ако користите HTML табели, можете да додавате текстуални објаснувања во вашите табели со помош на тагот, за да ги олеснат разбирањето на читачите на екранот, а не само да го направат насловот на табелата со задебелен текст. Исто така можете да го додадете елементот "опсег" и јасно да ги обележите новите редови и колони во вашата табела, така што читачите на екранот едноставно да не штракаат серија од табеларни ќелии без да даваат никаков контекст.
Навигација со тастатура
Во принцип, она што го ставате на вашата веб-страница треба да биде нешто што некој може да го направи со употреба на тастатура. Тоа значи дека вашите копчиња за навигација не треба да бидат анимирани паѓачки копчиња ако не можете да ги користите со читач на екран (обидете се и проверете дали не сте сигурни - некои копчиња се програмирани за употреба на тастатура.)
Затворени белешки
Ако додадете видеа или аудио елементи на вашата веб-страница, тие треба да имаат наслови. HTML5 и многу услуги за видео стриминг (како на пример YouTube) нудат затворена подршка за поддршка. Затворените текстуални објаснувања се корисни не само за пристапноста, туку и за корисниците кои можат да ја пребаруваат вашата веб-локација некаде каде што не можат да репродуцираат аудио, како на пример во канцеларија или во бучна локација.
За подкасти или други аудио елементи, размислете за обезбедување препис на текст. Не само што е корисно за луѓето кои не можат да слушаат аудио, бидејќи текстот ќе им олесни на Google и на другите пребарувачи да индексираат таа содржина и да им помогнат на вашиот ранг на Google .
АРИА
Ако сакате да одите на напредно ниво на пристапност, спецификациите HTML5 ARIA или WAI-ARIA имаат за цел да бидат новиот стандард напред. Сепак, ова е сложено (и се развива) технички прирачник, па што можете да направите е да користите ARIA валидатор за скенирање за да видите дали вашата веб-страница има какви било проблеми што може да ги адресирате. Mozilla, исто така, има повеќе пристапен водич за започнување со ARIA.