Ekran oxuyucusu test alətləri, ekranda göstərilən mətni ucadan oxuyan və görmə qabiliyyəti zəif olan istifadəçilərə internetdə gəzməyə imkan verən proqramlardır. Bu alətlər mürəkkəb rəqəmsal interfeyslər ilə vizual olmayan naviqasiyaya güvənən istifadəçilər arasındakı boşluğu doldurur. Bu alətləri inkişaf prosesinizə daxil etməklə, məzmununuzun hər bir ziyarətçi üçün əlçatan qalmasını təmin edirsiniz. Bu bələdçi tərtibatçılar və dizaynerlər üçün saytlarının manual test vasitəsilə əsas əlçatanlıq tələblərinə cavab verdiyini yoxlamaq üçün birbaşa yol təqdim edir.
Niyə ekran oxuyucusu test alətlərindən istifadə etməlisiniz?
Əlçatanlıq çox vaxt sadəcə texniki yoxlama siyahısı kimi yanlış başa düşülür, lakin bu, ilk növbədə istifadəçi təcrübəsi ilə bağlıdır. Veb sayt qurduğunuz zaman brauzerin şərh etməli olduğu bir struktur yaradırsınız. Əgər bu strukturda etiketlər, başlıqlar və ya düzgün ardıcıllıq yoxdursa, ekran oxuyucusu səhifənizin məqsədini istifadəçiyə çatdıra bilməz. Bu alətlərlə test etmək məlumatın çatışmadığı və ya çaşdırıcı olduğu boşluqları müəyyən etməyə kömək edir. Bu, vizual şəbəkə əvəzinə xətti səs axını kimi təhlil edildikdə tərtibatınızın məntiqli olduğunu təsdiqləmək üçün zəruri bir addımdır.
Ən çox istifadə olunan ekran oxuyucuları hansılardır?
Bazarda əksər istifadəçilərin üstünlük verdiyi bir neçə standart ekran oxuyucusu var. Windows üçün NVDA, tərtibatçılar üçün yüksək səviyyədə nəzarət təmin edən populyar pulsuz və açıq mənbəli seçimdir. macOS və iOS cihazları üçün VoiceOver, mobil naviqasiya təcrübəsinin böyük bir hissəsini təmsil edən daxili sistemdir. Hər iki platformada test etmək faydalıdır, çünki hər bir brauzer mühərriki kodunuzu bir qədər fərqli şərh edə bilər. Ardıcıl yanaşma, inkişaf dövründə manual yoxlamalar aparmaq üçün bunları maşınınıza quraşdırmağı əhatə edir.
| Ekran oxuyucusu | Əsas platforma | Paylanma |
|---|---|---|
| NVDA | Windows | Açıq mənbə |
| VoiceOver | macOS/iOS | Yerli |
| JAWS | Windows | Kommersiya |
Yerli qısayollarla naviqasiyaya necə başlamaq olar?
Əsas klaviatura əmrlərini mənimsəmək effektiv test üçün vacibdir. Ekran oxuyucuları siçana güvənmək əvəzinə hərəkətləri yerinə yetirmək üçün xüsusi dəyişdirici düymələrə əsaslanır. NVDA və VoiceOver sənədləri, veb element strukturlarında naviqasiya etmək üçün NVDA Key + Down Arrow və ya VO + Right Arrow kimi yerli klaviatura qısayollarını təsvir edir. Bu əmrlərdən istifadə edərək, məzmun ardıcıllığının nəzərdə tutduğunuz dizayna uyğun olub-olmadığını yoxlamaq üçün başlıqlar, siyahılar və forma sahələri arasında hərəkət edə bilərsiniz. Bu manual qarşılıqlı əlaqə, gündəlik istifadəçinin düymələriniz və naviqasiya panellərinizlə necə işləyəcəyini təqlid edir.
Alien Road ekran oxuyucusu testini necə tətbiq edir
Alien Road-da biz gecikmiş yenidən işləmələrin qarşısını almaq üçün dizayn və qurma prosesimizə ekran oxuyucusu yoxlamasını inteqrasiya edirik. Tipik bir hesabda komandamız hər hansı bir üslub tətbiq olunmazdan əvvəl sənəd obyekt modelini audit etməklə başlayır. Biz header, main və footer kimi semantik HTML etiketlərinin düzgün istifadə edildiyini yoxlayırıq. Qurma mərhələsində biz hər bir şəklin müvafiq alt atributuna malik olduğunu və forma girişlərinin etiketlərlə düzgün əlaqələndirildiyini təsdiqləyirik. Bu, saytı təhvil verdikdə strukturun artıq köməkçi texnologiyalar üçün hazır olmasını təmin edir.
Manual test üçün ən yaxşı təcrübələr
Uğurlu manual yoxlama sakit mühit və ardıcıllığa diqqət tələb edir. Saytın tərtibatı haqqında vizual biliklərinizdən təsirlənməmək üçün monitorunuzu söndürməlisiniz. Əgər səhifəni görmədən məzmunu başa düşə və ya müəyyən bir hərəkətə çağırışa keçə bilmirsinizsə, ekran oxuyucusu olan istifadəçi də çətinlik çəkəcək. Mənbə kodunda göründüyü kimi elementlərin sırasına diqqət yetirin. Əgər CSS-iniz elementlərin vizual sırasını dəyişirsə, əsas HTML-in oxu axınını pozmayan məntiqli ardıcıllıqda qalmasını təmin edin.
- Vizual olmayan istifadəçi təcrübəsini simulyasiya etmək üçün monitoru söndürün.
- Bütün interaktiv düymələrin klaviatura düymələri vasitəsilə əlçatan olduğunu yoxlayın.
- Başlıqların məntiqli H1-dən H6-ya qədər strukturu izlədiyinə əmin olun.
- Şəkillərin məqsədini izah edən təsviri mətni olduğunu yoxlayın.
- Forma etiketlərinin müvafiq giriş sahələri ilə düzgün əlaqələndirildiyini təsdiqləyin.
Test zamanı qarşısı alınmalı olan ümumi səhvlər
Bir çox tərtibatçı rəng dəyişiklikləri və ya hover vəziyyətləri kimi vizual işarələrə çox güvəndikdə problemlərlə qarşılaşır. Bunlar xətti və ya mətn şəklində məlumat vermədikləri üçün ekran oxuyucuları üçün əlçatan deyil. Digər tez-tez rast gəlinən səhv, klik dinləyiciləri olan div etiketləri kimi düymələr üçün qeyri-semantik elementlərdən istifadə etməkdir. Bunlar siçan istifadəçisi üçün işləsə də, ARIA etiketlərini əl ilə əlavə etmədiyiniz halda ekran oxuyucuları üçün çox vaxt görünməz olurlar. Bütün alətlərdə ən yaxşı uyğunluq üçün həmişə yerli HTML düymələrinə və linklərinə üstünlük verin.
- Kliklənə bilən hərəkətlər üçün div və ya span elementlərindən istifadə etməyin.
- Səhvi və ya statusu göstərmək üçün yalnız rəngə güvənməyin.
- Klaviatura naviqasiyası zamanı fokus göstəricisini görünən saxlayın.
- İstifadəçini məzmunu ötürməyə məcbur edən təkrarlanan naviqasiya menyularından çəkinin.
- Buraya klikləyin kimi ümumi ifadələr əvəzinə təsviri link mətnindən istifadə edin.
Bu həftə haradan başlamaq lazımdır
Səyahətinizə əsas Windows iş stansiyanızda NVDA yükləyərək və ya Mac-da VoiceOver-i aktivləşdirərək başlayın. Cari veb saytınızda əlaqə forması və ya bloq yazısı kimi bir sadə səhifə seçin. Həmin səhifəni açın və yalnız öyrəndiyiniz klaviatura qısayollarından istifadə edərək header, əsas məzmun və footer-də naviqasiya etməyə çalışın. Əgər ilişib qalsanız, HTML etiketlərinizi və etiketlərinizi yenidən nəzərdən keçirin. Bu problemləri bir səhifədə həll etmək sizə zamanla bu dəyişiklikləri saytınızın qalan hissəsinə tətbiq etmək üçün inam verəcəkdir.
Tez-tez verilən suallar
Hər bir brauzerdə test etməliyəmmi?
Bütün brauzerlərdə test etmək ideal olsa da, əksər əlçatanlıq problemləri brauzerin özündən deyil, HTML strukturundan qaynaqlanır. Ən çox istifadə etdiyiniz kombinasiya ilə, məsələn, Chrome və NVDA ilə test etməyə başlayın. Bununla rahatlaşdıqdan sonra, müxtəlif əməliyyat sistemlərində əhatə dairəsini təmin etmək üçün testinizi Safari və VoiceOver-i daxil etməklə genişləndirin.
Avtomatlaşdırılmış alətlər uyğunluq üçün kifayətdirmi?
Avtomatlaşdırılmış alətlər çatışmayan alt etiketləri və ya aşağı rəng kontrastı kimi əsas səhvləri tutmaq üçün əladır, lakin onlar səhifənin məntiqi axınını qiymətləndirə bilmirlər. Təcrübənin həqiqətən istifadəyə yararlı olduğunu təsdiqləmək üçün manual test zəruridir. İstifadəçiləriniz üçün ən yaxşı nəticələri əldə etmək üçün avtomatlaşdırılmış yoxlamaları həmişə manual naviqasiya ilə birləşdirin.
Ekran oxuyucusu testini nə qədər tez-tez aparmalıyam?
Hər hansı yeni funksiya və ya səhifə şablonunun hazırlanması zamanı ekran oxuyucusu yoxlamalarını daxil etməlisiniz. Bunu standart qurma prosesinizin bir hissəsinə çevirməklə, texniki borcun yığılmasının qarşısını alırsınız. Dizayn və kodlaşdırma mərhələlərində tez-tez test etmək, sayt artıq yerləşdirildikdən sonra əlçatanlıq problemlərini həll etməyə çalışmaqdan daha asandır.
Ekran oxuyucusunun özündə bir səhv tapsam nə olar?
Ekran oxuyucusu səhvləri nadirdir, lakin baş verir. Proqram təminatı xətası kimi görünən bir problemlə qarşılaşsanız, eyni səhifəni fərqli ekran oxuyucusu ilə test etməyə çalışın. Əgər davranış alətlər arasında ardıcıldırsa, problem çox güman ki, kodunuzdadır. Ən çox istifadə olunan köməkçi texnologiyalarla maksimum uyğunluğu təmin etmək üçün HTML strukturunuzu təkmilləşdirməyə diqqət yetirin.
Oxumağa davam edin: Veb dizayn və inkişaf · Veb dizayn