Veb sayt əlçatanlığı auditinin yoxlama siyahısı rəqəmsal məzmununuzun əlilliyi olan şəxslər də daxil olmaqla hər kəs tərəfindən istifadə edilə bilməsini təmin etmək üçün lazımi texniki addımları təmin edir. W3C Veb Məzmunu Əlçatanlığı Təlimatları (WCAG) bu auditlər üçün təməl rolunu oynayan rəqəmsal əlçatanlıq üçün texniki standartı təmin edir. Strukturlu yanaşmaya əməl etməklə siz istifadəçilərin saytınızla qarşılıqlı əlaqədə olmasının qarşısını alan maneələri müəyyən edirsiniz. Bu proses hər bir ziyarətçi üçün saytınızın düzgün işləməsini təmin etmək üçün kod keyfiyyətinə, klaviatura naviqasiyasına və məzmunun aydın təqdimatına diqqət yetirir.
Əlçatanlıq auditinin əsas komponentləri hansılardır?
Əlçatanlıq auditinin əsası HTML strukturunuzun ekran oxuyucuları kimi köməkçi texnologiyaları dəstəklədiyini yoxlamağı əhatə edir. Tərtibatçılar düzəni müəyyən etmək üçün header, nav, main və footer kimi teqlərdən istifadə edən semantik HTML-ə üstünlük verməlidirlər. Bu teqlərdən istifadə etdikdə siz brauzerlərə və köməkçi proqram təminatına səhifə strukturunuzun xəritəsini verirsiniz. Ümumi səhv hər şey üçün ümumi div teqlərindən istifadə etməkdir ki, bu da ekran oxuyucusu istifadəçilərini kontekstsiz qoyur. Həmişə başlıqlarınızın heç bir səviyyəni atlamadan h1 ilə başlayaraq ardıcıl olaraq h2, h3 və s. olmaqla məntiqi hiyerarxiyaya əməl etdiyini yoxlayın.
Digər kritik sahə qeyri-məzmun məzmunu üçün mətn alternativlərini əhatə edir. Saytınızdakı hər bir şəkil məlumat ötürürsə, şəklin məqsədini təsvir edən alt atributuna ehtiyac duyur. Əgər şəkil tamamilə dekorativdirsə, köməkçi texnologiyalara ona məhəl qoymamağı söyləmək üçün boş alt atributundan istifadə edin. Bu, istifadəçilər səhifələrinizdə naviqasiya edərkən lazımsız və ya çaşdırıcı məlumatlarla qarşılaşmamalarını təmin edir. Siz həmçinin bütün forma daxiletmələrinin əlaqəli etiketlərə malik olduğunu yoxlamalısınız, çünki bu etiketlər əlaqə və ya satınalma formalarını doldurmaq üçün ekran oxuyucularına güvənən insanlar üçün vacib kontekst təmin edir.
Klaviatura naviqasiyasını necə səmərəli şəkildə sınaya bilərsiniz?
Klaviatura naviqasiyası siçan və ya treykaddan istifadə edə bilməyən istifadəçilər üçün əsas tələbdir. Bunu sınamaq üçün siçanınızı ayırın və yalnız Tab, Enter və Space düymələrindən istifadə edərək veb saytınızın hər bir hissəsi ilə əlaqə saxlamağa çalışın. Siz menyular, düymələr və forma sahələri daxil olmaqla bütün interaktiv elementlərə məntiqi ardıcıllıqla çata bilməlisiniz. Ümumi problem klaviatura vasitəsilə seçildikdə elementi işıqlandıran CSS üslubu olan görünən fokus göstəricisinin olmamasıdır. Bu olmadan istifadəçi səhifədə harada olduğunu bilə bilməz.
Siz həmçinin heç bir klaviatura tələsinin olmadığından əmin olmalısınız. Klaviatura tələsi istifadəçi elementə və ya modal pəncərəyə tab etdikdə və geri qayıda bilmədikdə baş verir. Bu, çox vaxt zəif kodlanmış pop-uplar və ya xüsusi JavaScript sürgücükləri ilə baş verir. Bunu düzəltmək üçün açıq olduğu müddətdə fokusu modal daxilində tutan və modal bağlandıqda onu tətik elementinə qaytaran fokus idarəetmə skriptlərini həyata keçirin. Saytınızda naviqasiya menyusu varsa, bütün alt menyuların boşluq çubuğu və ya enter düyməsindən istifadə edərək genişləndirilə və yığıla bilməsini təmin edin.
Rəng və kontrast əlçatanlıqda hansı rolu oynayır?
Rəng kontrastı auditinizin sadə, lakin həyati vacib hissəsidir. Zəif görmə və ya rəng korluğu olan istifadəçilərin onu asanlıqla oxuya bilməsi üçün mətnin arxa planına qarşı kifayət qədər kontrastı olmalıdır. WCAG standartları normal və böyük mətnlər üçün xüsusi nisbətləri müəyyən edir. Canlı saytlarda bu nisbətləri yoxlamaq üçün brauzer tərtibatçı alətlərindən istifadə edə bilərsiniz. Məsələn, ağ fonda açıq boz mətn çox vaxt bu standartlara cavab vermir və oxunaqlılıq üçün əhəmiyyətli maneə yaradır. Məzmununuzu əlçatan etmək üçün həmişə yüksək kontrasta üstünlük verin.
Kontrastdan başqa, mənası çatdırmaq üçün heç vaxt təkcə rəngə etibar etməməlisiniz. Məsələn, bir formada xəta mesajları göst хоrsinizsə, sadəcə daxiletmə sərhədini qırmızı etməyin. Xətanı göstərmək üçün mətn təsviri və ya ikon əlavə edin. Bu, rəngləri ayırd edə bilməyən istifadəçilərə kömək edir. Artıq işarələr verməklə siz interfeysinizin vizual imkanlarından asılı olmayaraq hər bir istifadəçiyə öz vəziyyətini çatdırmasını təmin edirsiniz. Bu dizayn seçimi təkcə əlçatanlıq ehtiyacı olanlar üçün deyil, hamı üçün təcrübəni yaxşılaşdırır.
Əlçatanlıq Auditinin Yoxlama Siyahısı
- Bütün şəkillərin mənalı alt mətnə və ya dekorativ qrafika üçün boş alt atributlarına malik olduğunu yoxlayın.
- Hər bir forma daxiletməsinin unikal, əlaqəli etiket elementinə malik olduğundan əmin olun.
- Bütün interaktiv elementlərin yalnız klaviatura vasitəsilə əlçatan və istifadə edilə bilən olduğunu yoxlayın.
- Bütün fokuslanmış elementlərdə aydın, görünən fokus göstəricisinin göründüyünü təsdiqləyin.
- Mətn və arxa plan üçün minimum WCAG tələblərinə cavab vermək üçün rəng kontrastı nisbətlərini sınayın.
- Bütün başlıqların düzgün, iç-içə iyerarxiyaya əməl etməsini yoxlayın.
- Dinamik mətn dəyişikliklərinin ARIA canlı bölgələrindən istifadə edərək ekran oxuyucuları tərəfindən elan olunduğundan əmin olun.
- Səhifənin dilinin HTML teqində düzgün müəyyən edildiyini yoxlayın.
Alien Road əlçatanlıq standartlarını necə tətbiq edir
Alien Road olaraq biz bu əlçatanlıq yoxlamalarını standart inkişaf iş axınımıza inteqrasiya edirik. Yeni layihəyə başlayarkən sayt strukturunda ilkin audit keçirməklə baza xətti qururuq. Məsələn, müştəri üçün xüsusi WordPress mövzusu qururuqsa, hər bir şablon faylının əvvəldən düzgün semantik HTML testlərindən istifadə etməsini təmin edirik. Əlçatanlığı yoxlamaq üçün layihənin sonuna qədər gözləmirik. Bunun əvəzinə, müştəri üçün vaxt və resurslara qənaət edərək, yarandığı problemləri aşkar etmək üçün quruluş mərhələsində avtomatlaşdırılmış alətlərdən istifadə edirik.
Tipik əməkdaşlıqda prosesimiz avtomatlaşdırılmış skanların və əl ilə istifadəçi testlərinin qarışığını əhatə edir. Məzmunun ardıcıllığının mənalı olmasını yoxlayaraq, son quruluşu naviqasiya etmək üçün ekran oxuyucularından istifadə edirik. Biz həmçinin müştərilərimiz üçün hər hansı tapıntıları əks etdirən və məzmun komandaları üçün aydın, təsirli təlimatlar təqdim edən hesabat hazırlayırıq. Bu, onlara yeni səhifələr və ya bloq yazıları əlavə edərkən saytlarının standartını qoruyub saxlamağa kömək edir. Dizayn və tikinti dövrü ərzində əlçatanlığı prioritetləşdirməklə biz müştərilərimizə bütün ziyarətçiləri üçün daha yaxşı nəticələr əldə etməyə kömək edirik.
Auditinizin sənədləşdirilməsi nə üçün vacibdir?
Audit nəticələrinizi sənədləşdirmək zamanla irəliləyişi izləməyə və saytınız böyüdükcə standartları qorumağa imkan verir. Yaxşı audit sənədi yoxlanılan xüsusi səhifələri, istifadə olunan alətləri və aşkar edilmiş problemləri sadalamalıdır. Siz həmçinin hər bir problem üçün həyata keçirilmiş həlləri qeyd etməlisiniz. Bu sənədlər xüsusiyyətləri yeniləyərkən və ya yeni bölmələr əlavə edərkən komandanız üçün istinad rolunu oynayır. O, həmçinin əlçatanlığın texniki tələblərini başa düşməyə bilən maraqlı tərəflərə dəyişiklikləri izah etməli olduğunuz zaman kömək edir.
Sənədlərinizi naviqasiya, forma idarə edilməsi və məzmun düzeni kimi kateqoriyalara görə təşkil edə bilərsiniz. Tapıntılarınızı təsnif etdiyiniz zaman kodunuzdakı nümunələri müəyyən etmək daha asan olur. Məsələn, əgər formalarınızın əksəriyyətində etiketlərin olmadığını görsəniz, saytınızda əsas forma şablonunuzu yeniləməli olduğunuzu bilirsiniz. Bu sistemli yanaşma yalnız ayrı-ayrı səhvləri düzəltməkdənsə, kök səbəbləri həll etməyinizi təmin edir. Bu, bütün rəqəmsal domen üzrə daha ardıcıl və əlçatan təcrübəyə gətirib çıxarır.
Audit zamanı qarşısını almaq üçün ümumi tələlər
- Standart HTML elementləri daha yaxşı işləyəcəyi təqdirdə ARIA etiketlərinin həddindən artıq istifadə edilməsi.
- Cari səhifə məzmununu əks etdirmək üçün səhifə başlığı teqini yeniləməyi unutmaq.
- Brauzer böyütməsinin düzgün işləməsinə mane olan mətn ölçüsünün piksel ilə təyin edilməsi.
- İstifadəçi tərəfindən dayandırıla və ya dayandırıla bilməyən avtomatik oxutma mediasının daxil edilməsi.
- Klaviatura fokus idarəetməsini dəstəkləməyən xüsusi naviqasiya menyularının yaradılması.
- Sayta inteqrasiya olunmuş üçüncü tərəf plaginlərinin və ya vidjetlərinin əlçatanlığına məhəl qoymamaq.
- Ekran oxuyucularının məzmunu oxumasına mane olan faktiki mətn əvəzinə mətn şəkillərindən istifadə etmək.
Bu həftə haradan başlamaq lazımdır
Bu həftə saytınızın əsas səhifəsində sadə audit keçirməklə daha yaxşı əlçatanlığa doğru səyahətinizə başlaya bilərsiniz. Siçan olmadan hər bir linkə və düyməyə çata biləcəyinizi görmək üçün klaviatura naviqasiyasını yoxlamaqla başlayın. Bunu etdikdən sonra əsas məzmun sahənizin kontrast nisbətlərini yoxlamaq üçün brauzer alətindən istifadə edin. Təkcə bu iki addım ən çox yayılmış əlçatanlıq maneələrini üzə çıxaracaq. Tapdıqlarınız haqqında qeydlər aparın və istifadəçilərinizə ən böyük təsir göstərən problemlərə üstünlük verin.
Ən vacib problemləri müəyyən etdikdən sonra inkişaf qrupunuz üçün kiçik, idarə olunan tapşırıqların siyahısını yaradın. Hər şeyi birdən düzəltməyə çalışmayın. Şəkillər üçün əksik alt mətnin düzəldilməsi kimi bir sahəyə diqqət yetirin və növbəti mərhələyə keçməzdən əvvəl həmin tapşırığı tamamlayın. Kiçik, ardıcıl addımlar atmaqla siz veb saytınızı hər kəs üçün daha əlçatan və istifadəni asanlaşdıracaqsınız. Unutmayın ki, əlçatanlıq saytınıza baş çəkən hər bir istifadəçiyə fayda verən davamlı təkmilləşdirmə prosesidir.
Oxumağa davam edin: Veb Dizayn və Tərtibat · Veb Dizayn