Moda Həftəsi: Ən İsti Pist Görünüşü və İnkişaf etməkdə olan Dizaynerlər

Uyğunluq vəziyyəti

Biz qəti şəkildə inanırıq ki, internet hər kəs üçün əlçatan və əlçatan olmalıdır və şəraitdən və imkanlardan asılı olmayaraq, mümkün olan ən geniş auditoriya üçün əlçatan olan veb-sayt təqdim etməyə sadiqik.

Bunu yerinə yetirmək üçün biz Ümumdünya Şəbəkə Konsorsiumunun (W3C) AA səviyyəsində Veb Məzmununa Əlçatanlıq Təlimatları 2.1 (WCAG 2.1) ilə mümkün qədər ciddi şəkildə riayət etməyi hədəfləyirik. Bu təlimatlar veb məzmununun geniş çeşidli əlilliyi olan insanlar üçün necə əlçatan olmasını izah edir. Bu qaydalara riayət etmək bizə veb-saytın bütün insanlar üçün əlçatan olmasını təmin etməyə kömək edir: kor insanlar, motor qüsurlu insanlar, görmə qüsurları, idrak əlilləri və s.

Bu vebsayt onu hər zaman mümkün qədər əlçatan etmək üçün nəzərdə tutulmuş müxtəlif texnologiyalardan istifadə edir. Biz xüsusi əlilliyi olan şəxslərə vebsaytın UI-ni (istifadəçi interfeysi) tənzimləməyə və onu şəxsi ehtiyaclarına uyğun dizayn etməyə imkan verən əlçatanlıq interfeysindən istifadə edirik.

Bundan əlavə, vebsayt arxa planda işləyən və əlçatanlıq səviyyəsini daim optimallaşdıran AI əsaslı proqramdan istifadə edir. Bu proqram vebsaytın HTML-ni düzəldir, onun funksionallığını və davranışını kor istifadəçilərin istifadə etdiyi ekran oxuyucuları və motor qüsurları olan şəxslərin istifadə etdiyi klaviatura funksiyaları üçün uyğunlaşdırır.

Əgər nasazlıq aşkar etmisinizsə və ya təkmilləşdirmə üçün ideyalarınız varsa, sizdən şad olarıq. Aşağıdakı e-poçtdan istifadə edərək veb-saytın operatorları ilə əlaqə saxlaya bilərsiniz

Ekran oxuyucusu və klaviatura naviqasiyası

Veb saytımız müxtəlif davranış dəyişiklikləri ilə yanaşı, ARIA atributları (Əlçatan Zəngin İnternet Tətbiqləri) texnikasını tətbiq edir ki, bu da ekran oxucuları ilə ziyarət edən kor istifadəçilərin veb-saytın funksiyalarını oxumasını, dərk etməsini və həzz almasını təmin edir. Ekran oxuyucusu olan bir istifadəçi saytınıza daxil olan kimi, onlar saytınızı effektiv şəkildə nəzərdən keçirə və idarə edə bilməsi üçün dərhal Ekran Oxucu Profilinə daxil olmaq təklifi alırlar. Veb saytımız kod nümunələrinin konsol skrinşotları ilə yanaşı, ekran oxuyucu tələblərindən bəzilərini necə əhatə edir:

1. Ekran oxuyucusunun optimallaşdırılması: biz veb-saytı yeniləyərkən belə davamlı uyğunluğu təmin etmək üçün vebsaytın komponentlərini yuxarıdan aşağıya öyrənən fon prosesi həyata keçiririk. Bu prosesdə biz ARIA atributlar dəstindən istifadə edərək ekran oxucularını mənalı məlumatlarla təmin edirik. Məsələn, biz dəqiq forma etiketləri təqdim edirik; təsirli nişanlar üçün təsvirlər (sosial media nişanları, axtarış nişanları, araba ikonaları və s.); forma daxiletmələri üçün doğrulama təlimatı; düymələr, menyular, modal dialoqlar (açılan pəncərələr) və başqaları kimi element rolları. Bundan əlavə, fon prosesi veb-saytın bütün şəkillərini skan edir və təsvir olunmayan şəkillər üçün ALT (alternativ mətn) etiketi kimi dəqiq və mənalı təsvir obyektinin tanınmasına əsaslanan təsviri təqdim edir. O, həmçinin OCR (optik xarakter tanıma) texnologiyasından istifadə edərək, təsvirin içərisinə daxil edilmiş mətnləri çıxaracaq. İstənilən vaxt ekran oxuyucu tənzimləmələrini aktiv etmək üçün istifadəçilər yalnız Alt+1 klaviatura kombinasiyasını sıxmalıdırlar. Ekran oxuyan istifadəçilər veb-sayta daxil olan kimi Ekran oxuyucu rejimini aktivləşdirmək üçün avtomatik elanlar da alırlar.

   Bu tənzimləmələr JAWS və NVDA daxil olmaqla bütün məşhur ekran oxuyucuları ilə uyğun gəlir.

2. Klaviatura naviqasiyasının optimallaşdırılması: Arxa fon prosesi vebsaytın HTML-ni də tənzimləyir və vebsaytı klaviatura ilə işlək etmək üçün JavaScript kodundan istifadə edərək müxtəlif davranışlar əlavə edir. Buraya Tab və Shift+Tab düymələrindən istifadə edərək vebsaytda naviqasiya etmək, ox düymələri ilə açılan menyuları idarə etmək, Esc ilə onları bağlamaq, Enter düyməsini istifadə edərək düymələri və keçidləri işə salmaq, ox düymələrindən istifadə edərək radio və onay qutusu elementləri arasında getmək və onları Boşluq çubuğu və ya Enter düyməsi ilə doldurun. Bundan əlavə, klaviatura istifadəçiləri Alt+1 düyməsinə klikləməklə istənilən vaxt əlçatan olan sürətli naviqasiya və məzmun-keçmə menyularını və ya klaviatura ilə naviqasiya zamanı saytın ilk elementləri kimi tapa biləcəklər. Arxa fon prosesi, həmçinin klaviatura fokusunu görünən kimi onlara doğru hərəkət etdirərək işə salınan pop-upları idarə edir və fokusun ondan kənara sürüşməsinə imkan vermir.

   İstifadəçilər həmçinin xüsusi elementlərə keçmək üçün “M” (menyular), “H” (başlıqlar), “F” (formalar), “B” (düymələr) və “G” (qrafika) kimi qısa yollardan istifadə edə bilərlər.

Əlillik profilləri veb saytımızda dəstəklənir

• Epilepsiya Təhlükəsiz Rejimi: bu profil yanıb-sönən və ya yanıb-sönən animasiyalar və riskli rəng birləşmələri nəticəsində yaranan tutma riskini aradan qaldıraraq, epilepsiya xəstəsi olan insanlara vebsaytdan təhlükəsiz istifadə etməyə imkan verir.
• Görmə Əlillər rejimi: bu rejim görmə qüsuru olan istifadəçilərin rahatlığı üçün veb-saytı tənzimləyir, məsələn, Görmə qabiliyyətinin pisləşməsi, Tunel görmə, Katarakta, Qlaukoma və s.
• Koqnitiv Əlillik Rejimi: bu rejim Disleksiya, Autizm, CVA və başqaları kimi koqnitiv qüsurları olan istifadəçilərə veb-saytın əsas elementlərinə daha asan diqqət yetirməkdə kömək etmək üçün müxtəlif köməkçi seçimlər təqdim edir.
• DEHB Dost Rejimi: bu rejim DEHB və Neyroinkişaf pozğunluğu olan istifadəçilərə diqqəti yayındıran amilləri əhəmiyyətli dərəcədə azaldaraq, vebsaytın əsas elementlərini daha asan oxumağa, nəzərdən keçirməyə və diqqətini cəmləməyə kömək edir.
• Korluq rejimi: bu rejim vebsaytı JAWS, NVDA, VoiceOver və TalkBack kimi ekran oxuyucuları ilə uyğunlaşdırmaq üçün konfiqurasiya edir. Ekran oxuyucusu kor istifadəçilər üçün kompüterdə və smartfonda quraşdırılmış proqramdır və vebsaytlar onunla uyğun olmalıdır.
• Klaviatura Naviqasiya Profili (Motorda Zərərli): bu profil motor qüsurlu şəxslərə klaviatura Tab, Shift+Tab və Enter düymələrindən istifadə edərək vebsaytı idarə etməyə imkan verir. İstifadəçilər həmçinin xüsusi elementlərə keçmək üçün “M” (menyular), “H” (başlıqlar), “F” (formalar), “B” (düymələr) və “G” (qrafika) kimi qısa yollardan istifadə edə bilərlər.

Əlavə UI, dizayn və oxunaqlılıq düzəlişləri

1. Şrift düzəlişləri - istifadəçilər onun ölçüsünü artıra və azalda bilər, ailəsini (növünü) dəyişdirə, məsafəni, düzülüşü, xəttin hündürlüyünü və s. tənzimləyə bilər.
2. Rəng düzəlişləri - istifadəçilər açıq, qaranlıq, ters çevrilmiş və monoxrom kimi müxtəlif rəng kontrast profillərini seçə bilərlər. Bundan əlavə, istifadəçilər 7-dən çox müxtəlif rəngləmə seçimləri ilə başlıqların, mətnlərin və fonların rəng sxemlərini dəyişə bilərlər.
3. Animasiyalar - epileptik istifadəçilər bir düyməni basmaqla bütün çalışan animasiyaları dayandıra bilərlər. İnterfeys tərəfindən idarə olunan animasiyalara videolar, GIF-lər və CSS-in yanıb-sönən keçidləri daxildir.
4. Məzmunun vurğulanması - istifadəçilər bağlantılar və başlıqlar kimi mühüm elementləri vurğulamağı seçə bilərlər. Onlar həmçinin yalnız fokuslanmış və ya üzərinə qoyulmuş elementləri vurğulamağı seçə bilərlər.
5. Səsi susdurmaq - eşitmə cihazları olan istifadəçilər avtomatik səsin səsləndirilməsi səbəbindən baş ağrısı və ya digər problemlərlə üzləşə bilər. Bu seçim istifadəçilərə bütün vebsaytı dərhal səssizləşdirməyə imkan verir.
6. Koqnitiv pozğunluqlar - biz Vikipediya və Vikilüğətlə əlaqəli axtarış sistemindən istifadə edirik ki, bu da koqnitiv pozğunluğu olan insanlara ifadələrin, baş hərflərin, jarqonların və digərlərinin mənalarını deşifrə etməyə imkan verir.
7. Əlavə funksiyalar - biz istifadəçilərə kursorun rəngini və ölçüsünü dəyişmək, çap rejimindən istifadə etmək, virtual klaviaturanı işə salmaq və bir çox başqa funksiyalar təklif edirik.

Brauzer və köməkçi texnologiya uyğunluğu

Biz brauzerlərin və köməkçi texnologiyaların mümkün qədər geniş çeşidini dəstəkləməyi hədəfləyirik ki, istifadəçilərimiz mümkün qədər az məhdudiyyətlə onlar üçün ən yaxşı uyğun alətləri seçə bilsinlər. Buna görə də, biz Windows üçün Google Chrome, Mozilla Firefox, Apple Safari, Opera və Microsoft Edge, JAWS və NVDA (ekran oxuyucuları) daxil olmaqla, istifadəçi bazar payının 95%-dən çoxunu təşkil edən bütün əsas sistemləri dəstəkləyə bilmək üçün çox çalışmışıq. və MAC istifadəçiləri üçün.

Qeydlər, şərhlər və rəylər

Hər kəsə veb-saytı öz ehtiyaclarına uyğunlaşdırmağa imkan vermək üçün ən yaxşı səylərimizə baxmayaraq, hələ də tam əlçatan olmayan, əlçatan olmaq mərhələsində olan və ya onları əlçatan etmək üçün adekvat texnoloji həlli olmayan səhifələr və ya bölmələr ola bilər. Yenə də biz əlçatanlığımızı davamlı olaraq təkmilləşdirir, onun seçim və xüsusiyyətlərini əlavə edir, yeniləyir və təkmilləşdirir, yeni texnologiyalar hazırlayır və qəbul edirik. Bütün bunlar texnoloji irəliləyişlərdən sonra optimal əlçatanlıq səviyyəsinə çatmaq üçün nəzərdə tutulub. Hər hansı bir yardım üçün əlaqə saxlayın