Әр адамның қажеттіліктеріне сай келетін сайтпен көбірек оқырмандарды тарту
Сіздің веб-сайтыңызды мүмкіндіктері шектеулі адамдарға қолжетімді ете отырып, сіз бәрібір қол жетімді боласыз. Шындығында, сіздің веб-сайтыңызды қол жетімді ете отырып, адамдар іздеу жүйелерінде сіздің веб-сайтыңызды табуға көмектесуі мүмкін. Неліктен? Іздеу машиналары веб-сайтыңыздың мазмұнын табу және түсіну үшін экрандағы оқырмандарға бірдей сигналдарды пайдаланады.
Дегенмен сіз кодтаушы маман болмайынша қол жетімді веб-сайтты қалай жасайсыз?
Міне, негізгі HTML білімі бар кез келген адам веб-сайттың қол жетімділігін жақсарту үшін пайдалана алатын кейбір кеңестер мен амалдар.
Веб-арнайы мүмкіндіктер құралдары
W3C веб-сайтыңыздың ықтимал проблемаларын анықтау үшін тексеру құралы ретінде пайдалануға болатын веб-қолжетімділік құралдарының керемет тізімі бар. Дегенмен, мен экран оқырманымен танысып, оны өзіңіз үшін сезінуді ұсынамын.
Байланысты оқу: Көмекші технология дегеніміз не және ол қалай жұмыс істейді?
Экраннан оқуды түсіну
Сіздің веб-сайтыңыздың қол жетімділігін жақсартудың ең маңызды жолдарының бірі - экрандағы оқырмандардың түсінуіне мүмкіндік беру. Экрандағы оқырмандар экрандағы мәтінді оқу үшін синтезделген дауыспен пайдаланады. Бұл өте оңай; алайда, экрандағы оқырмандар өзіңіздің веб-сайтыңызды қазір ол орнатқан сияқты түсінбеуі мүмкін.
Ең алдымен, экрандағы оқырманы көріп, оның қалай жүретінін көріңіз. Егер сіз Mac компьютерінде болсаңыз, VoiceOver қызметін пайдаланып көріңіз.
- Жүйе параметрлері бөліміне өтіңіз .
- Қол жетімділікті таңдаңыз .
- VoiceOver таңдаңыз .
- VoiceOver қызметін қосу үшін құсбелгісін қойыңыз .
Сіз оны F5 пәрменін пайдалана отырып қосуға және өшіруге болады.
Егер сіз Windows машинасында болсаңыз, NVDA жүктеп алуыңыз мүмкін. + Alt + n пернелер тіркесімін қосу және өшіру үшін оны орнатуға болады.
Экранның оқырмандары, пайдаланушыға пернетақта арқылы шарлауға мүмкіндік береді (бұл мағынасы бар - егер сіз көре алмасаңыз, тінтуірді пайдалану қиынға соғуы мүмкін) және навигация үшін фокус аумағын жасау арқылы жұмыс істейді. Фокус, негізінен, пернетақта «көрсетілген» болып табылады, бірақ ол әдетте курсордың орнына фокус объектісі айналасында бөлінген қорап ретінде көрсетіледі.
Әдепкі параметрлерді тітіркендіргенде дауыс дауысы мен дауыс жылдамдығын өзгерте аласыз (әдетте, әдеттегідей баяу дауыспен тыңдаудың бес минутынан кейін олар әдетте). Соқыр адамдар, әдетте, экрандағы оқырмандары жоғары жылдамдықпен орнатылған веб-сайттарды оқиды.
Бұл сіздің көзіңізді жабуыңызға көмектесуі мүмкін, бірақ ол оларды ашық және салыстыруға көмектеседі. Сіздің веб-сайтыңызды тыңдауға тырысқан кезде бірден байқауға болатын нәрселердің кейбірі мәтіннің кейбіреуіне сәйкес келмеуі мүмкін. Тақырыптар мен кестелер кішірейе алады. Кескіндер жіберілмеуі мүмкін немесе олар «сурет» немесе бір нәрсе пайдасыз деп айтуы мүмкін. Кестелер контекстсіз элементтердің сериясы ретінде оқылады.
Мұны түзетуге болады деп үміттенуге болады.
Alt-тегтер немесе альтернативті атрибут
Alt-тег немесе альтернативті (alt) төлсипаты суретті сипаттау үшін HTML-де пайдаланылады. HTML-де мына нәрсе көрінеді:
Егер сіздің веб-сайтыңызды HTML кодын жасыратын көрнекі құралмен жасасаңыз да, әрдайым суреттің сипаттамасын енгізуге мүмкіндік аласыз. Еш нәрсеге кіре алмайсыз (alt = «»), бірақ әрбір кескінді пайдалы сипаттама беруге болар еді. Егер соқыр болсаңыз, сурет туралы не білуіңіз керек? «Әйел» - бұл көп көмек емес, бірақ «Әйел қол жетімділік, ыңғайлылық, брендинг пен дизайнды қамтитын дизайн ағынын сызу».
Тақырып мәтіні
Веб-сайттар әрқашан HTML тақырып тегін көрсетпейді, бірақ экран оқырмандарына пайдалы. Сіздің веб-сайтыңыздың беттерінің әрқайсысына келушілерге бұл туралы не туралы айтып беретін сипаттама (бірақ өте мұқият емес) атауы бар екеніне көз жеткізіңіз.
Веб-сайтыңызға жақсы ақпарат иерархиясын беріңіз
Тақырыптардағы мәтіннің үлкен бөліктерін бөліп алыңыз және мүмкіндігінше H1, H2, H3 иерархиясымен сәйкес тақырыптарды пайдаланыңыз . Экранның оқырмандары үшін веб-сайтты жеңілдетіп қана қоймай, басқа адамдар үшін де оңайырақ болады. Бұл сондай-ақ Google және басқа іздеу жүйелеріне веб-сайтыңызды жақсартуға көмектесу үшін керемет сигнал.
Сол сияқты, сіздің веб-сайтыңыз логикалық мазмұн тәртібінде екендігін және байланыссыз ақпарат пайда болатын қораптарыңыз жоқ екенін тексеріңіз. Егер сіз жарнаманы пайдаланып жатсаңыз, жарнамаларыңыз өте нашар емес екенін және веб-сайтыңыздағы мәтінді жиі бұзатындығын қадағалаңыз.
Жақсы кестелер жасаңыз
Егер сіз HTML кестелерін пайдалансаңыз, кестелердің тақырыбын қалың мәтінде жасаудан гөрі, экрандағы оқырмандар түсінуін жеңілдету үшін тегтерді пайдаланып кестелерге қосуға болады. Сондай-ақ, «аумақ» элементін қосып, кестедегі жаңа жолдар мен бағандарды нақты белгілей аласыз, сонда экраннан оқу құралдары кез келген мәнмәтін бермей, бірқатар кесте ұяшықтарын өшірмейді.
Пернетақта навигациясы
Жалпы алғанда, сіздің веб-сайтыңызға енгізілген кез келген адам біреудің пернетақтаны пайдалану арқылы жасай алатын нәрсе болуы керек. Яғни, экран пернетақтасын пайдаланбасаңыз, оларды навигациялық түймелер анимацияланған ашылмалы түймешіктер болмауы керек (оны тексеріп көріңіз, кейбір түймешіктер пернетақтаны пайдалану үшін бағдарламаланған.)
Жабық субтитрлер
Егер сіздің веб-сайтыңызға бейнелер немесе аудио элементтері қосылса, олардың тақырыптары болуы керек. HTML5 және көптеген бейне ағыны қызметтері (YouTube сияқты) жабық субтитрлерді қолдайды. Жабық жазулар қол жетімділікке ғана емес, сондай-ақ веб-сайтты кеңседе немесе шулы жерде дыбысты ойната алмайтын жерде де қарап шығатын пайдаланушылар үшін пайдалы.
Подкасттар немесе басқа аудио элементтері үшін мәтіндік транскриптті беруді қарастырыңыз. Тек дыбысты тыңдай алмайтын адамдар үшін ғана емес, Google және басқа да іздеу жүйелеріне бұл мазмұнды индекстеп, Google рейтингісіне көмектесетін мәтін бар.
ARIA
Егер сізге қолжетімділіктің озық деңгейіне өту керек болса, HTML5 ARIA немесе WAI-ARIA техникалық сипаттамалары жаңа стандартты алға жылжытады. Дегенмен, бұл күрделі (және дамып келе жатқан) техникалық нұсқаулық, сондықтан сіз жасай алатын нәрсе веб-сайттың адрестің қандай да бір проблемалары бар-жоғын тексеру үшін ARIA валидаторын пайдалану болып табылады. Mozilla-да ARIA-мен жұмысқа кірісудің ыңғайлы нұсқаулығы бар.