Прыцягнуць больш чытачоў з сайта, які адпавядае патрэбам кожнага
Зрабіўшы свой сайт даступным для людзей з абмежаванымі магчымасцямі, вы ў канчатковым выніку зрабіць даступным для ўсіх. На самай справе, што робіць ваш сайт больш даступным нават можа дапамагчы людзям знайсці ваш сайт у пошукавых сістэмах. Чаму? Паколькі пошукавыя сістэмы выкарыстоўваюць некаторыя з тых жа самых сігналаў, якія экрануе чытач зрабіць для таго, каб знайсці і зразумець змест вашага сайта.
Але як менавіта вы робіце даступны вэб-сайт, які не становячыся экспертам кадавання?
Вось некаторыя парады і прыёмы , якія практычна любы чалавек з базавым HTML веды можна выкарыстоўваць для павышэння даступнасці свайго вэб - сайта.
Web Accessibility Tools
W3C мае фантастычны спіс даступнасці вэб-прылады, якія можна выкарыстоўваць у якасці праверкі, каб вызначыць патэнцыйныя праблемы з вашым сайтам. Тым не менш, я рэкамендую рабіць некаторы даследаванне чытання з экрана і выпрабаваць яго на сабе.
Звязаныя Чытанне: Што такое Ассистивная Тэхналогія і як гэта працуе?
Разуменне чытання з экрана
Адным з найбольш важных спосабаў палепшыць даступнасць вашага сайта, каб пераканацца, што яна можа быць зразуметая чытачамі экрана. Экранныя чыталкі выкарыстоўваць сінтэзаваны голас, каб прачытаць тэкст на экране. Гэта гучыць даволі проста; Аднак чытачы экрана не можа зразумець ваш сайт так, як Вы ў цяперашні час яна створана.
Першае, што вы можаце зрабіць, гэта паспрабаваць чытання з экрана і паглядзець, як яна ідзе. Калі вы знаходзіцеся на Mac, паспрабуйце выкарыстоўваць VoiceOver.
- Перайсці ў Сістэмныя налады.
- Абярыце Даступнасць.
- Выберыце VoiceOver.
- Усталюйце сцяжок Уключыць VoiceOver.
Вы можаце ўключаць яго і выключаць з дапамогай каманды-F5.
Калі вы на машыне Windows, вы можаце спампаваць NVDA. Вы можаце наладзіць яго для ўключэння і выключэнні з кантролем цэтліка + Alt + N.
Абодва экрана чытачы працуюць, дазваляючы карыстачу перамяшчацца з дапамогай клавіятуры (гэта мае сэнс - калі вы не можаце ўбачыць, выкарыстоўваючы мыш будзе выклік) і шляхам стварэння зоны факусоўкі для навігацыі. У цэнтры ўвагі, па сутнасці, дзе клавіятура «завостраны», але гэта, як правіла, адлюстроўваецца ў выглядзе падсветленай рамкай вакол фокусу аб'екта замест курсора.
Вы можаце змяніць і вышыню голасу і хуткасць, пры якой голас чытае, калі налады па змаўчанні раздражняе (і прыкладна праз пяць хвілін праслухоўвання стандартнага галасавога чытання павольна, яны, як правіла). Сляпыя людзі звычайна чытаюць сайты з чытачамі экрана на высокія хуткасці.
Гэта можа дапамагчы, каб заплюшчыць вочы, як вы гэта робіце, але гэта таксама можа дапамагчы трымаць іх адкрытымі і параўнаць. Некаторыя з рэчаў, якія вы можаце адразу заўважыць, калі вы спрабуеце слухаць ваш сайт з'яўляецца тое, што частка тэксту можа быць у парадку. Загалоўкі і табліцы могуць атрымаць перамяшаныя. Выявы могуць быць альбо прапушчаны або яны могуць сказаць, «вобраз» або што-то гэтак жа бескарыснае. Табліцы, як правіла, варта разглядаць як шэраг элементаў без кантэксту.
Можна спадзявацца, выправіць гэта.
Alt-тэгі або Alternative Навык
(Альт) атрыбут Alt-тэг або альтэрнатыўны выкарыстоўваецца ў HTML для апісання малюнка. У HTML, гэта выглядае прыкладна так:
Нават калі вы зробіце свой сайт з візуальным інструментам, які хавае ваш HTML-код, вы амаль заўсёды будзеце мець магчымасць ўвесці апісанне малюнка. Вы не можаце ўвесці нічога (альт = ""), але гэта сапраўды было б лепш, каб даць кожнаму малюнку карыснае апісанне. Калі б вы былі сьляпыя, што б вы павінны ведаць аб малюнку? «Жанчына» не вельмі дапаможа, але, магчыма, «Жанчына малявання блок-схема праектавання, уключаючы даступнасць, зручнасць выкарыстання, брэндынгу і дызайну.»
тэкст загалоўка
Вэб-сайты не заўсёды адлюстроўваюцца ў загалоўку HTML тэг, але гэта карысна для чытання з экрана. Пераканайцеся, што кожны з старонак вашага сайта мае апісальны (але не занадта шматслоўны) назва, якое кажа наведвальнікам, што старонка о.
Дайце свой сайт Добрай інфармацыі Іерархія
Разбіце вялікія кавалкі тэксту з загалоўкамі, і, калі магчыма, выкарыстоўваць загалоўкі з H1, H2, H3 іерархіі адпаведна. Гэта не толькі робіць ваш сайт больш лёгкім для чытання з экрана, што робіць яго лягчэй для ўсіх астатніх. Гэта таксама выдатны сігнал для Google і іншых пошукавых сістэм, каб дапамагчы ім лепш індэксаваць ваш сайт.
Акрамя таго, вы павінны пераканацца, што ваш сайт знаходзіцца ў лагічным парадку ўтрымання і што вы не маеце каробак незвязанай інфармацыі, якая з'яўляецца. Калі вы выкарыстоўваеце аб'явы, сачыць за тым, што вашы аб'явы не занадта дакучлівыя і разбіваючы тэкст на сайце занадта часта.
Зрабіць Better табліцы
Калі вы карыстаецеся HTML-табліцы, вы можаце дадаць подпісы да табліцах з дапамогай тэга для таго, каб зрабіць іх лягчэй зразумець чытання з экрана, а не проста зрабіць загаловак табліцы тлустым шрыфтам. Можна таксама дадаць элемент «Scope» і выразна пазначыць новыя радкі і слупкі ў табліцы, так што чытачы экрана не проста адбарабаняць шэраг вочак табліцы без ўказанні кантэксту.
клавіятура навігацыі
Увогуле, усё, што вы паклалі на вашым сайце павінна быць нешта, што хто-то можа зрабіць толькі з дапамогай клавіятуры. Гэта азначае, што вашыя навігацыйныя кнопкі не павінны быць аніміраваныя выпадаючыя кнопкі, калі вы не можаце выкарыстоўваць іх для чытання з экрана (паспрабуйце яго і паглядзець, калі вы не ўпэўненыя. - некаторыя кнопкі запраграмаваныя для выкарыстання клавіятуры)
закрытыя Тытры
Калі дадаць відэа ці аўдыё элементы на ваш сайт, яны павінны мець загалоўкі. HTML5 і шмат струменевага відэа паслугі (напрыклад, YouTube) прапануюць падтрымку закрытых субтытраў. Закрытыя тытры карысныя не толькі для забеспячэння даступнасці, але і для карыстальнікаў, якія могуць быць праглядаюць ваш сайт дзе-небудзь, дзе яны не могуць прайграваць аўдыё, напрыклад, у офісе або ў шумным месцы.
Для подкаст або іншых гукавых элементаў, разгледзець магчымасць прадастаўлення тэкставай транскрыптаў. Гэта не толькі карысна для людзей , якія не могуць слухаць аўдыё, якія маюць тэкст будзе зрабіць яго прасцей для Google і іншых пошукавых сістэм індэксаваць , што змест і дапаможа ваш рэйтынг Google .
ARIA
Калі вы хочаце, каб перайсці да пашыранага ўзроўню даступнасці, HTML5 ARIA ці спецыфікацыя WAI-ARIA імкнецца быць новы стандарт ісці наперад. Аднак, гэты складаны (і развіваецца) тэхнічнае кіраўніцтва, так што вы можаце зрабіць, гэта выкарыстоўваць ARIA валідатар для сканавання, каб убачыць, калі ваш сайт мае якія-небудзь пытанні, вы можаце звярнуцца. Mozilla таксама мае больш даступнае кіраўніцтва па пачатку работы з ВССОМ.