မသန်မစွမ်းနှင့်အတူပြည်သူ့အတွက်သင်၏ website များကြည့်ရှု Making

by Marziah Karch

လူတိုင်း၏လိုအပ်ချက်များကိုဖြည့်ကိုက်ညီမယ့် site ကိုပိုမိုစာဖတ်သူတွေကိုဆွဲဆောင်

မသန်စွမ်းလူတွေကိုသင့်ရဲ့ website မှာသုံးစွဲနိုင်အောင်အားဖြင့်, သင်သည်ချမှတ်ခြင်းလူတိုင်းလက်လှမ်းဖြစ်ပါတယ်တက်အဆုံးသတ်။ တကယ်တော့, သင့်ဘ်ဆိုဒ်ကိုပိုမိုသုံးစွဲနိုင်အောင်ပင်လူများသည်ရှာဖွေရေးအင်ဂျင်များ၌သင်တို့၏က်ဘ်ဆိုဒ်ကိုကူညီရှာဖွေပေမည်။ အဘယ်ကြောင့်? ရှာဖွေရေးအင်ဂျင်သင့်ရဲ့ website မှာများ၏ content ရှာနားလည်နိုင်ရန်အတွက်စာဖတ်သူများပါဘူးမျက်နှာပြင်သောအလွန်တူညီအချက်ပြမှုများအချို့ကိုသုံးပါလို့ပဲ။

ဒါပေမဲ့အတိအကျဘယ်လောက်သင်တစ်ဦးနိုင်တဲ့ coding ကျွမ်းကျင်သူဖြစ်လာစရာမလိုဘဲတစ်ဦးလက်လှမ်းက်ဘ်ဆိုက်ပါစေသလဲ?

ဤတွင်နှင့်အတူနီးပါးမည်သူမဆိုအချို့အကြံပေးချက်များနှင့်လှည့်ကွက်များမှာ အခြေခံ HTML ကိုအသိပညာ ၎င်းတို့၏ဝက်ဘ်ဆိုက်၏အသုံးပြုနိုင်စွမ်းတိုးတက်စေရန်သုံးနိုင်သည်။

Web ကိုအသုံးပြုနိုင်မှု Tools များ

W3C သင်သည်သင်၏က်ဘ်ဆိုက်နှင့်အတူအလားအလာပြဿနာများကိုရှာဖွေတွေ့ရှိရန်စစ်အဖြစ်ကိုသုံးနိုင်သည်ကို web အသုံးပြုနိုင်သောကိရိယာများတစ်စိတ်ကူးစာရင်းရှိပါတယ်။ သူကပြောပါတယ်, ငါသည်နေဆဲအချို့မျက်နှာပြင်စာဖတ်သူနှင့်အတူစူးစမ်းခြင်းနှင့်ကိုယ်အဘို့ပြုလုပ်ကြုံနေရလုပ်နေတာအကြံပြုပါသည်။

Screen ကိုစာရှုသူများအနားလည်ခြင်း

သင်သည်သင်၏က်ဘ်ဆိုက်၏အသုံးပြုနိုင်စွမ်းတိုးတက်စေနိုင်ပါတယ်အရေးကြီးဆုံးနည်းလမ်းတွေတစ်ခုမှာက screen ကိုစာဖတ်သူများခြင်းဖြင့်နားလည်သဘောပေါက်နိုင်ပါသေချာအောင်ရန်ဖြစ်ပါသည်။ မျက်နှာပြင်စာဖတ်သူများမျက်နှာပြင်ပေါ်ရှိစာသားကိုဖတ်ပါရန်ဖန်တီးသောစကားသံကိုအသုံးပြုပါ။ ဒါကတော်တော်လေးရိုးရှင်းတဲ့အသံ; သို့သော်မျက်နှာပြင်စာဖတ်သူများသင့်ရဲ့ website မှာသင်လက်ရှိ up ပြုလုပ်ထားပြီလမ်းကိုနားမလညျနိုငျသညျ။

သင်ပြုချင်စခွေငျးငှါပထမဦးဆုံးအရာမျက်နှာပြင်စာဖတ်သူကိုစမ်းကတတ်ပုံကိုကြည့်ရှုသည်။ သင်တစ်ဦးနဲ့ Mac ပေါ်မှာရောက်နေတယ်ဆိုရင်, နောက်ခံစကားပြောသံများနဲ့သုံးပြီးကြိုးစားကြည့်ပါ။

System ကို Preferences ကိုသွားပါ။
Accessibility ကိုရွေးပါ။
နောက်ခံစကားပြောသံများနဲ့ရွေးချယ်ပါ။
နောက်ခံစကားပြောသံများနဲ့ Enable များအတွက် box ကိုစစ်ဆေးပါ။

သင်တို့အပေါ်မှာနှင့် Command-F5 ကိုအသုံးပြုပြီးချွတ်က toggle နိုင်ပါတယ်။

သင်တစ်ဦးသည် Windows machine ပေါ်တွင်မှန်လျှင်, သင် NVDA ဒေါင်းလုတ်လုပ်ချင်ပေမည်။ သင်တို့အပေါ်မှာနှင့်ဖြတ်လမ်းထိန်းချုပ်မှု + Alt + ဎနှင့်အတူချွတ် toggle မှ up ပြုလုပ်သတ်မှတ်နိုင်သည်။

နှင့်အညွှန်းများအတွက်အာရုံစိုက်ဧရိယာဖန်တီးခြင်းအားဖြင့် - နှစ်ဦးစလုံးမျက်နှာပြင်စာဖတ်သူများအသုံးပြုသူ (သင်မမြင်နိုင်ပါလျှင်တစ်ဦး mouse ကိုသုံးပြီးစိန်ခေါ်မှုဖြစ်လိမ့်မည်ဟုဒီသဘာဝကျပါတယ်) ကီးဘုတျခွငျးအားဖွငျ့သွားလာခွင့်အားဖြင့် operate ။ ကီးဘုတ် "ချွန်" ဖြစ်ပါတယ်ဒါပေမယ့်များသောအားဖြင့်အစား cursor များ၏အာရုံစိုက်အရာဝတ္ထုပတ်လည် Highlighted သေတ္တာအဖြစ်ပြသနေသည်ရှိရာအာရုံမရှိမဖြစ်လိုအပ်တဲ့ဖြစ်ပါတယ်။

သငျသညျ default settings ကိုနှောင့်အယှက်ဖြစ်ကြ (နှင့်တစ်ဦးစံနှေးကွေးသောစကားသံစာဖတ်ခြင်းကိုနားထောင်၏အကြောင်းကိုငါးမိနစ်အကြာတွင်၎င်းတို့သည်များသောအားဖြင့်ရှိပါတယ်) လျှင်စကားသံကိုဖတ်ရသောမှာအသံဖြင့်အစေးနှင့်မြန်နှုန်းနှစ်ဦးစလုံးပြောင်းလဲနိုင်သည်။ မျက်စိကန်းသောများသောအားဖြင့်သူတို့ရဲ့ screen ကိုစာဖတ်သူများနှင့်အတူဝက်ဘ်ဆိုက်များမြင့်မားသောအမြန်နှုန်းဟုသတ်မှတ်ဖတ်ပါ။

ဒါဟာသင်ဤသို့ပြုအဖြစ်သင်၏မျက်စိပိတ်ဖို့ရန်ကူညီစေခြင်းငှါ, ဒါပေမယ့်လည်းပွင့်လင်းသူတို့ကိုစောင့်များနှင့်နှိုင်းယှဉ်နိုင်ရန်ကူညီလိမ့်မည်။ သင်သည်သင်၏ website ကိုနားထောင်ပြီးကြိုးစားသောအခါသင်ချက်ချင်းသတိထားမိစေခြင်းငှါအရာအချို့ကစာသားအချို့အမိန့်များထဲကဖြစ်စေခြင်းငှါဖြစ်ပါသည်။ ခေါင်းစဉ်နှင့်စားပွဲ jumbled ရပေမည်။ ပုံရိပ်တွေခုန်စေခြင်းငှါလည်းကောင်းဒါမှမဟုတ်သူတို့က "image" သို့မဟုတ်အညီအမျှအကူအညီမရပါတစ်ခုခုပြောလိမ့်မည်။ ဇယားအခြေအနေတွင်မရှိဘဲပစ္စည်းများကိုတစ်စီးရီးအဖြစ်ဘတ်စေလေ့ရှိပါတယ်။

သင်, မျှော်လင့်, ဒီ fix နိုင်ပါတယ်။

alt-Tags: သို့မဟုတ်အခြားရွေးချယ်စရာ Attribute

အဆိုပါ alt +-tag ကိုသို့မဟုတ်အခြားရွေးချယ်စရာ (alt +) attribute ကပုံတစ်ပုံကိုဖော်ပြရန် HTML မှာအသုံးပြုသည်။ HTML မှာ, ကဤကဲ့သို့သောအရာတစ်ခုခုကိုကြည့်:

သင်သည်သင်၏ HTML code တွေဟာဖုံးကွယ်တဲ့အမြင်အာရုံ tool ကိုနှင့်သင်၏ website ကိုလုပ်ရင်တောင်သင်နီးပါးအမြဲပုံတစ်ပုံဖော်ပြချက်ရိုက်ထည့်ရန်အခွင့်အလမ်းရလိမ့်မည်။ သင်တို့သည်အလျှင်းမ (alt + = "") ရိုက်ထည့်နိုင်ပါတယ်ဒါပေမယ့်တကယ့်တစ်ဦးချင်းစီပုံရိပ်တစ်ထောကျအကူပွုဖျောပွခကျြပေးရပိုကောင်းပါလိမ့်မယ်။ သငျသညျမျက်စိကန်းခဲ့ကြပါလျှင်, သင်ပုံရိပ်ကိုအကြောင်းကိုသိရန်အဘယ်အရာလိုအပ်မလဲ "အမျိုးသမီး" အများကြီးအကူအညီသည်မဟုတ်, ဒါနဲ့ပတ်သက်ပြီး "အမျိုးသမီးအသုံးပြုနိုင်စွမ်း, အသုံးဝင်မှုရှိစေရန်, ကုန်အမှတ်တံဆိပ်များနှင့်ဒီဇိုင်းအပါအဝင်ဒီဇိုင်းစီးဆင်းမှုဇယားဆွဲ။ "

ခေါင်းစဉ်စာသား

Website များအမြဲတမ်း HTML ကိုခေါင်းစဉ် tag ကိုဖော်ပြရန်ပါဘူး, ဒါပေမယ့် screen ကိုစာဖတ်သူတွေအတွက်အသုံးဝင်သည်။ သင့်ရဲ့ website မှာရဲ့အစာမကျြနှာတစျခုစီစာမကျြနှာမြားအကွောငျးအဘယျဧည့်သည်ကိုပြောတယ်တဲ့ဖော်ပြရန် (သို့သော်အလွန်အမင်း verbose မဟုတ်) ခေါင်းစဉ်ရှိပါတယ်သေချာအောင်လုပ်ပါ။

သင့်ရဲ့ဝက်ဘ်ဆိုက်ကောင်းမွန်သောသတင်းအချက်အလက်များ Hierarchy Give

ခေါင်းစီးနှင့်အတူစာသားကြီးမားသောတုံးတက်ကိုချိုးဖျက်လျက်, ဖြစ်နိုင်လျှင်, ယင်း H1, H2, h3 နှင့်အတူခေါင်းစီးကိုအသုံးပြုဖို့ သင့်လျော်စွာအဆင့်ဆင့်။ မသာပါက screen ကိုစာဖတ်သူများအတွက်သင်တို့၏က်ဘ်ဆိုက်ပိုမိုလွယ်ကူစေပါဘူး, ဒါကြောင့်တခြားလူတိုငျးအတှကျလွယ်ကူစေသည်။ ဒါဟာပိုကောင်းတဲ့အညွှန်းကိန်းသည်သင်၏က်ဘ်ဆိုက်ကသူတို့ကိုကူညီပေးဖို့လည်း Google ကနှင့်အခြားရှာဖွေရေးအင်ဂျင်အဘို့ကြီးစွာသော signal ကိုပါပဲ။

အလားတူပင်, သင်သည်သင်၏က်ဘ်ဆိုက်တစ်ခုယုတ္တိအကြောင်းအရာနိုင်ရန်အတွက်ဖြစ်ပါသည်နှင့်သင်ပေါ်ထွန်းသက်ဆိုင်တဲ့သတင်းအချက်အလက်သေတ္တာများရှိသည်မဟုတ်ကြဘူးကြောင်းသေချာအောင်သင့်ပါတယ်။ သငျသညျကြော်ငြာတွေအသုံးပြုနေလျှင်, သင့်ရဲ့ကြော်ငြာတွေလည်းမကြာခဏအလွန်အမင်းကျူးကျော်ဝင်ရောက်လာသောနှင့်သင့် website တွင်စာသားတက်ခြိုးဖောကျမစပ်ဆိုင်ကြောင်းကိုကြည့်ပါ။

သာ. ကောင်း၏ဇယား Make

သငျသညျက HTML စားပွဲသုံးပြီးနေတယ်ဆိုရင်, သငျသညျမဟုတ်ဘဲကိုယ့်ရဲရင့်သောစာသားများတွင်တစ်စားပွဲ၏ခေါင်းစဉ်ကိုအောင်ထက်မျက်နှာပြင်စာဖတ်သူများနေဖြင့်နားလည်ရန်သူတို့ကိုပိုမိုလွယ်ကူစေနိုင်ရန်အတွက် tag ကိုသုံးပြီးသင့်ရဲ့စားပွဲစာတန်းများထည့်နိုင်သည်။ သငျသညျကိုလည်း "နယ်ပယ်" ဒြပ်စင်ပေါင်းထည့်ခြင်းနှင့်ရှင်းလင်းစွာမျက်နှာပြင်စာဖတ်သူများရိုးရှင်းစွာဆိုအခြေအနေတွင်ပေးခြင်းမရှိဘဲစားပွဲပေါ်မှာဆဲလ်တစ်စီးရီးချွတ် rattle ပါဘူးဒါကြောင့်သင့်ရဲ့ table ထဲမှာအသစ်ကအတန်းနှင့်ကော်လံတံဆိပ်ကပ်နိုင်ပါတယ်။

keyboard ကို Navigation

ယေဘုယျအားဖြင့်, သင်သည်သင်၏က်ဘ်ဆိုက်ပေါ်တွင်တင်ဘာမှတစ်စုံတစ်ဦးပဋိသန္ဓေ ယူ. တစ်ခုသာကီးဘုတ်သုံးပြီးလုပ်နိုင်ကြောင်းအရာတစ်ခုခုဖြစ်သင့်သည်။ ဆိုလိုသည်မှာသင်သည်မျက်နှာပြင်စာဖတ်သူကိုသူတို့နှင့်အတူမသုံးနိုင်မယ်ဆိုရင်သင့်ရဲ့အညွှန်းခလုတ်ဆွဲချခလုတ်ကာတွန်းကားမဖြစ်သင့်ကိုဆိုလိုသည် (ကကြိုးစားသင်သေချာမဟုတ်ပါဘူးလျှင်ကြည့်ပါ - ။ တချို့ခလုတ်ကီးဘုတ်အသုံးပြုရန်အစီအစဉ်ရှိပါသည်)

ပိတ်ထားသောစာတန်းများ

သင်သည်သင်၏ကွန်ရက်စာမျက်နှာဗီဒီယိုများသို့မဟုတ်အသံ element တွေကို add ဆိုရင်သူတို့ကစာတန်းထိုးများရှိသင့်သည်။ HTML5 ကိုနှင့် (YouTube တို့ကဲ့သို့) အများအပြားသည်ဗီဒီယို streaming များဝန်ဆောင်မှုများကိုစာတန်းထိုးထောက်ခံမှုကိုဆက်ကပ်။ သရုပ်ဖော်စာတန်းများကိုအသုံးပြုနိုင်စွမ်းများအတွက်ဒါပေမယ့်လည်းဒီလိုရုံးတွင်သို့မဟုတ်တစ်ဦးဆူညံတည်နေရာ၌ရှိသကဲ့သို့သူတို့အသံမကစားနိုင်မည့်တစ်နေရာရာမှာသင့်ရဲ့ website မှာ browsing စေခြင်းငှါအဘယ်သူသည်သုံးစွဲသူများအဘို့မသာအသုံးဝင်ပါသည်။

podcasts တွေကိုသို့မဟုတ်အခြားအသံဒြပ်စင်အဘို့, စာသားမှတ်တမ်းပေးစဉ်းစားပါ။ မသာပါကစာသားအညွှန်းကိန်းအကြောင်းအရာကိုမှ Google ကနှင့်အခြားရှာဖွေရေးအင်ဂျင်များအတွက်ပိုမိုလွယ်ကူစေမည်ရှိခြင်း, အသံစကားကိုနားမထောင်နိုင်သူလူများအတွက်အသုံးဝင်သည် သင်၏ Google အဆင့်သတ်မှတ်ချက်ကိုကူညီ ။

ARIA

သငျသညျအသုံးပြုနိုင်စွမ်း၏အဆင့်မြင့် level ကိုသွားရချင်တယ်ဆိုရင်, HTML5 ကို Aria သို့မဟုတ်မြန်မာနိုင်ငံအတွင်း-Aria သတ်မှတ်ချက်များရှေ့ဆက်သွားသစ်ကိုစံဖြစ်ရည်ရွယ်ပါသည်။ သို့သော်ဤရှုပ်ထွေးပြီး (နှင့်ဖြစ်ပေါ်နေသော) နည်းပညာပိုင်းကို manual ဖြစ်တယ်, ဒါသင်သည်အဘယ်သို့ပြုနိုင်မည်သင့်ရဲ့ website မှာသငျသညျဖြေရှင်းလို့ရပါတယ်ဆိုပြဿနာများကိုရှိပါတယ်လျှင်ကြည့်ဖို့ scan တစ်ခု ARIA အတည်ပြုချက်ကိုအသုံးပြုဖို့ဖြစ်ပါတယ်။ Mozilla ကလည်း ARIA နှင့်အတူစတင်တစ်ဦးထက်ပိုသောခဉျြးကပျလမ်းညွှန်ထားပါတယ်။