Hər kəsin ehtiyaclarına uyğun bir sayt ilə daha çox oxucu cəlb edin
Veb saytınızı əlil insanlar üçün əlçatan etməklə, sona çatdıqdan sonra hər kəs üçün əlçatan olur. Əslində veb saytınızı daha əlçatan etmək, hətta axtarış motorlarında veb saytınızı tapmaqda kömək edə bilər. Niyə? Axtarış motorları, veb səhifənin məzmununu tapmaq və anlamaq üçün ekran oxucularının etdiyinə dair bir çox sinyalleri istifadə etdiyinə görə.
Ancaq tam olaraq kodlaşdırma mütəxəssisi olmayaraq əlçatan bir veb saytını necə açırsınız?
Burada əsas HTML bilikləri olan hər kəs veb saytın əlçatanlığını artırmaq üçün istifadə edə biləcək bəzi məsləhətlər və fəndlərdir.
Web Erişilebilirlik Alətləri
W3C veb saytı ilə potensial problemləri müəyyən etmək üçün bir çeyrek kimi istifadə edə biləcəyiniz veb səhifələrinə daxil olmaq üçün əlverişli bir vasitədir. Yəni, hələ də bir ekran oxucu ilə kəşf etmək və özünüz üçün yaşayıram.
Müəlliflə əlaqəli texnologiya nədir və necə işləyir?
Ekran oxucularını anlama
Veb saytınızın əlçatanlığını artırmaq üçün ən əhəmiyyətli yollardan biri, ekran oxucuları tərəfindən başa düşülə biləcəyini təmin etməkdir. Ekran oxucuları ekranda mətni oxumaq üçün sintez səs istifadə edirlər. Bu olduqca sadə səslənir; ancaq ekran oxucuları veb-saytınızı hazırda qurduğunuz şəkildə anlaya bilməz.
Birincisi, bir ekran oxuyucunu sınamaq və bunun necə gedəcəyini görməkdir. Bir Macdə olsanız, VoiceOver istifadə edin.
- Sistem Tercihlərinə Gedin .
- Erişilebilirliyi seçin .
- VoiceOver seçin .
- VoiceOver'u aktivləşdirmək üçün qutuyu yoxlayın .
Komanda-F5 istifadə edərək, onu dəyişə bilərsiniz.
Bir Windows maşınında olsanız, NVDA'yı yükləyə bilərsiniz. Kısayol nəzarət + alt + n ilə dəyişə bilərsiniz.
Hər iki ekran oxucu istifadəçi klaviatura ilə gedin (bu görünmürsə, bir siçan istifadə edərək, bir problem ola bilər) və naviqasiya üçün bir fokus sahəsi yaratmaq imkan verir. Fokus, əsasən, klaviatura "işarələnmişdir", lakin odur ki, bir kursor yerinə diqqət obyektinin ətrafında vurulmuş bir qutu kimi göstərilir.
Səs pitchini və səsin oxuduğu sürəti dəyişə bilərsiniz (standart bir səs səsini oxumağa təxminən beş dəqiqədən sonra, onlar adətən). Kör insanlar adətən ekran oxucularla yüksək sürətlə qurulan veb saytı oxuyurlar.
Bu, gözlərinizi gözlərinizə bağlamağa kömək edə bilər, ancaq onları açıq və müqayisə etməyə kömək edə bilər. Veb saytınıza qulaq asmağa çalışdığınız zaman dərhal fərqlənə biləcəyiniz şeylərdən bəziləri mətnin bəzilərinin sifarişsiz ola bilməsi. Mövzular və masalar mayalanır. Şəkillər atlanacaq və ya "şəkil" və ya bir şeyə bərabər köməksiz ola bilər. Cədvəllər kontekst olmadan bir sıra maddələr kimi oxunmağa meyllidir.
İnşallah bunu düzəldə bilərsiniz.
Alt tags və ya alternativ xüsusiyyət
Alt-tag və ya alternativ (alt) özniteliği bir təsviri təsvir etmək üçün HTML-də istifadə olunur. HTML-də belə bir şey görünür:
Veb saytınızı HTML kodunuzu gizlədəcək bir vizual vasitə ilə olsa belə, demək olar ki, həmişə bir təsviri təsvir etmək üçün bir şansınız olacaq. Siz (alt = "") heç bir şeyə daxil ola bilməzsiniz, lakin hər bir təsvirə faydalı təsvir vermək həqiqətən daha yaxşı olardı. Kör olsaydınız, şəkil haqqında nə bilmək istəyirsiniz? "Qadın" çox kömək etmir, amma "Erişilebilirlik, Kullanışlılık, Marka ve Tasarım da daxil olmaqla qadın çizim akış çizelgesini çizer."
Başlıq Metni
Veb saytlar həmişə HTML başlığı etiketi göstərmir, lakin ekran oxucular üçün faydalıdır. Veb-səhifəmizin hər bir səhifəsinin səhifənin nə ilə bağlı olduğunu izah edən bir təsviri (lakin çox həssas) başlığı olduğundan əmin olun.
Vebinizi Yaxşı Məlumat Hiyerarşisi Verin
Başlıqlı mətnin böyük hissələrini parçalayın və mümkünsə H1, H2, H3 hiyerarşisi ilə başlıqları müvafiq şəkildə istifadə edin. Yalnız ekran oxucular üçün veb saytınızı asanlaşdırmır, həm də hər kəs üçün asanlaşdırır. Google və digər axtarış motorları üçün veb-saytınızı daha yaxşı göstərmək üçün böyük bir siqnaldır.
Eləcə də, veb saytınızın mantıksal məzmunlu qaydada olduğundan və əlaqəli olmayan məlumatların qutuları görünməyindən əmin olmalısınız. Reklamlar istifadə edirsinizsə, reklamlarınızın həddindən artıq müdaxilə etmədiyini və veb səhifənizdə mətni çox vaxt pozduğuna baxın.
Daha yaxşı masalar olun
HTML masaları istifadə edirsinizsə, yalnız bir masanın başlığını qalın mətndə etməkdən daha çox ekran oxucuları tərəfindən anlamaq üçün onları asanlaşdırmaq üçün etiketləri istifadə edərək tablolarınıza mövzu əlavə edə bilərsiniz. Ayrıca, "əhatə" elementini əlavə edə bilərsiniz və ekran oxuculara hər hansı bir kontekst vermədən bir sıra masa hüceyrələrini silməyəcək şəkildə masaüstünüzdə yeni satırlar və sütunlar etiketləyin.
Keyboard Naviqasiya
Ümumiyyətlə, veb-saytınıza qoyduğunuz hər hansı bir şey ancaq bir klaviatura istifadə etməklə edə biləcək bir şey olmalıdır. Yəni, ekran oxuyucusu ilə istifadə edə bilmirsinizsə, naviqasiya düymələrini animasiya açılan düymələr olmalı (cəhd edin və əmin deyilsinizmi - bəzi düymələr klaviatura istifadə üçün proqramlaşdırılmışdır).
Bağlı yazılar
Veb saytınıza video və ya audio elementləri əlavə etsəniz, onların başlığı olmalıdır. HTML5 və bir çox video axın xidməti (YouTube kimi) kapalı mövzu dəstək təklif edir. Qapalı başlıqlar yalnız əlçatanlıq üçün deyil, həm də bir ofisdə və ya səs-küylü bir yerdə səs oynaya bilməyəcək bir yerdə veb səhifənizi gəzən istifadəçilər üçün də faydalıdır.
Podcasts və ya digər audio elementləri üçün mətn transcriptini təqdim etməyi düşünün. Səsə qulaq asa bilməyən insanlar üçün yalnız mətn Google və digər axtarış mühərrikləri üçün məzmunu indeksləşdirmək və Google sıralamasına kömək etmək üçün asanlaşdıra bilər.
ARIA
Əlavəlik səviyyəsinə çıxmaq istəyirsinizsə, HTML5 ARIA və ya WAI-ARIA spesifikasiyası yeni standartın irəliləməsi məqsədi daşıyır. Ancaq bu, bir kompleks (və inkişaf edən) texniki dərslikdir, buna görə nə edə bilərsəniz, veb saytında müraciət edə biləcək hər hansı bir problemin olmadığını görmək üçün bir ARIA validator istifadə edin. Mozilla da ARIA ilə başlamaq üçün daha əlçatan bir bələdçə sahibdir.