Qanday qilib veb-saytingizga kirish mumkin bo'ladi

Kirish imkoniyati murakkab masala. Ko'p narsalar saytingizga kirishni yoki tushunishni qiyinlashtirishi mumkin. Biroq, ba'zi choralarni va etarli darajada moslashuvchanlikni amalga oshirib, veb-saytingizni yanada qulayroq qilishingiz va foydalanuvchi tajribasini yaxshilashingiz mumkin. Ushbu permanentrevolution-journal.org sizga veb-saytingizni boshqalarga kirishini ta'minlashga yordam beradigan usullarni taqdim etadi. Izoh: Ushbu maqola ma'lum bir standart haqida emas. Agar sizga WCAG 2.0 yoki shunga o'xshash muayyan standartga muvofiqlik talab qilinsa 508-qism AQSh reabilitatsiya to'g'risidagi Federal qonunining iltimos, ushbu standartning nimani talab qilishini ham ko'rib chiqing.

Veb-saytni alternativ texnologiyalar uchun ochiq qilish

Veb-saytni alternativ texnologiyalar uchun ochiq qilish
Barcha tegishli rasmlar uchun alt matn qo'shing. Faqatgina dekorativ xususiyatga ega bo'lgan, veb-saytni tushunish yoki uning tarkibiga aralashish uchun zarur bo'lmagan istisnolar mavjud. Alt matn - bu rasmga alternativa sifatida matn. Ekran o'quvchilari rasmning o'rniga alt matnni o'qiydilar. [2]
  • Alt matn rasmning tavsifini emas, balki funktsional bo'lishi kerak. Masalan, belgisi" Kattalashtiruvchi stakan "emas, balki" Izlash "alt matniga ega bo'lishi kerak. tugma bajaradigan narsaning alt matni, masalan "Yuborish".
  • Agar rasmda matn bo'lsa, masalan rasm logotip bo'lsa, matn pastki matnga kiritilishi kerak. [4] X tadqiqot manbai
  • Alt atributidan foydalanib, rasmga alt matnni qo'shing. Bu quyidagicha ishlatiladi:
  • Agar rasm faqat dekorativ bo'lsa, alt matnni alt = "" qilib o'rnating.
Tasvir juda murakkab yoki juda ko'p ma'lumotga ega bo'lsa, boshqa joyda tasvirlab bering. Masalan, agar u diagramma yoki grafik bo'lsa, uning tarkibini rasmning tepasida yoki ostida tasvirlab bering. Yuqoridagi matnda, masalan, "AQShda 2000 yildan 2017 yilgacha bo'lgan uy xo'jaliklarining o'rtacha daromadlari jadvali". Bundan tashqari, matn yoki jadval kabi barcha qiymatlarga ega bo'lgan hujjatga bog'lashingiz mumkin.
CSS-ni faqat dekorativ tasvirlar uchun ko'rib chiqing. Shu tarzda, agar foydalanuvchi CSS-ni o'chirib qo'ysa, bu rasmlar ham yo'qoladi. [5]
  • Fon rasmlari CSS-ning fon-rasm atributi yordamida kiritilishi mumkin. Masalan: html
HTML5 semantik teglaridan foydalaning. HTML5 ko'plab semantik teglarni qo'shdi, ya'ni tarkibni tavsiflash uchun ishlatiladigan teglar. Ushbu teglar ekran o'qish vositasi yoki ba'zi brauzerlarning Reader rejimi kabi texnologiyalarga tarkibni "tushunish" va uni mazmunli namoyish etish imkonini beradi. [6]
  • Agar siz shunchaki uslublash uchun emas, balki ta'kidlash uchun qalin va kursiv matndan foydalansangiz, va quyidagilaridan foydalaning . Bu shuningdek, HTML-ning oldingi versiyalarida qo'llab-quvvatlanadi.
  • Foydalanish navigatsiya bo'limlari uchun. Bu ekran o'quvchilariga va boshqa texnologiyalarga ushbu bo'limlarni aniqlashga va ularni namoyish etish-qilmaslikni hal qilishga imkon beradi. [7] X tadqiqot manbai
  • Foydalanish o'z-o'zidan mazmunli bo'lgan veb-sahifaning asosiy sahifalari uchun, sahifaning boshqa qismlaridan tashqari. Masalan, blog yozuvlari, yangiliklar maqolalari va forum xabarlari uchun yorliqlardan odatda foydalanish kerak. [8] X tadqiqot manbai
Zarur bo'lganda ARIA dan foydalaning. To'g'ri HTML elementlaridan foydalanish yaxshidir [9] , ba'zida sizning maqsadingiz uchun mavjud bo'lmagan narsalar mavjud. Bunday holda siz foydalanishingiz mumkin .
  • Shuni yodda tutingki, agar kerak bo'lmasa, HTML elementlarining semantikasini o'zgartirmasligingiz kerak. X tadqiqot manbai Masalan, bu: Bu birinchi darajali sarlavhali banner Bunga afzallik beriladi: Bu birinchi darajali sarlavhali banner
Hujjat tilini belgilang [11] X Tadqiqot manbasi va boshqa qismlari. Bu HTML bilan amalga oshiriladi xususiyat. Bu ekran o'quvchilariga qismlarni va sahifani to'g'ri talaffuz qilish va oddiy brauzerlar matnni aniqroq ko'rsatish uchun imkon beradi (masalan, o'ngdan chapga va chapdan o'ngga yozish yo'nalishi o'rtasida almashtirish uchun). [12]
Formalar uchun shakl elementlaridan foydalaning. Masalan, tugma yasash uchun foydalaning yoki , emas yoki elementlar. Ikkinchisi CSS va JavaScript-ga tayanadi, ammo ular doim ham mavjud bo'lmaydilar. Bundan tashqari, uni to'g'ri yo'naltirish va brauzerni tugma ekanligini xabardor qilish uchun qo'shimcha ishlarni bajarish kerak. Shunday qilib, shunchaki foydalanish oson va osonroq yoki element. [13]
Yorliq shakllari to'g'ri. Yorliqni forma nazorati bilan bog'lash uchun foydalaning . Foydalanuvchi formani boshqarish sahifasiga o'tganda, yorliqsiz matnni o'tkazib yuborishda foydalanuvchi o'quvchi ushbu yorliqni o'qiydi. [14] Tegishli yorliqqa misol:

Saytni o'qishga aylantirish

Foydalanuvchilarga uslubni o'zgartirishga ruxsat bering. Bu eng muhimi, chunki har xil foydalanuvchilar turli xil sozlashlarni afzal ko'rishadi yoki kerak. Masalan, ko'rish qobiliyatining kamligi bo'lgan odamlar matnni o'qish uchun yuqori kontrastga muhtoj, ba'zi kognitiv nogironlar esa uni o'qish uchun past kontrastga muhtoj. [15] Bunga shrift o'lchami, rang sxemasi, kontrast, [16] shrift uslubi, qatorlar orasidagi interval va hoshiyalar [17] .
  • Barcha uslub jadvallarini o'chirib qo'ying va saytga o'tishga harakat qiling. U hali ham o'qilishi va ishlatilishi kerak.
  • O'zingizning saytingizda uslubni o'zgartirish imkoniyatini taqdim eting, masalan, matn hajmini o'zgartirish tugmasi yoki rang sxemasini tanlash uchun menyu.
Bo'sh joyni sozlang. Shriftning o'lchamiga nisbatan ishonch hosil qiling, shunda agar shrift hajmi o'zgartirilsa, matn hali o'qilishi mumkin.
  • Chiziqlar balandligi (satrlar orasidagi masofa) shrift hajmidan kamida 1,5 baravar ko'p bo'lishi kerak. [18] X tadqiqot manbai CSS-da bu quyidagicha amalga oshiriladi: chiziq bo'yi: 1.5;
  • Paragraflar orasidagi masofa shrift kattaligidan kamida 2 baravar ko'p bo'lishi kerak. [19] X Tadqiqot manbasi Buni paragraflarning pastki chetini belgilash orqali amalga oshirish mumkin: margin-bottom: 2em;
  • Siz so'zlar oralig'ini CSS so'z oralig'i atributi va harflar oralig'i bilan harflar oralig'ini sozlashingiz mumkin. Bundan tashqari, matnni o'qishni qiyinlashtiradi, shuning uchun mulohazangizdan foydalaning. Ammo, agar harflar oralig'i 0.12em gacha o'zgargan bo'lsa va so'z oralig'i 0,16em bo'lsa, matn hali o'qilishi mumkinligiga ishonch hosil qiling. [20] X tadqiqot manbai
Kontrastga etarlicha yuqori darajada bo'ling. Agar kontrast juda past bo'lsa, ba'zi odamlar matnni o'qiy olmaydilar. Kontrastni tekshirish uchun ko'plab avtomatlashtirilgan vositalar mavjud. Shuningdek, rangni o'chirib veb-saytga o'zingiz qarashingiz mumkin. [21]
  • Shuningdek, past kontrastli variantni taqdim eting, chunki ba'zi odamlar uchun juda yuqori kontrastni o'qish qiyin.
Ikkala tomonda ham matnni oqlashdan saqlaning. Matnni chap tomonda to'g'rilangan holda o'ng qirrasi bilan saqlang. Ushbu uslubni o'qish osonroq, ayniqsa disleksiyaga chalingan odamlar uchun. [22] [23]
Katta harfni tanlang. Yaxshi taxminiylik kamida 12px dan foydalanishdir [24] , va optimal 16px [25] yoki hatto 18px [26] .
Uzoq chiziqlardan saqlaning. Bular matn oqimini kuzatishni qiyinlashtirishi mumkin. [27] [28] Maksimal 80 ta belgidan foydalaning (agar matn xitoy, yapon yoki koreys tillarida bo'lsa, 40 tagacha). [29]
Ranglardan zavq bilan foydalaning. Juda ko'p yorqin ranglar sezgir odamlarda bosh og'rig'iga sabab bo'lishi mumkin. Yorqin ranglardan faqat urg'u sifatida foydalaning. Kulrang, pastel va juda to'yingan bo'lmagan ranglar kabi ranglar bilan ko'proq bo'yalgan rang palitrasini sinab ko'ring.
Animatsiyalarni minimal darajaga kamaytiring. Yoki ularni butunlay olib tashlang. Animatsiyalar chalg'itishi mumkin va foydalanuvchining asosiy tarkibni o'qishiga xalaqit berishi mumkin. [30] [31] Agar sizda animatsiya bo'lsa, ularni o'chirib qo'yish imkoniyati mavjud. [32]
  • Bu shuningdek, avtomatik ijro etiladigan videolar va pop-up / overlays-larga ham tegishli. [33] X tadqiqot manbai
Birorta elementni sekundiga 3 martadan ko'proq yoqmang. Shu bilan bir qatorda, kichik joylarni cheklab, milt-miltdan pastda turing. Buni qilmaslik fotosensitivlik tufayli soqchilikni keltirib chiqarishi mumkin. [34]

Tarkibingizdan foydalanish

Ayniqsa ko'rsatmalar uchun aniq va aniq tildan foydalaning. Bitta bittadan va ikkita verguldan foydalanmang. Kontekstda tez-tez ishlatiladigan so'zlardan foydalaning. Ikkilamchi negativlardan foydalanmang. Metafora va adabiy bo'lmagan tillardan saqlaning. [35]
Tarkibni o'qish va qayta ishlash uchun foydalanuvchiga etarli vaqt bering. Sessiya vaqti qachon tugashi haqida foydalanuvchini oldindan xabardor qiling. Vaqt tugashi haqida ogohlantiring va uni uzaytirishning aniq usulini bering. [36]
Tarkibning tuzilishi. Agar mantiqiy bo'lsa, sarlavhalar va sarlavhalardan foydalaning. [37] Uzun matnli parchalarga o'q yoki raqamlar bilan ro'yxatlarni afzal ko'ring. [38] Matnning uzun devorlarini buzish uchun paragraflardan foydalaning.
O'zingizning saytingizni klaviatura bo'yicha harakatlanuvchi qilib qo'ying. Ba'zi odamlarda sichqonchani ishlatishga xalaqit beradigan vosita muammolari mavjud. Ular saytni klaviatura yordamida boshqarishlari kerak. [39]
  • Fokusning aniq rejasini bering. Uni olib tashlamang. Bu klaviatura yordamida qaysi element tanlanganligini ko'rsatadi. [40] X tadqiqot manbai
  • Agar foydalanuvchi fokusni elementga o'tkaza olsa, ular klaviatura yordamida fokusni undan boshqa joyga ko'chirishlari kerak. [41] X tadqiqot manbai
OAV uchun turli xil formatlarni taqdim eting. Matn, video (yopiq yozuvlar bilan), audio va rasmlarni yarating. Shu tarzda har bir foydalanuvchi o'zi xohlagan formatni tanlashi mumkin. [42]
permanentrevolution-journal.org © 2020