Қолжетімділік
Оқуға тұрарлық мәлімдеме дұрыс емес нәрселерді атап көрсетуі керек. Бұл мәлімдемеде олар аталған, сондай-ақ біз әзірлеуде басшылыққа алатын талаптар мен жіберіп алған тұстарымыз туралы қалай хабарлауға болатыны көрсетілген.
- Нысана ретінде WCAG 2.2 AA
- Контраст бағалаумен емес, өлшеу арқылы анықталады
- Белгілі олқылықтар көрсетілген
Ұстаным
Біз бұл веб-сайтты WCAG 2.2 деңгейіндегі AA талаптарына сай жасаймыз және мұны жорамалдамай, тексеріп отырамыз: контраст әр элемент нақты көрсетілетін түске қатысты өлшенеді, ал тексеру сәтсіз болса, құрастыру тоқтайды. Бұл жариялап қойып, жылына бір рет қайта қарайтын мақсат емес — тексеру әр шығарылымда орындалады.
Бұл толық сәйкестік туралы мәлімдеме емес. Белгілі сәйкессіздіктер төменде көрсетілген, жасырылған жоқ. Егер осы сайтта немесе қолданбада бір нәрсені пайдалану мүмкін болмаса, тақырыбы Accessibility болатын [email protected] мекенжайына не болғанын жазып жіберіңіз — бұл пікір ретінде емес, ақау туралы есеп ретінде қарастырылады.
Күшіне енген күні
Ішінде не жасалған
- Әр бет JavaScript қолданбай жұмыс істейді. Әдепкіде ештеңе жасырылмайды және скрипт арқылы көрсетілмейді, сондықтан скрипті істемей қалған, қатаң контент блоктағышы бар немесе тек мәтін көрсететін клиент қолданылған бетте де мазмұн көрінеді. Интерактивті элементтер бастапқыдан жұмыс істеп тұрған беттердің үстіне қосылған мүмкіндіктер.
- Контраст нақты көрсетілген фонға қатысты өлшенеді: болжамды түске көзбен салыстырудың орнына, әр элементтің артындағы бірінші мөлдір емес ата-элемент анықталады. Бұл сайттағы негізгі мәтін бір кездері 4.49:1 деңгейінде болды — AA талабынан төмен, әрі қарағанда қалыпты көрінді — мұны тек өлшеу арқылы анықтадық.
- Өткізіп жіберу сілтемесі және көрінетін фокус. Әр бет «мазмұнға өту» сілтемесімен ашылады, ал әр интерактивті элементте ұқыпты көрінуі үшін контурды алып тастаудың орнына көрінетін фокус индикаторы бар.
- Семантикалық құрылым. Әр бетте бір h1, деңгейлері түсіп қалмаған реттелген тақырыптар, нақты тізімдер, тиісті тақырып ұяшықтары мен атаулары бар кестелер және экран дикторы шарлай алатын навигациялық аймақтар қолданылады.
- Қозғалыс жүйе баптауын ескереді. prefers-reduced-motion қосылғанда барлық анимация өшіріледі, ал мазмұн кіріп шығу анимациясын күтпей бірден көрінеді.
- Мәтін өлшемі үлкейеді. Макеттер салыстырмалы өлшем бірліктерін және қайта орналасуды қолданады, сондықтан мәтін үлкейгенде немесе терезе тар болғанда бұзылмайды әрі көлденең жылжуды қажет етпейді.
- Мазмұнды балама мәтін, сондай-ақ өз мәтіні бар сілтеменің ішіндегі суретке әдейі бос alt беріледі — мұнда сипаттама болса, экран дикторы бір нәрсені екі рет хабарлайды.
Белгілі кемшіліктер
Бұл бөлімнің жариялануының себебі де осында. Мұндағы әр мәселе шынайы, біз олардан хабардармыз және олардың ешқайсысы түзетілді деп көрсетілмейді.
Сайт отыз тілде жарияланған, бірақ олардың бәрінде экран дикторымен тексерілген жоқ. Тексеру ағылшын тілінде жүргізілді. Оңнан солға жазылатын тілдердегі айтылу мен оқу реті, сондай-ақ дисплей қаріптерімізде таңбалары жоқ және олардың орнына платформа қарпі қолданылатын жазулардың экран дикторымен жұмыс істеуі тексерілген жоқ.
Екі қарпіміз де тек латын әліпбиін қамтиды. Кирилл, деванагари, грузин, тай, араб, иврит, бенгал, эфиоп және CJK жазулары платформаның өз қаріптеріне ауысады. Бұл әдетте оқылымдылық үшін жақсы, бірақ ағылшын тілінде өзіміз басқара алатын типографиялық бөлшектер — қалыңдық, аралық, шағын мәтіннің жеткілікті шағын болмай қалатын өлшемі — бұл локальдарда біздің бақылауымызда емес.
Кейбір интерактивті элементтер жақында қосылған және азырақ тексерілген. Салыстыру матрицасы мен анықтама іздеуі жолдарды сол жерде сүзеді, бұл дұрыс тәсіл, бірақ өзгерген нәтиже санын экран дикторына хабарлау іске асырылғанымен, пайдаланушылармен тексерілген жоқ.
Қосымшада да осы ниет басшылыққа алынады, бірақ ол сайтқа қарағанда сирегірек тексеріледі. Ол платформаның мәтін өлшемін өзгерту және экран дикторы мүмкіндіктерін қолдайды, негізгі жұмыстың көбін солар атқарады, бірақ қазір әр шығарылымға қатысты ресми қолжетімділік аудитін жүргізбейміз.
Сайтта да, қосымшада да тәуелсіз тараптың ресми аудиті жүргізілген жоқ. Бізде жоқ сертификат бар деген әсер қалдырғаннан гөрі, осыны ашық айтқанды жөн көреміз.
Қосымша және білуге тұрарлық бір нәрсе
Telvio қосымшасы өзі жұмыс істейтін операциялық жүйенің қолжетімділік мүмкіндіктеріне сүйенеді: iOS жүйесінде VoiceOver және Dynamic Type, Android жүйесінде TalkBack және қаріп өлшемін өзгерту. Қосымша интерфейсі пернетақтадан, баланс пен тарифтер тізімінен тұратындықтан, бұлар маңызды қажеттіліктердің көбін қамтиды.
Қолжетімділік мүмкіндігі емес, осы тұрғыдан маңызды дизайн шешімінің біріне назар аударған жөн. Қосымшаға аккаунт қажет болмағандықтан, тіркелу формасы, енгізетін құпиясөз, email растау қадамы және хабарламадан тауып енгізетін код жоқ — көмекші технология қолданатын адамдарға немесе формаларды толтыру қиынға соғатын кез келген адамға ең жиі кедергі келтіретін әрекеттердің тұтас бір санаты мұнда мүлде жоқ. Орнатыңыз, нөмір теріңіз, сөйлесіңіз.
Сәйкес шектеу де басқа ақпаратпен бірге сол бетте көрсетілген: қосымша шұғыл қызметтерге қоңырау шала алмайды, бұл шұғыл қоңыраулар бөлімінде жазылған. Біреу бұл қосымшаны туысына — әсіресе шетелдегі отбасына қоңырау шалатын егде адамдар үшін жиі кездесетін жағдай — орнатып берсе, орнату кезінде түсіндіретін ең маңызды нәрсе осы.
Бір нәрсе дұрыс емес екенін хабарлау
Тақырыбына Accessibility деп жазып, [email protected] мекенжайына email жіберіңіз. Пайдалы мәліметтер: бет немесе экран, не істеуге тырысқаныңыз, нұсқасын қоса қандай көмекші технология қолданғаныңыз және оның орнына не болғаны. Бұлардың ешқайсысы міндетті емес — «Экран дикторымен тарифтер кестесін қолдана алмаймын» деген бір сөйлемнің өзі жақсы хабарлама, біз оны мүлде хабарламағаннан артық көреміз.
Біз бес жұмыс күні ішінде тексеру нәтижесімен және ақау бар деген пікірге келсек, шамамен түзету мерзімімен жауап беруге тырысамыз. Біреудің тапсырманы аяқтауына кедергі келтіретін мәселелер басқа жұмыстардан бұрын түзетіледі; тапсырманы қиындататын мәселелер нақты уәде бермей, шынайы кезекке қойылады.
Егер Еуропалық одақта болсаңыз және қолжетімділік жөніндегі міндеттеме орындалмай жатыр деп есептесеңіз, бұл туралы тиісті ұлттық бақылау органына да хабарлай аласыз. Алдымен бізге келгеніңізді жөн көреміз және қалай болғанда да жауап береміз.
Тексерулер іс жүзінде қалай жүргізіледі
Мәлімдеме мен нақты тәжірибенің айырмашылығын көрсететіндіктен, екі нәрсені түсіндіріп өткен жөн.
Контраст талданбайды, экранда көрсетілген күйінде тексеріледі. Стиль кестесінен оқылған түс мәні элементтің қандай болуы сұралғанын ғана көрсетеді, оның шын мәнінде қалай көрінгенін емес — қара жолақ үстіндегі жартылай мөлдір элемент, regex түсінбейтін заманауи түс функциясы немесе hero суретінің үстіндегі бекітілген тақырып болуы мүмкін. Тексеру әр элементтің нақты фонын бірінші мөлдір емес ата-элементке дейін жоғары көтеріліп, браузердің өзінде түсін анықтау арқылы есептейді, содан кейін қатынасты шығарады. Осылайша сайттағы негізгі мәтіннің 4.49:1 деңгейінде тұрғаны анықталды: бұл AA талабынан төмен, бірақ жеке қарағанда әбден қалыпты көрінеді.
Бет жазылған күйінде емес, көрсетілген күйінде тексеріледі. Жеке тексеру құралы әр бетті нақты браузерде жүктеп, экрандағы кез келген мәтіннің мөлдірлігі нөлге тең бе, құжат көлденең жылжи ма және бір нәрсе өзінің фон түсімен боялған ба — соны анықтайды. Соңғысы сайтқа шыққанға дейін қисынсыз көрінуі мүмкін: бір кезде CSS-тің бір топтық ережесі жапсырманың мәтін түсі мен фонын бірдей мәнге орнатып, 1:1 контраст қатынасын тудырған. Бұл бастапқы кодта да, DOM ішінде де, бастапқы кодтың скриншотында да көрінбейді.
Әдейі қабылдаған шешімдеріміз
- Рұқсатсыз қозғалыс жоқ. Скролл анимациялары алдымен қозғалыс қажет екенін растаған скрипт арқылы ғана қосылады, сондықтан қозғалысты азайту режимін қосқан адам мазмұнды бірден көреді және оның пайда болғанын ешқашан көрмейді.
- JavaScript артында жасырылған мазмұн жоқ. Ештеңе көрінбейтін етіп жазылмайды. Бұл өнімділікке қатысты шешім ғана емес, қолжетімділікке қатысты да шешім — көрінуі үшін скриптке тәуелді бет сол скрипт жұмыс істемей қалған кез келген адам үшін істемейді.
- Деректерде белгішелердің орнына сөздер. Салыстыру кестелерінде белгі мен крестің орнына “Иә”, “Жоқ” және “Жоғарыға дөңгелектелген” деп жазылған, өйткені белгі экран дикторымен хабарланғанда түсініксіз, ал көшіргенде көрінбейді.
- Сипаттама қайталанатын жерде бос alt. Өз мәтіні бар сілтеменің ішіндегі суретке
alt=""беріледі, сондықтан экран дикторы мақсатты екі рет емес, бір рет хабарлайды. - Кең кестелер өз қорабының ішінде жылжиды, бетті көлденең итермейді, сондықтан телефонда абзац оқу үшін көлденең жылжудың қажеті жоқ.
Қорытынды
Біз WCAG 2.2 AA талаптарына сай әзірлейміз және әр шығарылымда оны тексереміз: контраст болжамды фонға емес, нақты көрсетіліп тұрған фонға қатысты өлшенеді. Бұл толық сәйкестік туралы мәлімдеме емес.
Белгілі кемшіліктер: отыз тіл қамтылғанымен, экраннан оқу құралдары тек ағылшын тілінде тексерілді, қаріптеріміз тек латын жазуын қолдайды, сондықтан басқа жазу жүйелерінде платформа қаріптері қолданылады, ең жаңа интерактивті элементтер азырақ тексерілді және үшінші тараптың аудиті жүргізілген жоқ.
Пайдалануға келмейтін кез келген нәрсе туралы [email protected] мекенжайына хабарлап, тақырып жолына Accessibility деп жазыңыз. Мұндай хабарлама ақау туралы есеп ретінде қарастырылады, ал тапсырманы орындауға кедергі келтіретін мәселелер басқа жұмыстардан бұрын түзетіледі.
Жиі қойылатын сұрақтар
Telvio қандай қолжетімділік стандартын ұстанады?
Веб-сайт үшін WCAG 2.2 AA деңгейі мақсат етіледі және сайт мерзімді түрде емес, әр релиз сайын тексеріледі. Контраст әр элемент нақты көрсетілетін фонға қатысты өлшенеді, ал талапқа сай келмеу құрастыру процесін тоқтатады. Толық сәйкестік мәлімделмейді.
Telvio веб-сайты JavaScript қолданбай жұмыс істей ме?
Иә. Әдепкіде ештеңе жасырылмайды да, скрипт арқылы көрсетілмейді, сондықтан JavaScript өшірілген немесе бұғатталған кезде әр бет өз мазмұнын көрсетеді. Салыстыру сүзгілері сияқты интерактивті функциялар бастапқыдан жұмыс істейтін беттерге қосылған мүмкіндіктер болып табылады.
Telvio-да қолжетімділік аудиті жүргізілді ме?
Веб-сайтқа да, қолданбаға да үшінші тарап аудит жүргізген жоқ. Сайттың әр релизі сайын автоматтандырылған және қолмен тексерулер орындалады, ал бұл мәлімдемеде белгілі кемшіліктер жасырылмай, көрсетілген.
Telvio қолданбасы экраннан оқу құралымен қолжетімді ме?
Қолданба платформаның өз қолжетімділік функцияларына сүйенеді: iOS жүйесіндегі VoiceOver және Dynamic Type, Android жүйесіндегі TalkBack және қаріп өлшемін өзгерту мүмкіндігі. Ол веб-сайтқа қарағанда сирегірек тексеріледі және әр релизге қатысты ресми қолжетімділік аудиті жүргізілмейді.
Қолжетімділік мәселесі туралы қалай хабарлаймын?
[email protected] мекенжайына тақырыбына Accessibility деп жазып, қай бетте немесе экранда болғанын, не істеуге тырысқаныңызды және не болғанын көрсетіп хат жіберіңіз. Қолданылатын көмекші технология мен нұсқасын жазсаңыз, пайдалы, бірақ бұл міндетті емес. Бес жұмыс күні ішінде жауап беруге тырысамыз.
Неліктен сайт менің тілімде басқа қаріпті қолданады?
Сайт жасалған екі қаріп тек латын жазуын қамтиды. Кириллица, деванагари, грузин, тай, араб, иврит, бенгал, эфиоп және CJK жазулары платформадағы өз қаріптеріне ауысады. Бұл әдетте оқылымдылық үшін жақсырақ, бірақ мұндай тілдік нұсқалардағы типографиялық бөлшектер біздің бақылауымызда болмайды.
