Web Developer တို့အတွက် Accessibility Tips & Tricks
=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°
Web Design မှာ ဝင်ရောက်အသုံးပြုနိုင်မှု (Accessibility) ဆိုတာကတော့
သုံးစွဲသူတိုင်း လွယ်ကူစွာ ဝင်ရောက်အသုံးပြုနိုင်ရန် ထုတ်လုပ်ထားတဲ့နည်းပညာ တစ်ခုပဲဖြစ်ပါတယ်။
အထူးသဖြင့် မျက်မမြင်၊ နားမကြားနဲ့ တခြားကိုယ်ခန္ဓာအားနည်းချက်များရှိသူများအတွက်ပါ Website များကိုလွယ်လွယ်ကူကူ ၀င်ရောက်အသုံးပြုနိုင်ရန်ရည်ရွယ်ပါတယ်။
ကြည့်ရှုသူတိုင်းအဆင်ပြေအောင် စာသားများကို အကြီးပြုလုပ်ခြင်း၊ ရုပ်ပုံများအတွက် အသံဖော်ပြချက်ထည့်သွင်းခြင်း၊ ဘာသာစကားများကို လွယ်ကူစွာပြောင်းနိုင်ခြင်းစတဲ့ နည်းလမ်းများက လူတိုင်း အသုံးပြုနိုင်တဲ့ Website တစ်ခုဖန်တီးတည်ဆောက်ဖို့ အရေးပါတဲ့ အချက်တွေပဲဖြစ်ပါတယ်။
Web Developer တွေအနေနဲ့လည်း ဒီအချက်လေးတွေကို လိုက်လုပ်ပြီး accessibility ကောင်းတဲ့ website တစ်ခုတည်ဆောက်ကြည့်နိုင်ပါတယ်။
👉Semantic HTML အသုံးပြုပါ။
Semantic HTML က Website စာမျက်နှာမှာ ပါဝင်တဲ့ အချက်အလက်များကို ပုံမှန်အတိုင်း မြင်ရစေတာကြောင့် စာမျက်နှာ၏ ဖွဲ့စည်းပုံကို Screen Reader များအတွက် လွယ်ကူစွာ ဖတ်ရှုနိုင်စေမှာဖြစ်ပါတယ်။
<div> နှင့် <span> စတဲ့ tag များကို အသုံးမပြုဘဲ <header>, <main>, <article>, <footer> စတဲ့ သတ်မှတ်ထားသော tag များကို သင့်တော်တဲ့နေရာမှာ အသုံးပြုနိုင်ပါတယ်။
👉အရောင်များနှင့် Contrast ကို စဉ်းစားပါ။
Color Blind ရှိသူများအတွက် နောက်ခံနဲ့ စာသားအရောင်များကြား မှာ contrast ထည့်လို့ရပါတယ်။
W3C ရဲ့ Web Content Accessibility Guidelines (WCAG) မှာလည်းသွားရောက်ကြည့်ရှုနိုင်ပါတယ်။
👉Alt Text (Alternative Text) ထည့်သွင်းရေးသားပါ
မည်သည့် audience အတွက်မဆို ရုပ်ပုံများနဲ့ သက်ဆိုင်ရာ အချက်အလက်များကို အလွယ်တကူ နားလည်နိုင်ရန်အတွက် ရုပ်ပုံတိုင်းမှာ ရည်ရွယ်ချက်ကိုဖော်ပြတဲ့ alt text ရေးသားနိုင်ပါတယ်။
👉 Multimedia အတွက် စာသားဖော်ပြချက်ထည့်ပါ။
နားကြားမရသူများနဲ့ အတွက် အသံဖိုင်များနဲ့ ဗီဒီယိုများကို ဖတ်ရှုနိုင်စေဖို့ Captions နှင့် Transcriptions တွေကိုလည်းထည့်သွင်းပေးနိုင်ပါတယ်။
ကဲ.. ဒါဆိုရင်တော့ Developer တို့အတွက် accessibility website တွေဖန်တီးရာမှာ လိုအပ်တဲ့အချက်အလတ်တွေကိုပြောပြခဲ့တာဖြစ်ပါတယ်။
အခြား developer သူငယ်ချင်းတွေသိသွားအောင် share ပေးဖို့လည်းမမေ့ကြနဲ့နော် 👀
#creative_coder_myanmar
#accessibility
=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°=°
Web Design မှာ ဝင်ရောက်အသုံးပြုနိုင်မှု (Accessibility) ဆိုတာကတော့
သုံးစွဲသူတိုင်း လွယ်ကူစွာ ဝင်ရောက်အသုံးပြုနိုင်ရန် ထုတ်လုပ်ထားတဲ့နည်းပညာ တစ်ခုပဲဖြစ်ပါတယ်။
အထူးသဖြင့် မျက်မမြင်၊ နားမကြားနဲ့ တခြားကိုယ်ခန္ဓာအားနည်းချက်များရှိသူများအတွက်ပါ Website များကိုလွယ်လွယ်ကူကူ ၀င်ရောက်အသုံးပြုနိုင်ရန်ရည်ရွယ်ပါတယ်။
ကြည့်ရှုသူတိုင်းအဆင်ပြေအောင် စာသားများကို အကြီးပြုလုပ်ခြင်း၊ ရုပ်ပုံများအတွက် အသံဖော်ပြချက်ထည့်သွင်းခြင်း၊ ဘာသာစကားများကို လွယ်ကူစွာပြောင်းနိုင်ခြင်းစတဲ့ နည်းလမ်းများက လူတိုင်း အသုံးပြုနိုင်တဲ့ Website တစ်ခုဖန်တီးတည်ဆောက်ဖို့ အရေးပါတဲ့ အချက်တွေပဲဖြစ်ပါတယ်။
Web Developer တွေအနေနဲ့လည်း ဒီအချက်လေးတွေကို လိုက်လုပ်ပြီး accessibility ကောင်းတဲ့ website တစ်ခုတည်ဆောက်ကြည့်နိုင်ပါတယ်။
👉Semantic HTML အသုံးပြုပါ။
Semantic HTML က Website စာမျက်နှာမှာ ပါဝင်တဲ့ အချက်အလက်များကို ပုံမှန်အတိုင်း မြင်ရစေတာကြောင့် စာမျက်နှာ၏ ဖွဲ့စည်းပုံကို Screen Reader များအတွက် လွယ်ကူစွာ ဖတ်ရှုနိုင်စေမှာဖြစ်ပါတယ်။
<div> နှင့် <span> စတဲ့ tag များကို အသုံးမပြုဘဲ <header>, <main>, <article>, <footer> စတဲ့ သတ်မှတ်ထားသော tag များကို သင့်တော်တဲ့နေရာမှာ အသုံးပြုနိုင်ပါတယ်။
👉အရောင်များနှင့် Contrast ကို စဉ်းစားပါ။
Color Blind ရှိသူများအတွက် နောက်ခံနဲ့ စာသားအရောင်များကြား မှာ contrast ထည့်လို့ရပါတယ်။
W3C ရဲ့ Web Content Accessibility Guidelines (WCAG) မှာလည်းသွားရောက်ကြည့်ရှုနိုင်ပါတယ်။
👉Alt Text (Alternative Text) ထည့်သွင်းရေးသားပါ
မည်သည့် audience အတွက်မဆို ရုပ်ပုံများနဲ့ သက်ဆိုင်ရာ အချက်အလက်များကို အလွယ်တကူ နားလည်နိုင်ရန်အတွက် ရုပ်ပုံတိုင်းမှာ ရည်ရွယ်ချက်ကိုဖော်ပြတဲ့ alt text ရေးသားနိုင်ပါတယ်။
👉 Multimedia အတွက် စာသားဖော်ပြချက်ထည့်ပါ။
နားကြားမရသူများနဲ့ အတွက် အသံဖိုင်များနဲ့ ဗီဒီယိုများကို ဖတ်ရှုနိုင်စေဖို့ Captions နှင့် Transcriptions တွေကိုလည်းထည့်သွင်းပေးနိုင်ပါတယ်။
ကဲ.. ဒါဆိုရင်တော့ Developer တို့အတွက် accessibility website တွေဖန်တီးရာမှာ လိုအပ်တဲ့အချက်အလတ်တွေကိုပြောပြခဲ့တာဖြစ်ပါတယ်။
အခြား developer သူငယ်ချင်းတွေသိသွားအောင် share ပေးဖို့လည်းမမေ့ကြနဲ့နော် 👀
#creative_coder_myanmar
#accessibility