Vizual nuqsonlari bo'lgan odamlar uchun qulay dizayn

Rangli ko'r-ko'rona ko'rish
Kundalik hayotimiz uchun zarur bo'lgan ma'lumotlarning 80% ko'rish organini o'z ichiga oladi. Bu shuni anglatadiki, bizda mavjud bo'lgan ko'nikmalarning aksariyati, biz ishlab chiqaradigan faoliyat va olgan bilimlarimiz ko'rish orqali amalga oshiriladi. Optimal ko'rish maydoniga ega bo'lmagan barcha odamlar uchun bu juda qiyinlashadi. Ko'zi ojizlar uchun qulay dizayn yaratish zarur. Chunki bu aholining muhim massasiga ta'sir qiladi.

285 million odam ozmi-ko'pmi zarar ko'rmoqda. Ularning 39 millioni umuman ko'rlardir qolganlari esa ko'rish qobiliyati past. Bizda mavjud bo'lgan vositalarni ushbu odamlarning barchasiga moslashtirishimiz kerak deb o'ylash mantiqan. Chunki bu hamma uchun bir xil ma'lumotdan foydalanishni teng ravishda osonlashtiradi.

Va nafaqat ko'rish qobiliyati cheklangan odamlar uchun, balki navigatsiyaga ta'sir qiladigan boshqa nogironlar ham mavjud.

  • Eshitish vositasi
  • Kognitiv
  • Nevrologik
  • Visual

Ushbu maqolada biz vizual aspektga e'tibor qaratmoqchimiz. Shuningdek, veb-sahifalarni o'zgartirish bo'yicha maslahatlar, hamma uchun postni o'qish. Ushbu ishni osonlashtirishga yordam beradigan ba'zi vositalarni ham nomlaymiz. Va oddiy tasvir turli xil ko'rish qobiliyati cheklangan odamga qanday ta'sir qilishini ko'rib chiqamiz.

Veb-sayt ko'rish qobiliyati cheklangan odamlarga shunday ta'sir qiladi

Siz davolayotgan nogironlikka qarab, kabi oddiy veb-sahifa Google ba'zi odamlar uchun muammolarni keltirib chiqarishi mumkin. Gap shundaki, ranglar yoki shakllar bundan aziyat chekadigan odamlar uchun cheklovlar bo'lishi mumkin.

URangli ko'r odam ma'lum ranglarni farqlay olmaydi yoki ularni boshqalar bilan aralashtirib yuborishi mumkin. Bu Google-dan foydalanish uchun muhim bo'lib tuyulishi mumkin. Ammo tasavvur qiling-a, fonda ham, tugmachalarda ham bir xil ohang va yorqinlikka ega deb qabul qilinishi mumkin bo'lgan bir nechta ranglar mavjud. Ushbu tugmalarni ko'rish, undan azob chekayotgan odam uchun tartibsizlikni keltirib chiqarishi mumkin.

Rangli ko'r-ko'rona ko'rish

G'alati, to'g'rimi? Rangli ko'r odam buni shunday qabul qilishi mumkin. Bu sizga ta'sir qiladigan ranglar turiga ham bog'liq. "NoCoffee" kengaytmasi yordamida nogironlik bo'yicha turli xil ekran rejimlarini simulyatsiya qiladi (Faqat Google Chrome-da mavjud). Biz bu odamlarning ahvolini tekshirishga muvaffaq bo'ldik. Mana ba'zi misollar:

Kontrastni yo'qotish

Kontrastni yo'qotish

Arvoh ko'rinishi

Arvoh ko'rinishi

Palapartishlik

"Katarata" bilan ko'rish

Loyqa ko'rinish

Loyqa ko'rinish

Periferik ko'rinish

Periferik ko'rinish

Avval aytib o'tganimizdek, ushbu turdagi muammolar jami 285 million kishini qamrab oladi. Shu sababli, ushbu qulaylikni osonlashtirish uchun biz veb-saytimizda foydalanishimiz mumkin bo'lgan ba'zi foydali vositalarni tushuntirib beramiz.

Biz allaqachon bilganimizdek, turli xil muammolar uchun vositalar mavjud. Bizning brauzerlarda keladigan standart vositalar. Google chrome, Mozilla va boshqalar bo'lsin. Ammo bu vositalar asosiy va ular etarli emas. Asboblar:

 

  • Tarkibni ko'paytiring yoki kamaytiring (lupa)
  • Rang va kontrast o'zgaradi
  • Videolardagi subtitrlar
  • Rasmning tavsifi (afsona)

 

 

Ko'rib turganingizdek, bu etarli emas. Ammo ularni bilish har qanday vaqtda bizga yordam berishi mumkin. Buni foydalanuvchiga yaxshilash uchun quyidagi vositalar qo'shimchalar. Va hamma uchun ochiq bo'lgan veb-maydonlarni targ'ib qilish strategiyasi.

Ko'zi ojiz foydalanuvchi uchun vositalar

Quyidagi vositalar mutlaqo bepul va ularni biz qoldiradigan havolalarda yuklab olishingiz mumkin. Foydalanuvchi nogironlik turiga qarab, ba'zilari ular uchun ko'proq foydali bo'ladi.

  • Rangli g'ildirak: Bu kirish muammolarini keltirib chiqarmaydigan ranglarning kombinatsiyalarini tanlash vositasi.
  • Yuqori kontrast: Bu siz matnlarni osonroq o'qish uchun kontrastni tanlashingiz mumkin bo'lgan vosita.
  • ChromeVox Ko'zi ojizlar uchun zarur bo'lgan narsa - ko'rish qobiliyati cheklangan foydalanuvchilarga Chrome tezligi, ko'p qirraliligi va xavfsizligini keltiradi.
  • CLiCk, gapiring: Mozilla Firefox brauzeri uchun ekran o'quvchi. Ushbu vosita ko'rish qobiliyatiga ega bo'lgan yoki butunlay ko'r bo'lgan odamlar uchun juda foydali.
    Oson gapiradigan bloknot 3.0: Ushbu vosita yordamida sizning kompyuteringizda elektron pochta xabarlari yoki matnli hujjatlar o'qiladi.
  • Ed Veb: Matn va belgilar kombinatsiyasi sifatida veb-sahifalarni ham namoyish eta oladigan nutq sintezatori brauzeri.
  • Rang kontrastini tekshirish: WCAG 2.0 formulasi yordamida fon va matn rangini belgilashga va ularning kontrastini tekshirishga imkon beruvchi vosita.

Ko'pgina kirish dasturlaridan farqli o'laroq, u faqat HTML5, CSS va Javascript kabi veb-texnologiyalar yordamida yaratilgan. ChromeVox zamonaviy ish stoli tajribasini ta'minlash uchun W3C ARIA (Rich Internet Application Access) dan foydalanadigan zamonaviy veb-dasturlarga, shu jumladan misli ko'rilmagan kirishni ta'minlash uchun yaratilgan.

Oson kirish uchun veb-dizayn

Internetga kirish imkoniyati
Agar siz veb-dasturchi bo'lsangiz yoki veb- va siz loyihani boshlashingiz kerak. Ushbu ko'rsatmalarni bilib, o'zingizning dizayningizni rejalashtirishingiz kerak. Shunday qilib, biz barcha foydalanuvchilarga bir xil imkoniyatlarga ega bo'lishga imkon beramiz. Quyidagi takliflar ishlab chiqilgan Onlayn ijod.

Sahifa sarlavhalarini taqdim eting

Sahifa sarlavhalari (H1, H2 va boshqalar) veb-sahifaning tuzilishini aniqlashga imkon beradi. Ekran o'quvchi sizga sahifaning sarlavhalarida harakat qilish imkonini beradi. Shu tarzda ekran o'quvchisidan foydalanuvchi sahifaning turli qismlariga osongina va tezda erisha oladi. sahifaning barcha tarkibidan o'tmasdan.

Rasmlardagi muqobil matn (ALT)

Namunaviy pastki rasm
Muqobil matn (IMG yorlig'idagi alt atribut) matnli bo'lmagan tarkibga matnli alternativa beradi rasmlar kabi veb-sahifalarda. Muqobil matn, ayniqsa, ekran o'quvchisidan veb-sayt tarkibiga kirish uchun foydalidir.

Ma'lumotlarni, ikonkalarni etkazish uchun

Belgilar bilan xato
Veb-saytda ma'lum "qoidalar" yoki ko'rsatmalarni uzatishda ranglardan foydalanish ko'plab foydalanuvchilar uchun tushunishni qiyinlashtiradi. Masalan, shaklda, kiritilgan elektron pochta belgisi qizil bilan emas, balki piktogramma bilan noto'g'ri ekanligini ko'rsatadi. Shu tarzda u hamma uchun ko'rinadigan bo'ladi.

HTML bo'lmagan tarkibga kirishni ta'minlaydi

Nafaqat veb-saytga kirish kerak. Video, audio, PDF-fayllar, Microsoft Word hujjatlari yoki PowerPoint taqdimotlari kabi veb-sahifadan kiritilgan yoki bog'langan barcha tarkibga kirish imkoniyati bo'lishi kerak.


Maqolaning mazmuni bizning printsiplarimizga rioya qiladi muharrirlik etikasi. Xato haqida xabar berish uchun bosing bu erda.

Birinchi bo'lib izohlang

Fikringizni qoldiring

Sizning email manzilingiz chop qilinmaydi.

*

*

  1. Ma'lumotlar uchun javobgardir: Migel Anxel Gaton
  2. Ma'lumotlarning maqsadi: SPAMni boshqarish, izohlarni boshqarish.
  3. Qonuniylashtirish: Sizning roziligingiz
  4. Ma'lumotlar haqida ma'lumot: qonuniy majburiyatlar bundan mustasno, ma'lumotlar uchinchi shaxslarga etkazilmaydi.
  5. Ma'lumotlarni saqlash: Occentus Networks (EU) tomonidan joylashtirilgan ma'lumotlar bazasi
  6. Huquqlar: istalgan vaqtda siz ma'lumotlaringizni cheklashingiz, tiklashingiz va o'chirishingiz mumkin.

bool (to'g'ri)