Har bir ehtiyojiga mos keladigan sayt bilan ko'proq kitobxonlarni jalb qiling
Sizning veb-saytingiz nogironlar uchun kirish imkoniyatiga ega bo'lgach, siz oxir-oqibat barchaga kirishingiz mumkin. Aslida, veb-saytingizni yanada qulayroq qilish odamlar hatto veb-saytingizni qidirish motorlarida topishiga yordam beradi. Nima uchun? Qidiruv motorlari veb-saytingiz mazmunini topish va tushunish uchun ekran o'qiydiganlarni bir xil signallardan foydalanadi.
Lekin aniq kodlash mutaxassisi bo'lishdan qanday qilib veb-saytni yaratasiz?
Bu erda asosiy HTML-ma'lumotga ega bo'lgan har bir kishi veb-saytning mavjudligini yaxshilash uchun foydalanishi mumkin bo'lgan ba'zi maslahatlar va tavsiyalar.
Vebning mavjudligi vositalari
W3C veb-saytingiz bilan yuzaga kelishi mumkin bo'lgan muammolarni aniqlash uchun tekshiruvchi sifatida foydalanishingiz mumkin bo'lgan veb-saytlarga kirishning ajoyib vositalar ro'yxatiga ega. Ya'ni, men hali ham ekranni o'quvchi bilan tadqiq qilishni va uni o'zingiz uchun boshdan kechirishni tavsiya qilaman.
Tegishli adabiyotlar: Yordamchi texnologiya nima va u qanday ishlaydi?
Displey o'quvchilarini tushunish
Veb-saytingizning mavjudligini yaxshilashning eng muhim usullaridan biri ekranli o'quvchilar tomonidan tushunilishi mumkinligini ta'minlash. Ekran o'quvchilari ekrandagi matnni o'qish uchun sintezlangan ovozlardan foydalanadilar. Bu juda oddiy. Biroq, ekran o'qiydiganlar veb-saytingizni hozirgi vaqtda siz o'rnatgan usulingizni tushunishmasligi mumkin.
Birinchi narsa qilishni xohlashingiz - ekran o'quvchisini sinab ko'rish va uni qanday ko'rishni ko'rishdir. Agar siz Macda bo'lsangiz, VoiceOver dan foydalaning.
- Tizim afzallari-ga o'ting.
- Maxsus imkoniyatni tanlang .
- VoiceOver ni tanlang .
- VoiceOver yoqish uchun katakchani belgilang.
Buyruq-F5 yordamida uni o'chirib qo'yishingiz mumkin.
Agar siz Windows mashinasida bo'lsangiz, NVDA-ni yuklab olishingiz mumkin. Qisqa tugmasi + alt + n tugmachasini yoqish va o'chirish uchun uni sozlashingiz mumkin.
Ikkala ekran o'quvchi ham foydalanuvchi klaviatura bilan harakat qilish (bu mantiqan emas, agar ko'rmasangiz, sichqonchani ishlatish qiyin bo'lishi mumkin) va navigatsiya uchun diqqat markazini yaratish orqali ishlaydi. Fokus, asosan, klaviatura "belgilab qo'yilgan" bo'lsa-da, lekin odatda kursor o'rniga markazlashtirish obyekti atrofida ta'kidlangan quti sifatida ko'rsatiladi.
Ovozli chiziqni va ovoz sozlamalarini o'zgartirishi mumkin, agar odatiy sozlamalar bezovta bo'lsa (va odatdagi sekin ovozli tinglashni eshitib, taxminan besh daqiqadan so'ng odatda). Ko'zlar odatda ekran o'qiydiganlar bilan yuqori tezlikda veb-saytlarni o'qiydilar.
Bu sizning ko'zlaringizni yopishingizga yordam beradi, ammo bu ularni ochiq va taqqoslashlariga yordam beradi. Sizning veb-saytingizni tinglashga urinib ko'rganingizdan darak beradigan ba'zi narsalar matnning ayrimlari buyurtma qilinishi mumkin emas. Sarlavha va jadvallar chigallashishi mumkin. Rasmlar yoki atlanasiz yoki "rasm" yoki biror narsa teng darajada foydali bo'lmasligi mumkin. Jadvallar kontekstsiz bir nechta element sifatida o'qiladi.
Umid qilamanki, buni tuzatishingiz mumkin.
Alt-teglar yoki muqobil attribut
Pastki tag yoki muqobil (pastki) xususiyati HTML tasvirida tasvirni tasvirlash uchun ishlatiladi. HTMLda shunday ko'rinadi:
Agar veb-saytingizni HTML-kodingizni yashiradigan ingl. Vosita bilan bajarsangiz ham, sizda deyarli har doim tasvir tavsifini kiritish imkoni bo'ladi. Hech narsa kirita olmaysiz (alt = ""), lekin har bir tasvirni foydali tavsif berish yaxshi bo'lar edi. Agar siz ko'r bo'lganingizda, tasvir haqida nimani bilishingiz kerak edi? "Ayol" juda ko'p yordam emas, balki "Ayolning mavjudlik, mavjudlik, brending va dizaynni o'z ichiga olgan dizayn oqimlari xaritasi".
Sarlavha matni
Veb-saytlar har doim HTML nom yorlig'ini ko'rsatmaydi, lekin ekran o'quvchilariga yordam beradi. Veb-saytingizning har bir sahifasining betaraf (lekin juda noto'g'ri emas) sarlavhasi borligiga ishonch hosil qiling.
Sizning Saytga Yaxshi Ma'lumot Hiyerarşisi bering
Katta hajmli matnlarni sarlavhalar bilan ajratib oling va agar iloji bo'lsa , H1, H2, H3 ierarxiyasiga mos keladigan sarlavhalardan foydalaning . Internet-brauzerni ekran o'qiydiganlar uchun osonlashtirmaydi, bu hammadan ham osonroq bo'ladi. Bundan tashqari, Google va boshqa qidiruv tizimlarining veb-saytingizni yaxshiroq indekslashtirishga yordam beradigan ajoyib signalidir.
Xuddi shunday, veb-saytingiz mantiqiy kontent tartibida ekanligiga ishonch hosil qilishingiz va siz bilan bog'liq bo'lmagan ma'lumotlarning qutilariga ega bo'lishingiz kerak. Agar siz reklamalarni ishlatayotgan bo'lsangiz, reklamalaringiz haddan tashqari zo'ravonliksiz va veb-saytingizdagi matnni juda tez-tez buzayotganligiga e'tibor bering.
Yaxshi jadvallar bo'ling
Agar siz HTML jadvallarini ishlatmoqchi bo'lsangiz, jadvalni faqat qalin harfli matn sarlavhasini yaratishdan ko'ra, ekran o'qiydiganlar tomonidan tushunishni osonlashtiradigan teg yordamida taglavhalar qo'shishingiz mumkin. Bundan tashqari siz "tortib olsa" elementini qo'shishingiz va jadvalingizdagi yangi satr va ustunlarni aniq belgilashingiz mumkin, shunday qilib ekran o'qiydiganlar biron bir kontekst beribgina qolmay, bir qator jadval hujayralarini o'chirmaydilar.
Klaviatura navigatsiyasi
Umuman olganda, sizning veb-saytingizga kiritilgan har qanday narsa, faqatgina klaviaturadan foydalanishi mumkin bo'lgan narsadir. Buning ma'nosi sizning ekran tugmalari bilan siz ularni ekranli o'quvchi bilan ishlata olmasligingiz (agar siz ishonchingiz komil emasligini tekshirib ko'ring - klaviatura klaviaturasidan foydalanish uchun ba'zi tugmalar dasturlashtirilgan bo'lsa).
Yopiq yozuvlar
Agar veb-saytingizga video yoki audio elementlarni qo'shsangiz, ular taglavhalarga ega bo'lishi kerak. HTML5 va ko'plab video xizmati (YouTube kabi) yopiq taglavhalarni qo'llab-quvvatlashni taklif qiladi. Yopiq sarlavhalar nafaqat mavjudlik uchun, balki veb-saytingizni ofisda yoki shovqinli joyda ovozni eshitolmaydigan joylarda ko'rib chiqadigan foydalanuvchilar uchun foydalidir.
Podkast yoki boshqa audio elementlar uchun matn transkriptini ko'rib chiqing. Ovozni tinglamaydigan odamlar uchun nafaqat Google va boshqa qidiruv tizimlarining ushbu kontentni indekslashi va Google-ning reytingiga yordam berishiga yordam beradi .
ARIA
Agar siz ilgari darajadagi mavjudlik darajasiga o'tishni xohlasangiz, HTML5 ARIA yoki WAI-ARIA spetsifikatsiyalari yangi standartni olg'a surishga intiladi. Biroq, bu murakkab (va rivojlanayotgan) texnik qo'llanma, shuning uchun siz nima qila olasiz, veb-saytingizda murojaat qilishingiz mumkin bo'lgan har qanday muammolar borligini tekshirish uchun tekshirib ko'rish uchun ARIA validatoridan foydalaning. Mozilla shuningdek, ARIA bilan ishlashni boshlash uchun yanada qulayroqdir.