ආබාධිත පුද්ගලයින් සඳහා ඔබේ වෙබ් අඩවිය ප්රවේශ වීම

සෑම කෙනෙකුගේම අවශ්යතා සඳහා ගැලපෙන වෙබ් අඩවියක් සමඟ වැඩි පාඨකයන් ආකර්ශනය කර ගන්න

ආබාධ සහිත පුද්ගලයින්ට ඔබේ වෙබ් අඩවිය ප්රවේශ වීමෙන්, ඔබ අවසානය දක්වා සෑම කෙනෙකුට ම ප්රවේශ විය හැකි ය. ඇත්ත වශයෙන්ම, ඔබේ වෙබ් අඩවිය වඩා පහසුවෙන් ප්රවේශ වීමෙන් ඔබේ වෙබ් අඩවියේ සෙවුම් ඇන්ජින් තුළ සොයා ගැනීමට පවා උදව් වේ. මන්ද? ඔබගේ වෙබ් අඩවියේ අන්තර්ගතයන් සොයා ගැනීමට සහ වටහා ගැනීම සඳහා සෙවුම් ඇන්ජින් තිර රචකයන් විසින් කරන සංඥාවන්ගෙන් සමහරක් භාවිතා කරයි.

නමුත් කේතය පිළිබඳ විශේෂඥයෙකු නොවී පිවිසෙන වෙබ් අඩවියක් කෙසේ වෙතත් කෙසේද?

මූලික වෙබ් HTML දැනුමක් සහිත ඕනෑම අයෙකුගේ වෙබ් අඩවියේ ප්රවේශය වැඩිදියුණු කිරීම සඳහා භාවිතා කළ හැකි ඉඟි සහ උපක්රම කිහිපයකි.

වෙබ් ප්රවේශ මෙවලම්

W3C ඔබේ වෙබ් අඩවියේ ඇති විය හැකි ගැටළු හඳුනාගැනීම සඳහා ඔබට අන්තර්ජාල ප්රවේශ මෙවලම් අත්හදා බැලීමේ ලැයිස්තුවක් භාවිතා කළ හැකිය. ඒ අනුව, මම තවමත් screen reader සමඟ ඔබ ගවේෂණය කිරීම සහ ඔබ සඳහා අත්දැකීම තවමත් නිර්දේශ.

ආශ්රිත කියවීම: උපකාරක තාක්ෂණය සහ එය ක්රියා කරන්නේ කෙසේද?

තිර රචකයන් අවබෝධ කර ගැනීම

ඔබගේ වෙබ් අඩවියේ ප්රවේශ්යතාව වැඩිදියුණු කළ හැකි වඩාත් වැදගත් ක්රමයක් වන්නේ තිරය කියවීමෙන් එය තේරුම් ගත හැකි වීමයි. Screen readers තිරය මත ඇති අකුරු කියවීමට සංස්ෙල්ෂිත හඬ භාවිතා කරයි. ඒක හරිම සරලයි; කෙසේ වෙතත්, තිරයේ පාඨකයින් ඔබගේ වෙබ් අඩවියේ එය ස්ථාපනය කර ඇති ආකාරය තේරුම් නොගත හැකිය.

ඔබට අවශ්ය විය හැකි පළමු දෙය වන්නේ තිර කියවනය පරීක්ෂා කර බලන්න ආකාරය සහ එය බලන්න. ඔබ Mac එකක් නම් VoiceOver භාවිතා කරන්න.

1. පද්ධති මනාපයන් වෙත යන්න .
2. ප්රවේශ්යතාවය තෝරන්න .
3. VoiceOver තෝරන්න .
4. VoiceOver සඳහා Envelope සඳහා කොටුව සලකුණු කරන්න.

Command-F5 භාවිතා කරමින් එය අක්රිය කිරීමට සහ අක්රිය කිරීමට ඔබට හැකිය.

ඔබ වින්ඩෝස් යන්ත්රය මත නම්, ඔබට NVDA බාගැනීමට අවශ්ය විය හැකිය. කෙටිමඟ පාලනය සමඟ අක්රිය කිරීමට සහ අක්රිය කිරීමට ඔබට එය සකසා ගත හැකිය alt + n.

තිරය ​​කියවන්නා දෙවර්ගයම භාවිතා කරන්නාට යතුරු පුවරුවකින් සැරිසැරීම මඟින් ක්රියාත්මක වේ (මෙය තේරෙයි - ඔබට දැකීමට නොහැකි නම්, මූසිකයක් භාවිතා කිරීම අභියෝගයක් වනු ඇත) සහ යාත්රා කිරීම සඳහා ඉලක්ක කළ ප්රදේශයක් නිර්මාණය කිරීම මගින්. යතුරු පුවරුව "අවධානයට යොමු" කරන විට මූලිකවම අවධානය යොමු කරන නමුත් සාමාන්යයෙන් කර්සරය වෙනුවට අවධානය යොමු කරන කොටුව ලෙස උද්දීපිත කොටුව ලෙස දැක්වේ.

ප්රකෘති සැකසුම් අතිශයින් හිරිහැර කරන හඬක් ශබ්දය හා ශබ්දය කියවන විට ඔබට වෙනස් කළ හැකි අතර, සාමාන්යයෙන් සම්මත සෙමින් හඬ කියවීමකට සවන් දීමෙන් පසු ඒවා සාමාන්යයෙන් වේ. අන්ධ පුද්ගලයන් සාමාන්යයෙන් ඔවුන්ගේ තිර රචකයන්ගේ අධිවේගී වේගයන් සඳහා වෙබ් අඩවි කියවති.

මෙය ඔබේ ඇස් වසා දැමීමට ඔබට උපකාර විය හැක, නමුත් එය විවෘත හා සංසන්දනය කිරීමට උපකාරවත් විය හැක. ඔබගේ වෙබ් අඩවියට සවන්දීමට උත්සාහ කරන විට ඔබට වහාම දැනෙන සමහර දේවල් වනුයේ යම් පෙළක් පිළිවෙළින් පිළිවෙළකට තිබිය හැක. සිරස්තල සහ වගු පැටලෙන්නට පුළුවන. පින්තූර හෝ ප්රවිශ්ඨ වීමට හෝ සමහරවිට "ප්රතිබිම්බයක්" හෝ "සමාන ප්රතිරූපයක්" කියනු ඇත. වගු සන්දර්භය නොමැතිව අයිතම මාලාවක් ලෙස කියවීමට නැඹුරු වේ.

ඔබට මෙය කළ හැකි වනු ඇත.

Alt-ටැග හෝ විකල්ප ආකෘතිය

Alt-tag හෝ විකල්ප (alt) ආකෘතිය රූපයක් විස්තර කිරීම සඳහා HTML හි භාවිතා වේ. HTML හි එය මෙවැනි දෙයක් දක්වයි:

ඔබ ඔබේ HTML කේත සඟවා ඇති දෘශ්ය මෙවලමක් සහිතව ඔබේ වෙබ් අඩවියට පිවිසුවත්, ඔබට පින්තූර විස්තරයක් ඇතුල් කිරීමට අවස්ථාවක් ඇත. ඔබට කිසිවක් ඇතුළත් කළ නොහැක (alt = "") නමුත් සෑම රූපයක්ම ප්රයෝජනවත් විස්තරයක් ලබා දීමට වඩා හොඳය. ඔබ අන්ධව සිටියා නම්, ඔබට රූපය ගැන දැනගත යුත්තේ කුමක්ද? "කාන්තාව" බොහෝ සෙයින් උපකාර නැත, නමුත් සමහර විටෙක "ප්රවේශය, භාවිතයේ හැකියාව, වෙළඳ නාම සහ සැලසුම් ඇතුළුව කාන්තාවගේ නිර්මාණ සැලසුම් ප්රස්ථාර සටහන".

මාතෘකාව

වෙබ් අඩවි හැම විටම HTML මාතෘකා ටැගය විදහා නොගනී, නමුත් එය තිර රචකයන්ට ප්රයෝජනවත් වේ. ඔබගේ වෙබ් අඩවියේ පිටු සෑම වෙබ් පිටුවකටම විස්තර කරන බව විස්තර කරන (නමුත් වඩා නපුරු) මාතෘකාවකි.

ඔබේ වෙබ් අඩවිය හොඳ තොරතුරු ධූරාවලියක් ලබා දෙන්න

ශීර්ෂයන් සමඟ විශාල පෙළ ඛණ්ඩාංක කැඩී ඇති අතර, හැකි නම්, H1, H2, H3 ආචාරධර්මවාදය අනුව ශීර්ෂ භාවිතා කරන්න . Screen readers සඳහා ඔබගේ වෙබ් අඩවිය පහසු කරවයි, එය අන් සියල්ලන්ට පහසු කරවයි. එය ඔබගේ වෙබ් අඩවිය වඩා හොඳින් දර්ශකයට ගූගල් සහ සෙසු සෙවුම් යන්ත්ර සඳහා විශාල සංඥාවක් ද වේ.

ඒ හා සමානව, ඔබේ වෙබ් අඩවිය තාර්කික අන්තර්ගතයක් ඇති බවට වග බලාගත යුතු අතර, අනොන්ය තොරතුරුවල පෙට්ටි නොමැති බවට වග බලා ගන්න. ඔබ දැන්වීම් භාවිතා කරන්නේ නම්, ඔබේ දැන්වීම් අතිශයින්ම අද්විතීය නොවන අතර නිතරම ඔබේ වෙබ් අඩවියේ පෙළ බිඳ දමන්න.

වඩා හොඳ වගුව කරන්න

ඔබ HTML වගු භාවිතා කරන්නේ නම්, ඔබ විසින් තිරය පාඨකයන් විසින් තේරුම් ගැනීමට පහසු වන පරිදි, වගු භාවිතා කරමින් ඔබේ වගු වලට මාතෘකා එකතු කළ හැකිය. ඔබට "විෂය පථය" මූලද්රව්යය එකතු කිරීම හා ඔබේ වගුවෙහි නව පේළි හා තීරු පැහැදිලිව එකතු කර ගත හැකිය. තිරයේ පාඨකයින් සරලව සන්දර්භය තුළ කිසිදු පෙළක් නොමැතිව වගු සෛල මාලාවක් ඉවත් නොකරනු ඇත.

යතුරු පුවරුව

පොදුවේ, ඔබේ වෙබ් අඩවියේ ඇති ඕනෑම දෙයක් යමෙකුට යතුරු පුවරුවක් භාවිතා කළ හැකි යමක් විය හැකි ය. එයින් අදහස් වන්නේ තිරය කියවනයකින් ඒවා භාවිතා නොකළහොත් ඔබගේ බොත්තම් බොත්තම් බොත්තම් බොත්තම් සජීවනය නොකළ යුතු ය (එය උත්සාහ කරන්න, ඔබ නොදන්නා දැයි - ඇතැම් යතුරු බොත්තම් භාවිතය සඳහා යතුරු පුවරුව ක්රමලේඛකරණය කර ඇත).

වසා ඇත

ඔබ ඔබගේ වෙබ් අඩවියට වීඩියෝ හෝ ශ්රව්ය අංග එකතු කර ඇත්නම්, ඒවායේ ශීර්ෂයන් තිබිය යුතුය. HTML5 සහ බොහෝ වීඩියෝ ප්රවාහ සේවා (යූ ටියුබ් වැනි) සංවෘත ශීර්ෂ සහාය ලබා දෙයි. Closed captions යනු ප්රවේශය සඳහා පමණක් නොව, ඔබේ කාර්යාලයේදී හෝ ශබ්දය තුළ ශබ්දය ගවේෂණය කළ නොහැකි තැනක ඔබේ වෙබ් අඩවියේ පිවිසිය හැකි පරිශීලකයින් සඳහා පමණි.

පොඩ්කාස්ට් හෝ වෙනත් ශබ්ද අංග සඳහා, පාඨ පිටපතක් සැපයීම සලකා බලන්න. ගූගල් සහ අනෙකුත් සෙවුම් ඇන්ජින් එම අන්තර්ගතය දර්ශනය කිරීමට සහ ඔබේ ගූගල් ශ්රේණිගත කිරීම සඳහා උදව් කිරීමට හැකි වනු ඇත.

ARIA

ඔබට උසස් මට්ටමේ ප්රවේශයක් ලබාගැනීමට අවශ්ය නම් HTML5 ARIA හෝ WAI-ARIA පිරිවිතරයන් නව ප්රවනතාවයක් වනු ඇත. කෙසේ වෙතත්, මෙය සංකීර්ණ (හා පරිණාමනීය) තාක්ෂණික අත්පොතයි. එබැවින් ඔබට කළ හැකි දෙය නම් ඔබේ වෙබ් අඩවියේ ඔබට ගැටළුවක් ඇත්නම් තිබේදැයි සොයා බැලීමට ARIA වලංගුකරණය භාවිතා කරන්න. ARIA සමඟ ආරම්භ කිරීම සඳහා මොසිල්ලා හට තවත් ප්රවේශමෙන් මඟ පෙන්වීමක් තිබේ.