ලාභ:
- කෘතිම බුද්ධි සහය ඇතිව වර්ණ පරස්පරතාව, විකල්ප පෙළ, යතුරුපුවරු ප්රවේශය සහ WCAG නිර්ණායක පාලනය කිරීමට සහ වැඩිදියුණු කිරීමට හැකියාව
- තිර කියවන අත්දැකීම, විකල්ප පෙළ සහ කෘතිම බුද්ධිය සහිත ආකෘති ලේබල් වැනි ප්රවේශ්යතා පෙළ උත්පාදනය කිරීමට සහ සත්යාපනය කිරීමට හැකියාව
- AI හි ප්රවේශ්යතා නිර්දේශ සැබෑ උපකාරක තාක්ෂණය සහ පරිශීලක පරීක්ෂාව සමඟ වලංගු කිරීමේ සීමාව අවබෝධ කර ගැනීම
ප්රවේශ්යතාව (කෙටියෙන් a11y) යනු ආබාධ සහිත පුද්ගලයින් ඇතුළුව සෑම කෙනෙකුටම භාවිතා කිරීමට ඇති හැකියාවයි: දෘශ්යාබාධිත පරිශීලකයෙකුට තිර කියවනයකින් සැරිසැරීමට හැකිය (පෙළ කථනයට පරිවර්තනය කරන සහායක මෘදුකාංග), මෝටර් අපහසුතා ඇති පුද්ගලයෙකුට යතුරුපුවරුවකින් ඕනෑම දෙයක් කළ හැකිය, වර්ණ අන්ධ පුද්ගලයෙකුට වර්ණය මත රඳා නොසිට තොරතුරු ලබා ගත හැකිය. ඇතුළත් නිර්මාණය වඩා පුළුල් ය: එය වයස, භාෂාව, සංස්කෘතිය, තාවකාලික ආබාධිතභාවය (කැඩුණු අත) හෝ සන්දර්භීය ආබාධිත (හිරු තිරය) ඇතුළුව මානව විවිධත්වය නිර්මාණයේ කේන්ද්රයේ තබයි. ප්රවේශ්යතාව "අතිරේක" නොවේ, නමුත් බොහෝ රටවල මූලික වගකීමක් සහ නීතිමය අවශ්යතාවයකි. AI යනු මෙම ක්ෂේත්රයේ ප්රබල පූර්ව දර්ශක සහ කෙටුම්පත් උත්පාදකයකි; නමුත් සත්ය ප්රවේශ්යතාව තහවුරු වන්නේ සත්ය උපකාරක තාක්ෂණයෙන් සහ පරිශීලක පරීක්ෂණයෙන් පමණි.
WCAG සහ ප්රධාන පාලන ප්රදේශ
WCAG (වෙබ් අන්තර්ගත ප්රවේශ්යතා මාර්ගෝපදේශ) යනු ප්රවේශය සඳහා ජාත්යන්තරව පිළිගත් නිර්ණායක සමූහයකි; AA මට්ටම සාමාන්යයෙන් ඉලක්ක කර ඇත. එහි මූලධර්ම හතරක් ඇත: අන්තර්ගතය වටහා ගත හැකි විය යුතුය, අතුරු මුහුණත භාවිතා කළ හැකි විය යුතුය, තොරතුරු තේරුම් ගත හැකි සහ තාක්ෂණික වශයෙන් හොඳ විය යුතුය. ප්රායෝගිකව වඩාත් පොදු පාලන ක්ෂේත්ර වනුයේ:
- වර්ණ වෙනස: පෙළ සහ පසුබිම අතර වෙනස ප්රමාණවත්ද? (AA සඳහා, සාමාන්ය පෙළෙහි අවම වශයෙන් 4.5:1 අනුපාතය.)
- විකල්ප පෙළ (alt text): රූපවල තිර කියවනයට පැහැදිලි කරන සමාන පෙළක් තිබේද?
- යතුරුපුවරු ප්රවේශය: මූසිකයක් නොමැතිව කිසිවක් කළ හැකිද? අවධානය යොමු කිරීමේ අනුපිළිවෙල අර්ථවත්ද?
- වර්ණ-පමණි තොරතුරු: "රතු ක්ෂේත්ර පුරවන්න" වැනි වාක්ය ඛණ්ඩ වර්ණ අන්ධ පරිශීලකයා බැහැර කරයි.
- පෝරම ලේබල්: සෑම ආදාන ක්ෂේත්රයකම තිර කියවනය කියවන ලේබලයක් තිබේද?
- ස්පර්ශ ඉලක්කය: ඇඟිලිවලින් පහසු ලෙස එබීමට තරම් බොත්තම් විශාලද?
AI හට මෙම ක්ෂේත්ර බොහොමයක ඉක්මන් ප්රාථමික ස්කෑන් කිරීමක් කළ හැක: ඔබට යම් පෙළක් ලබා දී "ප්රතිවිරෝධය ප්රමාණවත්ද?" යනුවෙන් ඇසීමට, රූප විස්තරයක් ලබා දී "alt පෙළ යෝජනා කරන්න" යනුවෙන් අසන්න, අතුරු මුහුණත විස්තරයක් ලබා දී "යතුරුපුවරු ප්රවේශ ගැටළු මොනවාද" යනුවෙන් අසන්න.
අවවාදයයි: AI "එය ප්රවේශ විය හැකි බව පෙනේ" යැයි පවසන පමණින් ප්රවේශ වීමේ සහතිකයක් නොවේ. ස්වයංක්රීය චෙක්පත හසුවන්නේ WCAG දෝෂ කිහිපයක් පමණි; ඉතිරිය සැබෑ භාවිතය සමඟ මතු වනු ඇත.
විකල්ප පෙළ: හොඳ විකල්ප පෙළෙහි රහස
විකල්ප පෙළ දෘෂ්යාබාධිත පරිශීලකයා සඳහා රූපය ප්රතිස්ථාපනය කරයි. හොඳ විකල්ප පෙළ මඟින් රූපයේ ක්රියාකාරිත්වය සහ අර්ථය එහි අලංකාර විස්තරය නොවේ. "කරත්තයට එකතු කරන්න" නිරූපකය සඳහා විකල්ප පෙළ "කරත්තයට එකතු කරන්න" විය යුතු අතර "සාප්පු කරත්ත රූපය" නොවිය යුතුය, මන්ද එය පරිශීලකයාට වැදගත් වන ක්රියාවයි. උපපෙළ දළ සටහන් ජනනය කිරීමට AI දක්ෂයි, නමුත් එය සන්දර්භය නොදන්නා නිසා, එය ඕනෑවට වඩා විස්තරාත්මක හෝ අදාළ නොවන පෙළ නිපදවිය හැක. ඔබ එක් එක් විකල්ප පෙළ අසන්නේ "ඇයි මේ රූපය මෙහි තිබෙන්නේ?" ප්රශ්නය සමඟ කප්පාදු කරන්න.
දෘශ්ය
දුර්වල උප පෙළ
ශක්තිමත් යටිපෙළ
කරත්ත නිරූපකය (බොත්තම)
"කරත්ත නිරූපකය, අළු වර්ණය"
"කරත්තයට එකතු කරන්න"
නිෂ්පාදන ඡායාරූපය
"පින්තූරය"
"නිල් ශීත කබාය, ඉදිරිපස දර්ශනය"
අලංකාර රේඛාව
"ආභරණ රේඛාව"
(හිස් තබන්න - අලංකාර)
ග්රැෆික්ස්
"ග්රැෆික් රූපය"
"2024 විකුණුම්: සෑම කාර්තුවකම වැඩි කරන්න"
ඇතුළත් භාෂාව සහ විෂය පථය
ප්රවේශ්යතාව තාක්ෂණික පාලනයන්ට සීමා නොවේ; භාෂාව ද ඇතුළත් වේ. ලිංගභේදය ("පරිශීලක සහ ඔහුගේ/ඇයගේ සහකරු") උපකල්පනය කරන පෙළ, හැකියාව මත පදනම්ව බැහැර කරයි ("බැලීම," "පහසුවෙන් ඇසීම") හෝ සංස්කෘතික උපකල්පන අඩංගු සමහර පරිශීලකයින් බැහැර කරයි. AI හට මෙම ඉදිරිදර්ශනයෙන් පෙළ පරිලෝකනය කළ හැක, නමුත් එය යෝජනා කරන "උදාසීන" භාෂාව ස්වභාවික සහ තේරුම්ගත හැකි බව ඔබ සහතික විය යුතුය; ඕනෑවට වඩා නිවැරදි කිරීමෙන් පෙළ අපහසු විය හැක.
කුඩා නඩු තුනක්
1 වන අවස්ථාව - ප්රතිවිරුද්ධ දෝෂ කලින් අල්ලා ගන්නා ලදී. කණ්ඩායමක් විසින් AI විසින් තිර 20ක අකුරු වර්ණ පරිලෝකනය කර ඇති අතර ප්රතිවිරුද්ධතාව ස්ථාන 7ක AA සීමාවට වඩා පහළින් ඇති බව තීරණය කරන ලදී. සංවර්ධනයට නොගොස් නිවැරදි කිරීම් සිදු කරන ලදී; පසුව නිවැරදි කිරීමේ පිරිවැය වැළකුණි. නමුත් කණ්ඩායම තවමත් සැබෑ තිර කියවනය පරීක්ෂණය මඟ හැරියේ නැත.
නඩුව 2 - වර්ණ සම්බන්ධ තොරතුරු පමණක් නිවැරදි කරන ලදී. එක් පෝරමයක් රතු බෝඩරයක් සමඟ පමණක් දෝෂ ක්ෂේත්ර පෙන්වයි. AI මෙය සලකුණු කළේය; කණ්ඩායම සෑම දෝෂයකටම පෙළ සහ අයිකන එක් කළේය. වර්ණ අන්ධ පරිශීලකයින්ට දැන් දෝෂය දැකිය හැකිය. පාඩම: වර්ණයට පමණක් තොරතුරු ලබා දිය නොහැක.
නඩුව 3 - AI අනුමැතිය නොමඟ යවා ඇත. එක් නිර්මාණකරුවෙකු AI "ප්රවේශ විය හැකි" ලෙස හැඳින්වූ නිසා තිර කියවනය පරීක්ෂා කිරීම මග හැරියේය. සැබෑ පරීක්ෂණයේදී, අවධානය යොමු කිරීමේ අනුපිළිවෙල ව්යාකූල වී ඇති අතර සමහර බොත්තම් කිසිසේත් කියවා නැති බව පෙනී ගියේය. පාඩම: ස්වයංක්රීය තහවුරු කිරීම ආරම්භයයි; සැබෑ උපකාරක තාක්ෂණ පරීක්ෂණය අනිවාර්ය වේ.
පිටපත් කළ හැකි විමසුම්
ප්රවේශ්යතාව සඳහා මෙම අතුරුමුහුණත විස්තරය පූර්ව පරිලෝකනය කරන්න:1) තනිකරම වර්ණය මත පදනම්ව ගෙන යන තොරතුරු තිබේද?2) එක් එක් ක්ලික් කළ හැකි මූලද්රව්ය සඳහා පෙළ ලේබලයක් තිබේද?3) යතුරුපුවරුව හරහා ප්රවේශ විය නොහැකි මූලද්රව්ය තිබේද?4) අවධානය යොමු කිරීමේ අනුපිළිවෙල අර්ථවත්ද?එක් එක් ගැටළු සහ යෝජනා ලැයිස්තුගත කරන්න. "සැබෑ පරීක්ෂණය අවශ්යයි" සටහන එක් කරන්න. වට්ටෝරුව: <<text>>
මෙම පින්තූර සඳහා විකල්ප පෙළ යෝජනා කරන්න. රීතිය: රූපයේ කාර්යය/අර්ථය ප්රකාශ කරන්න, අලංකාර විස්තර නොවේ. බොත්තම් අයිකන සඳහා ක්රියාව ලියන්න. අලංකාර රූප සඳහා, "alt text හිස්ව තැබිය යුතුය" යැයි පවසන්න. සන්දර්භය සහ රූප විස්තර: <<list>>
ඇතුළත් භාෂාව සඳහා මෙම පාඨ පරීක්ෂා කරන්න: ස්ත්රී පුරුෂ භාවය උපකල්පන, හැකියාව මත පදනම් වූ බැහැර කිරීමේ භාෂාව ("බලන්න," "ඇහෙන්න" වැනි), සංස්කෘතික උපකල්පන තිබේද? ස්වභාවිකව පවතින විකල්ප යෝජනා කරන්න; ඕනෑවට වඩා නිවැරදි නොකරන්න. පෙළ: <<list>>
මෙම පෝරමය සඳහා ප්රවේශ විය හැකි දෝෂ සහ ලේබල් පෙළ ලියන්න: එක් එක් ක්ෂේත්රය සඳහා දෘශ්ය ලේබලය, තිර කියවනය සඳහා විස්තරය සහ වර්ණය නොසලකා දෝෂය විස්තර කරන පණිවිඩය (පෙළ + නිරූපකය). හඬ සහ ස්වරය: <<කාඩ්>>ආකෘති ක්ෂේත්ර: <<list>>
දුර්වල ක්ෂණික / ශක්තිමත් විමසුම
දුර්වල: "මෙම රූපය සඳහා විකල්ප පෙළ ලියන්න."
ප්රතිඵලය: "රූපයක්" හෝ ක්රියාකාරීත්වය මග හැරුණු අධික විස්තර සහිත පෙළ.
ශක්තිමත්: "මෙම පින්තූර සඳහා විකල්ප පෙළ යෝජනා කරන්න; රූපයේ කාර්යය/අර්ථය ප්රකාශ කරන්න; බොත්තම් අයිකන සඳහා ක්රියාව ලියන්න; අලංකාර ඒවා 'හිස්ව තැබිය යුතුය' ලෙස සලකුණු කරන්න."
ප්රතිඵලය: සන්දර්භීය, ක්රියාකාරීත්වයට නැඹුරු, නිවැරදි උප පෙළ.
වෙනස: ශක්තිමත් ප්රොම්ප්ට් ක්රියාකාරී නාභිගත කිරීම + බොත්තම් සම්මුතිය + අලංකාර වෙනස ගෙන එයි.
පොදු වැරදි
- ප්රවේශවීමේ සහතිකයක් ලෙස කෘත්රිම බුද්ධි අනුමැතිය වරදවා ගැනීම. එය සැබෑ පරීක්ෂණය සඳහා ආදේශකයක් නොවේ.
- තොරතුරු වර්ණයට පූරණය කිරීම පමණි. වර්ණ අන්ධ පරිශීලකයින්ට තොරතුරු මග හැරේ.
- alt පෙළෙහි කාර්යය නොව රූපය පැහැදිලි කිරීම. බොත්තම් නිරූපකය සඳහා ක්රියාවක් ලිවිය යුතුය.
- අවසාන සඳහා ප්රවේශ්යතාව අත්හැරීම. එය වයර් රාමු අදියරේදී ආරම්භ නොකළහොත්, පසුව එය ඇලවීම මිල අධික වනු ඇත.
- වැඩිපුර නිවැරදි කරන ලද භාෂාව. ස්වභාවික භාවය නැති කරන ඇතුළත් භාෂාව ද තේරුම් ගැනීමේ හැකියාව අඩාල කරයි.
සාරාංශයක් ලෙස
ප්රවේශ්යතාවය යන්නෙන් අදහස් කරන්නේ නිෂ්පාදිතය සෑම කෙනෙකුටම ලබා ගත හැකි බවයි; එය අමතර දෙයක් නොවේ, එය අත්යවශ්ය වන අතර, බොහෝ ස්ථානවල, නීතිමය වගකීමකි. ප්රතිවිරුද්ධ, විකල්ප පෙළ, යතුරුපුවරු ප්රවේශය සහ ඇතුළත් භාෂා පරිලෝකනය සඳහා ඉක්මන් පෙර පියාසර සහ කෙටුම්පත් උත්පාදකයක් ලෙස AI වටිනා වේ. නමුත් ස්වයංක්රීය අනුමැතියට හසුවන්නේ WCAG දෝෂ කිහිපයක් පමණි; සැබෑ ප්රවේශ්යතාව තිර කියවනය සහ සැබෑ සහායක තාක්ෂණ භාවිතා කරන්නන් සමඟ පරීක්ෂා කිරීමෙන් තහවුරු වේ. ආකෘතිය ඉදිරිපස බ්රව්සරයක් ලෙස භාවිතා කරන්න, සැබෑ පරීක්ෂණයෙන් සාක්ෂි ලබා ගන්න.
යෙදුම් කාර්යය
- පළමු විමසුමේදී ප්රවේශ්යතාව සඳහා අතුරු මුහුණත විස්තරයක් පූර්ව පරිලෝකනය කරන්න.
- වර්ණ මත පදනම් වූ තොරතුරු හෝ ලේබල් නොකළ අයිතම පමණක් නිවැරදි කරන්න.
- දෙවන විමසුම සමඟින් ඔබගේ තිරයේ ඇති දර්ශන සඳහා ක්රියාකාරී-නැඹුරු Alt පෙළ උත්පාදනය කරන්න.
- තුන්වන විමසුම සමඟ ඇතුළත් භාෂාව සඳහා ඔබේ පෙළ පරීක්ෂා කරන්න.
- හැකි නම්, තිර කියවනය සමඟ සත්ය පරීක්ෂණය උත්සාහ කර ස්වයංක්රීය ස්කෑන් කිරීම මග හැරෙන දේ සටහන් කරන්න.
පිරික්සුම් ලැයිස්තුව
- [ ] මම ප්රතිවිරුද්ධතාව, යතුරුපුවරු ප්රවේශය සහ ලේබල කලින් ස්කෑන් කළෙමි.
- [ ] මම තනිකරම වර්ණය මත පදනම්ව තොරතුරු ඉතිරි නොකළෙමි.
- [ ] මම උපපෙළ ක්රියාකාරී ආකාරයෙන් ලියා අලංකාර ඒවා හිස්ව තැබුවෙමි.
- [ ] මම ඇතුළත් භාෂා පාලනයක් ඇති කළෙමි, මම ස්වභාවිකත්වය ආරක්ෂා කළෙමි.
- [ ] මම ස්වයංක්රීය අනුමැතිය ප්රවේශ වීමේ සහතිකයක් ලෙස සැලකුවේ නැත.
- [ ] මම සැබෑ උපකාරක තාක්ෂණ පරීක්ෂණය සැලසුම් කළ/ක්රියාත්මක කළෙමි.