- 10 yanvar
Daha əlçatan çapa mətnləriNə: Sənədlərimizi daha əlçatan etmək üçün davam edən səylərimizin bir hissəsi olaraq, müxtəlif çapa mətnlərini yenilədik ki, onlar hədəf səhifəni daha çox təsvir etsinlər.
Niyə: Ekran oxuyucunun parametrlərindən asılı olaraq, istifadəçi səhifədə keçiddən keçidə keçid edə bilər, beləliklə, səhifədəki hər bir lövbər mətni hətta ətrafdakı kontekst olmadan da təsviri olmalıdır.
9 yanvar
Hashtaglardan istifadə etmək üçün @id istinadları dəyişdirilirNə: Bunun əvəzinə hashtaglardan istifadə etmək üçün səhifədaxili @id istinadlarından istifadə edən bütün strukturlaşdırılmış data kodu nümunələrini dəyişin. Məsələn, resept sənədlərimizdəki kliplər nümunəsi.
Niyə: RDF-də heşteqlərdən həll oluna bilən səhifədaxili qovşaq identifikatorları kimi istifadə etmək ən yaxşı sxemdir və biz nümunələrimizin ən yaxşı təcrübələrə uyğun olmasını istəyirik. Bununla belə, hələ də səhifədaxili identifikatorlardan istifadə edirsinizsə, mövcud ID-lərinizi dəyişməyə ehtiyac yoxdur.
Məhsula suggestedAge üçün dəstək əlavə edilir
Nə: SuggestedMaxAge və suggestedMinAge-ə alternativ olaraq suggestedAge xassəsi üçün əlavə dəstək. Məhsulun strukturlaşdırılmış data sənədlərində yaş aralığı üçün mümkün dəyərlərin siyahısını aydınlaşdırdıq.
Niyə: Biz insanların məhsul üçün yaş aralığını təyin etməsini asanlaşdırmaq və daha çevik etmək istəyirik. Həmçinin, əvvəlki ifadə çaşdırıcı idi və məhsulun yaş aralığı ilə bağlı Merchant Center sənədlərinə uyğun gəlmədi.
5 yanvar
Parçaların əsas mənbəyinin aydınlaşdırılmasıNə: Parçalar haqqında sənədimizdə aydınlaşdırılıb ki, fraqmentin əsas mənbəyi səhifə məzmununun özüdür.
Niyə: Əvvəlki ifadə yanlış şəkildə strukturlaşdırılmış məlumatın və meta təsviri HTML elementinin fraqmentlər üçün əsas mənbələr olduğunu nəzərdə tuturdu.
—
Təsviri keçid mətni
Veb səhifəyə mətn əsaslı keçidlər əlavə edərkən, hiperlink üçün hansı sözləri diqqətlə seçin. Ümumi qayda həmişə açar sözləri əlaqələndirməkdir. Açar sözlərin əlaqələndirilməsi:
axtarış motorunun optimallaşdırılmasına kömək edir
veb səhifənizi skan edən, görmə qabiliyyəti olan istifadəçilərə ətraflı məlumat verin
ekran oxuyucusu və ya digər köməkçi texnologiyadan istifadə edə bilən görmə qabiliyyəti olmayan şəxslərə kontekst təqdim edin
Linklər, Ekran Oxucular və ƏlçatanlıqƏlaqədar mətn kontekstdən kənar mənalı olmalıdır. Bunun səbəbi, ekran oxuyucularının çox vaxt ətrafdakı mətni atlayaraq linkdən keçidə keçməsidir. Onlar hər bir keçidi ardıcıl olaraq yüksək səslə oxuyacaqlar.
Məsələn, əgər link mətniniz “Mis Ölkəsi”dirsə, ekran oxuyucusu “Mis Ölkəsinə keçid” deyəcək və istifadəçi biləcək ki, bağlanan veb səhifə çox güman ki, Mis Ölkəsi haqqındadır. Əvəzində link mətniniz “buraya klikləyin” olarsa, ekran oxuyucusu link bura klikləyin deyəcək və istifadəçinin əlaqələndirilmiş veb-səhifənin nə haqqında olması barədə heç bir fikri olmayacaq.
Yaxşı Nümunə
<p>Michigan Tech və <a href=”/tour/copper-country/”>Mis Ölkəsi</a> kiçik şəhər hissi keçirir. Tələbələr və icma üzvləri bunun düzgün olduğunu deyirlər – o qədər də böyük deyil ki, itirmək asan deyil, amma çox da kiçik deyil. Evə zəng etmək üçün ideal yer.</p>
Pis Nümunə
<p>Michigan Tech və Copper Country kiçik şəhər hissi keçirir. Tələbələr və icma üzvləri bunun düzgün olduğunu deyirlər – o qədər də böyük deyil ki, itirmək asan deyil, amma çox da kiçik deyil. Evə zəng etmək üçün ideal yer. <a href=”/tour/copper-country/”>Ətraflı məlumat üçün bura klikləyin</a>.</p>
Ekran oxuyucusu istifadəçilərinin faydalana biləcəyi digər xüsusiyyət səhifə keçidlərini əlifba sırası ilə sifariş etmək imkanıdır. Bu, istifadəçinin artıq əlaqə forması və ya işçilərin siyahısı kimi xüsusi bir keçidi nəzərə aldığı halda xüsusilə faydalıdır. Ən vacib açar sözləri keçid mətninizin əvvəlində saxlamaq vacibdir. “İşçilərin siyahısı” gözlənildiyi kimi əlifba sırası ilə görünəcək. “İşçi siyahısına bax” olmayacaq.
Link mətninin yazılması üçün məsləhətlər
Link mətninin əlçatan olmasını təmin etmək üçün aşağıdakı ipuçlarından istifadə edin:
Link mətni kimi URL-dən istifadə etməyin; xüsusilə uzun və ya mürəkkəbdirsə
URL-lər insanlar və ya ekran oxuyucuları tərəfindən asanlıqla oxunmaya bilər
Əlaqədar ifadələri mümkün qədər qısa saxlayın, eyni zamanda kontekstdən kənarda hələ də mənalı olun. Bu, ekran oxuyucusu istifadəçilərinin vaxtına qənaət edəcək, çünki daha az danışmağa ehtiyac olacaq. Misal üçün,
“Bir hədiyyə etmək” üçün “Onlayn hədiyyə etmək üçün üstünlük verilir”
“bizimlə əlaqə saxlaya bilərsiniz” əvəzinə “bizimlə əlaqə saxlayın” seçiminə üstünlük verilir
Ən azı bir tam sözü birləşdirin. İki söz ümumiyyətlə daha yaxşıdır.
Yalnız hərf və ya simvoldan ibarət olan linkə klikləmək çətin olacaq və kontekst təmin etməyəcək
Əgər linkinizə fəaliyyət göstərişləri əlavə etməlisinizsə, onları sonuna qoyun. Misal üçün,
“Bizimlə əlaqə saxlayın (popup açılır)” “Link popup açılır: bizimlə əlaqə saxlayın” deməkdir
Mətninizə “link” sözünü əlavə etməyin
Veb səhifənizdəki hər bir unikal keçidin unikal keçid mətnindən istifadə etdiyinə əmin olmağa çalışın
Eyni səhifəyə gedən iki fərqli işçi siyahı linkiniz varsa, bu yaxşıdır. Əgər onlar müxtəlif səhifələrə gedirlərsə, bu fərqli olmalıdır, məsələn, “rəqəmsal xidmətlər işçiləri” və “çap xidmətlərinin işçiləri”
Əgər “daha çox oxumaq” sözündən tez-tez istifadə etsəniz, kontekst olmadan təkrar-təkrar danışılan “daha çox oxuyun” sözünü eşitmək ekran oxucusu üçün nə qədər əsəbi olacağını təsəvvür edin.
href=”” istifadə edərək heç vaxt boş keçidləri daxil etməyin
Bağlayan Isehrbazlar
Bəzi veb-səhifələr üçün mətni əlaqələndirmək əvəzinə şəkli veb-səhifə ilə əlaqələndirmək uyğun ola bilər. Bu hallarda, ekran oxuyucusu keçid mətni kimi şəklin alternativ mətnini (ALT etiketi) oxuyacaq. ALT teqində şəklin həm məzmunu, həm də funksiyası olmalıdır. Şəkil dekorativdirsə, onda yalnız funksiya lazımdır.
Dekorativ şəkil nümunəsi
<p><a href=”/tour/copper-country/”><img src=”my-picture.jpg” alt=”Kadrların siyahısı” /></a></p>
Məlumat Şəkil nümunəsi
<p><a href=”/tour/copper-country/”><img src=”my-picture.jpg” alt=”Ümumi qarın 200 düymünü göstərən diaqram; aylıq yarımcəmlərə keçid” /></a> </p>
Könüllü Proqramlaşdırma Texnikaları
Ümumi keçid mətnini saxlamaq istədiyiniz hallar ola bilər, məsələn, “[daha çox oxuyun].” Bu hallarda siz ekran oxuyucularına keçid kontekstini vermək üçün aria-label və ya aria-labelledby istifadə edə bilərsiniz.
ariya etiketi nümunəsi
Əksər ekran oxucuları keçid mətninin yerinə ariya etiketi atributunu yüksək səslə oxuyacaqlar. Məsələn, Mis Ölkəsi ilə əlaqəli “daha çox oxu” linki aşağıdakı kimi kodlaşdırıla bilər:
<p class=”right”><a href=”/tour/copper-country/” aria-label=”Mis Ölkə”>[daha çox oxu]</a></p>
aria-labelledby Nümunə
Yaxınlıqdakı başlığın hərəkət edə biləcəyi hallar ola bilər ki, ümumi keçid üçün mükəmməl etiketdir. Bu halda, aria-labelledby istifadə edərək həmin başlığı ümumi linkə qoşa bilərsiniz.
<h2 id=”copper-country”>Mis Ölkə</h2>
<p>Michigan Tech və Copper Country kiçik şəhər hissi keçirir. Tələbələr və icma üzvləri bunun düzgün olduğunu deyirlər – o qədər də böyük deyil ki, itirmək asan deyil, amma çox da kiçik deyil.</p>
<p class=”right”><a href=”/tour/copper-country/” aria-labelledby=”copper-country”>[ətraflı məlumat]</a></p>
Ekran oxuyucusu “link, daha çox öyrən” demək əvəzinə “link, Copper Country” deyəcək.
Link mətni sınaqdan keçirilir
Veb səhifənizdəki hər bir keçidi danışmaq üçün ekran oxuyucudan istifadə edə biləcəyiniz ən yaxşı sınaqdır. Bununla belə, ekran oxuyucuya girişiniz yoxdursa, hər bir keçidiniz üçün əlaqəli mətni yüksək səslə oxuyun. Oxuduğunuz kimsə yalnız danışılan əlaqəli sözlərə əsaslanaraq hansı məzmunu bağladığınızı başa düşə bilərmi?
Daha ətraflı
Təsviri keçid mətni haqqında daha çox öyrənmək üçün:
WebAIM: Bağlantılar və Hipermətn
W3C: Bağlantı Məqsədi (Kontekstdə)
Omni CMSVeb səhifənizin məzmununda keçid yaratmaq üçün mətninizi və ya şəklinizi vurğulayın, sonra alətlər panelindəki link işarəsinə klikləyin və ya Cmd/Ctrl + K qısa yolundan istifadə edin.
Aria-label və ya aria-labelledby atributunu əlavə etmək üçün alətlər panelindən istifadə edərək mənbə koduna keçin.
Səhifənizin əsas hissəsinə alternativ mətni olan şəkil əlavə etmək üçün Şəkil Daxil et bölməsində dördüncü addımı oxuyun. Artıq veb səhifənizin mətnində olan şəklin alternativ mətnini dəyişdirmək üçün şəkli seçin və sonra alətlər panelindən “Şəkli daxil edin/redaktə et” düyməsini klikləyin.
Recent Comments