සිකුරාදා වැඩ කරන දිනය අවසන් වේ. නරක ආරංචියක් සෑම විටම සිකුරාදා වැඩ කරන දිනය අවසානයේ පැමිණේ.
ඔබ කාර්යාලයෙන් පිටව යාමට ආසන්නයි, තවත් ප්‍රතිසංවිධානයක් පිළිබඳ නව ලිපියක් තැපෑලට පැමිණ ඇත.
ස්තූතියි xxxx, yyy අද සිට ඔබ zzzz වාර්තා කරනු ඇත
...
තවද Hugh ගේ කණ්ඩායම අපගේ නිෂ්පාදන ආබාධ සහිත පුද්ගලයින්ට ප්‍රවේශ විය හැකි බව සහතික කරනු ඇත.
අපොයි නෑ! මම මෙය ලැබීමට සුදුසු වූයේ ඇයි? එයාලට ඕන මම යන්නද? ස්තුතිවන්ත නොවන වෙහෙස මහන්සි වී වැඩ කිරීමට සහ අන් අයගේ වැරදි නිවැරදි කිරීමට උත්සාහ කිරීමට ඔබ සූදානම් වන්න. මෙය නියත වශයෙන්ම අසාර්ථකයි ...
මෙය වසර කිහිපයකට පෙර ලබා ගත හැකි විය. සමහර දුප්පත් ආත්මයන්ට UI "පිරිසිදු කිරීමේ" කාර්යය ලබා දී එය ආබාධිත පුද්ගලයින්ට ප්‍රවේශ වීමට උත්සාහ කිරීමට උත්සාහ කළේය.
මෙය සැබවින්ම අදහස් කළේ ඉතා නොපැහැදිලි ය - ඔබට ක්ෂේත්‍ර හරහා නාභිගත දර්ශකයක් සහ ටැබ් එකක් දැකිය හැකි නම්, විකල්ප පෙළ කිහිපයක් සහ ක්ෂේත්‍ර විස්තර කිහිපයක් තිබේ නම්, ඔබේ යෙදුමට ප්‍රවේශ විය හැකි බව සලකනු ලැබේ ...
නමුත් හදිසියේම "දෝෂ" හිම කුණාටුවක වේගයෙන් ගුණ කිරීමට පටන් ගත්තේය.
විවිධ තිර කියවන්නන් (ඉංජිනේරු. Screen Readers) සහ බ්‍රව්සර් සම්පූර්ණයෙන්ම වෙනස් ලෙස හැසිරේ.
යෙදුම භාවිතා කළ නොහැකි බවට පරිශීලකයින් පැමිණිලි කර ඇත.
එක තැනක දෝෂයක් නිවැරදි වූ වහාම තවත් තැනක තවත් දෝෂයක් මතු විය.
පරිශීලක අතුරුමුහුණත් දෝෂ සරලව වෙනස් කිරීම සහ නිවැරදි කිරීම සඳහා දැඩි උත්සාහයක් අවශ්‍ය විය.
මම එතනයි සිටියේ. මම බේරුණා, නමුත් අපි "සාර්ථක වුණේ නැහැ" - තාක්ෂණික වශයෙන් අපි ගොඩක් පිරිසිදු කළා, ක්ෂේත්‍ර විස්තර, භූමිකාවන් ගොඩක් එකතු කළා, සහ යම් මට්ටමක අනුකූලතාවයක් ලබා ගත්තා, නමුත් කිසිවෙකු සතුටු වුණේ නැහැ. පරිශීලකයින් තවමත් පැමිණිලි කළේ ඔවුන්ට යෙදුම සැරිසැරීමට නොහැකි බවයි. කළමනාකරු තවමත් නිරන්තර දෝෂ ප්‍රවාහය ගැන පැමිණිලි කළේය. සෑම අවස්ථාවකදීම ක්රියාත්මක වන පැහැදිලිව නිර්වචනය කරන ලද “නිවැරදි” විසඳුමක් නොමැතිව ගැටලුව වැරදි ලෙස ඉදිරිපත් කර ඇති බවට ඉංජිනේරුවන් පැමිණිලි කළහ.
ප්‍රවේශ්‍යතාව අවබෝධ කර ගැනීමේ මගේ ගමනේ තීරණාත්මක ඇස් ඇරෙන අවස්ථා කිහිපයක් තිබුණි.
සමහර විට පළමුවැන්න නිමි භාණ්ඩයක් මත ප්රවේශ්යතා ක්‍රියාකාරීත්වය එක් කිරීම අපහසු බව වටහා ගැනීම විය හැකිය. එය ඇදහිය නොහැකි තරම් දුෂ්කර බව කළමනාකරුවන්ට ඒත්තු ගැන්වීම ඊටත් වඩා දුෂ්කර ය! නැත, එය "ටැග් කිහිපයක් එකතු කිරීම" පමණක් නොවන අතර UI හොඳින් ක්‍රියා කරයි. නැහැ, මේක සති තුනකින් ඉවර කරන්න බැහැ, මාස තුනක්වත් මදි.
මගේ ඊළඟ සත්‍ය මොහොත පැමිණියේ අන්ධ පරිශීලකයින් අපගේ යෙදුම සැබවින්ම භාවිතා කරන ආකාරය මම මුලින්ම දුටු විටය. මෙය දෝෂ පණිවිඩ බැලීමෙන් බෙහෙවින් වෙනස් ය.
මම නැවත නැවතත් මෙය වෙත පැමිණෙන්නෙමි, නමුත් මිනිසුන් අපගේ යෙදුම භාවිතා කළ ආකාරය පිළිබඳ අපගේ "උපකල්පන" සියල්ලම පාහේ වැරදිය.
යතුරු එබීම් භාවිතයෙන් සංකීර්ණ පරිශීලක අතුරු මුහුණතක් සැරිසැරීම Tab/Shift+Tab - මේක නරකයි! අපට වඩා හොඳ දෙයක් අවශ්‍යයි. යතුරුපුවරු කෙටිමං, ශීර්ෂ.
UI එක වෙනස් කරනකොට ෆෝකස් නැති වෙන එක ලොකු ප්‍රශ්නයක් නෙවෙයි නේද? අපි නැවත සිතමු - මෙය ඇදහිය නොහැකි තරම් අවුල් සහගතයි.
මම දිගටම, ටික වේලාවක් විවිධ ව්‍යාපෘතිවල වැඩ කළා, පසුව අපි නව ව්‍යාපෘතියක් ආරම්භ කළෙමු, සංකීර්ණ පරිශීලක අතුරුමුහුණතක් සහ පැහැදිලි ස්ථාපනයකින්, අවසානයේ ප්‍රවේශ්‍යතාව මෙවර ලබා ගැනීමට.
එබැවින්, අපි පියවරක් පසුපසට ගෙන මෙය වෙනස් ආකාරයකින් ක්රියාත්මක කර සාර්ථක කර ගත හැකි ආකාරය සහ ක්‍රියාවලිය නීරස නොවන ආකාරය දෙස බැලුවෙමු!
ඉතා ඉක්මනින් අපි සමහර නිගමනවලට පැමිණියෙමු:
- පරිශීලක අතුරුමුහුණත සංවර්ධනය කරන පුද්ගලයින්ට Aria ලේබල්/භූමිකාවන් සහ, ඇත්ත වශයෙන්ම, සංරචකවල HTML ව්‍යුහය අවුල් කිරීමට අපට අවශ්‍ය නොවීය. කොටුවෙන් පිටත ප්‍රවේශ්‍යතාව ගොඩනඟා ඇති නිවැරදි සංරචක ඔවුන්ට සැපයීමට අපට අවශ්‍ය විය.
- ප්‍රවේශ්‍යතාව == භාවිතයේ පහසුව - i.e. මෙය තාක්ෂණික අභියෝගයක් පමණක් නොවේ. අපට සම්පූර්ණ සැලසුම් ක්‍රියාවලිය වෙනස් කිරීමට අවශ්‍ය වූ අතර UI නිර්මාණය ආරම්භ කිරීමට පෙර ප්‍රවේශ්‍යතාව සැලකිල්ලට ගෙන සාකච්ඡා කළ බව සහතික කිරීමට අවශ්‍ය විය. පරිශීලකයින් කිසියම් ක්‍රියාකාරීත්වයක් සොයා ගන්නේ කෙසේද, ඔවුන් සැරිසරන්නේ කෙසේද සහ යතුරුපුවරුවෙන් දකුණු-ක්ලික් කිරීම ක්‍රියා කරන්නේ කෙසේද යන්න පිළිබඳව ඔබ කලින් සිතා බැලිය යුතුය. ප්‍රවේශ්‍යතාව සැලසුම් ක්‍රියාවලියේ අනිවාර්ය අංගයක් විය යුතුය - සමහර පරිශීලකයින් සඳහා එය යෙදුමේ පෙනුමට වඩා වැඩි ය.
- ආරම්භයේ සිටම, යෙදුම භාවිතා කිරීමේ පහසුව පිළිබඳව අන්ධ සහ අනෙකුත් ආබාධිත පරිශීලකයින්ගෙන් ප්‍රතිපෝෂණ ලබා ගැනීමට අපට අවශ්‍ය විය.
- අපට ප්රවේශ්යතා ප්‍රතිගාමීතා අල්ලා ගැනීමට ඇත්තෙන්ම හොඳ ක්‍රම අවශ්‍ය විය.
හොඳයි, ඉංජිනේරුමය දෘෂ්ටි කෝණයකින්, පළමු කොටස තරමක් විනෝදජනක විය - ගෘහ නිර්මාණ ශිල්පයක් සංවර්ධනය කිරීම සහ සංරචක පුස්තකාලයක් ක්රියාත්මක කිරීම. ඇත්ත වශයෙන්ම එය එසේ විය.
අඩියක් පස්සට තියලා බලනවා සහ මෙය "ගැලපෙන" ගැටලුවකට වඩා නිර්මාණ ගැටලුවක් ලෙස සිතීමෙන්, අපි සමහර වියුක්තයන් හඳුන්වා දුන්නෙමු. සංරචකයක 'ව්‍යුහයක්' (HTML මූලද්‍රව්‍ය වලින් සමන්විත වේ) සහ 'හැසිරීමක්' (එය පරිශීලකයා සමඟ අන්තර්ක්‍රියා කරන ආකාරය) ඇත. උදාහරණයක් ලෙස, පහත ස්නිපට් වල අපට සරල නොගැලපෙන ලැයිස්තුවක් ඇත. "හැසිරීම" එකතු කිරීමෙන් ලැයිස්තුවක් ලෙස ක්‍රියා කිරීමට අනුරූප භූමිකාවන් ලැයිස්තුවට එකතු වේ. අපි මෙනුව සඳහාද එයම කරන්නෙමු.
ඇත්ත වශයෙන්ම, මෙහි භූමිකාවන් පමණක් නොව, යතුරුපුවරු සංචාලනය සඳහා සිදුවීම් හසුරුවන්නන් ද එකතු කර ඇත.
මෙය වඩාත් පිළිවෙලට පෙනේ. අපි ඔවුන් අතර පිරිසිදු වෙන්වීමක් ලබා ගත හැකි නම්, ව්‍යුහය කෙසේ නිර්මාණය කළත් කමක් නැත, අපට එයට හැසිරීම් යොදවා ප්‍රවේශ්‍යතාව නිවැරදිව ලබා ගත හැකිය.
ඔබට මෙය ක්‍රියාවෙහි දැකිය හැකිය - UX පුස්තකාලය , ආරම්භයේ සිටම ප්‍රවේශ්‍යතාව මනසේ තබාගෙන සැලසුම් කර ක්රියාත්මක කර ඇත.
දෙවන කොටස - නිර්මාණය වටා ඇති ප්රවේශය සහ ක්‍රියාවලීන් වෙනස් කිරීම මුලදී මා බියට පත් කළේය: ආයතනික වෙනස්කම් හරහා තල්ලු කිරීමට පහත් ඉංජිනේරුවන් උත්සාහ කිරීම සැමවිටම හොඳින් අවසන් නොවේ, නමුත් එය ක්‍රියාවලියට අප සැලකිය යුතු දායකත්වයක් ලබා දුන් වඩාත් සිත්ගන්නා ක්ෂේත්‍රවලින් එකක් බවට පත් විය. . කෙටියෙන් කිවහොත්, අපගේ ක්‍රියාවලිය පහත පරිදි විය: නව ක්‍රියාකාරීත්වය එක් කණ්ඩායමක් විසින් සංවර්ධනය කරනු ඇත, පසුව අපගේ නායක කණ්ඩායම යෝජනාව සමාලෝචනය / පුනරුච්චාරණය කරනු ඇත, පසුව, අනුමත වූ පසු, සැලසුම සාමාන්‍යයෙන් ඉංජිනේරු කණ්ඩායමට භාර දෙනු ඇත. මෙම අවස්ථාවෙහිදී, ඉන්ජිනේරු කණ්ඩායම ඵලදායී ලෙස ප්රවේශ්යතා ක්‍රියාකාරීත්වය "හිමිකර" ඇත, මන්ද එය හා සම්බන්ධ ඕනෑම ගැටළුවක් විසඳීම ඔවුන්ගේ වගකීම විය.
ආරම්භයේ දී, ප්‍රවේශ්‍යතාව සහ උපයෝගීතාව වෙන් කළ නොහැකි ලෙස සම්බන්ධ වී ඇති බවත්, මෙය සැලසුම් අවධියේදී සිදු කළ යුතු බවත්, එසේ නොවුවහොත්, එය විශාල වෙනස්කම් සහ සමහර භූමිකාවන්හි නැවත අර්ථ දැක්වීම් වලට තුඩු දෙනු ඇති බවත් පැහැදිලි කිරීම තරමක් දුෂ්කර කාර්යයක් විය. කෙසේ වෙතත්, කළමනාකාරිත්වයේ සහ ප්‍රධාන ක්‍රීඩකයින්ගේ සහය ඇතිව, අපි අදහස ගෙන එය ක්රියාත්මක කළ අතර එමඟින් නිර්මාණ කළමනාකරණයට ඉදිරිපත් කිරීමට පෙර ප්‍රවේශ්‍යතාවය සහ උපයෝගීතාව සඳහා පරීක්ෂා කරන ලදී.
මෙම ප්‍රතිපෝෂණය සෑම කෙනෙකුටම අතිශයින් වටිනා විය - පරිශීලකයින් වෙබ් යෙදුම් සමඟ අන්තර් ක්‍රියා කරන ආකාරය පිළිබඳ දැනුම බෙදාගැනීමේ/සන්නිවේදනය කිරීමේ අභ්‍යාසයක් ලෙස එය අපූරු විය, ඒවා තැනීමට පෙර අපි UI ගැටළු සහිත ප්‍රදේශ ගණනාවක් හඳුනා ගත්තෙමු, දැන් සංවර්ධන කණ්ඩායම් සතුව නැති බවට වඩා හොඳ පිරිවිතර ඇත. නිර්මාණයේ දෘශ්‍ය පමණක් නොව හැසිරීම් අංශ ද වේ. සැබෑ සාකච්ඡා යනු තාක්ෂණික අංශ සහ අන්තර්ක්‍රියා පිළිබඳ විනෝදජනක, ජවසම්පන්න, උද්‍යෝගිමත් සාකච්ඡා වේ.
මෙම (හෝ පසුව) රැස්වීම් වලදී අපට අන්ධ සහ ආබාධිත පරිශීලකයින් සිටියේ නම් අපට මෙය වඩාත් හොඳින් කළ හැකිය - මෙය සංවිධානය කිරීම දුෂ්කර විය, නමුත් අපි දැන් දේශීය අන්ධ සංවිධාන සහ සමාගම් යන දෙකම සමඟ වැඩ කරන්නෙමු, එය ක්රියාත්මක කිරීමේ ප්‍රවාහය මුල් අවධියේදී සත්‍යාපනය කිරීමට බාහිර පරීක්ෂණ සපයනු ලැබේ. සංවර්ධනය - සංරචක සහ ක්රියාත්මක කිරීමේ ප්රවාහ මට්ටම් දෙකෙහිම.
ඉංජිනේරුවන්ට දැන් තරමක් සවිස්තරාත්මක පිරිවිතර, ක්රියාත්මක කිරීමට භාවිතා කළ හැකි සංරචක සහ ක්රියාත්මක කිරීමේ ප්‍රවාහය වලංගු කිරීමට ක්‍රමයක් ඇත. අත්දැකීමෙන් අපට උගන්වා ඇති දෙයෙහි කොටසක් නම්, අපට දිගින් දිගටම මග හැරී ඇති දේ - අපට ප්‍රතිගාමී වීම නැවැත්විය හැක්කේ කෙසේද යන්නයි. ඒ හා සමානව, පුද්ගලයන්ට ක්‍රියාකාරීත්වය පරීක්ෂා කිරීම සඳහා අනුකලනය හෝ අන්තයේ සිට අවසානය දක්වා පරීක්ෂණ භාවිතා කළ හැක, එමඟින් අපට අන්තර්ක්‍රියා සහ ක්රියාත්මක කිරීමේ ප්‍රවාහවල වෙනස්කම් හඳුනා ගැනීමට අවශ්‍ය වේ - දෘශ්‍ය සහ චර්යාත්මක යන දෙකම.
දෘශ්‍ය ප්‍රතිගාමීත්වය නිර්ණය කිරීම තරමක් නිර්වචනය කළ කාර්යයකි, යතුරුපුවරුව සමඟ සැරිසැරීමේදී අවධානය දෘශ්‍යමාන දැයි පරීක්ෂා කිරීම හැර ක්‍රියාවලියට එකතු කළ හැකි දේ ඉතා අල්පය. වඩාත් සිත්ගන්නා කරුණ නම් ප්‍රවේශ්‍යතාවය සමඟ වැඩ කිරීම සඳහා සාපේක්ෂව නව තාක්ෂණයන් දෙකකි.
- ගැටළු හඳුනාගැනීම සඳහා බ්‍රවුසරයේ සහ ගොඩනැගීමේ/පරීක්ෂණ චක්‍රයේ කොටසක් ලෙස ක්රියාත්මක කළ හැකි මෙවලම් සමූහයකි.
- තිර කියවනය නිවැරදිව ක්‍රියා කරන බව තහවුරු කිරීම විශේෂයෙන් අභියෝගාත්මක කාර්යයක් වී ඇත. වෙත ප්රවේශය හඳුන්වාදීමත් සමග ප්රවේශ්යතා DOM, අපි දෘශ්‍ය පරීක්ෂණ සඳහා කරන ආකාරයටම යෙදුමේ ප්රවේශ්යතා සැණ රූ ලබා ගැනීමටත්, ප්‍රතිගාමීත්වය සඳහා ඒවා පරීක්ෂා කිරීමටත් අවසානයේ අපට හැකි වේ.
ඉතින්, කතාවේ දෙවන කොටසේදී, අපි HTML කේතය සංස්කරණය කිරීමේ සිට ඉහළ මට්ටමේ වියුක්ත මට්ටමකින් වැඩ කිරීමට මාරු වී, නිර්මාණ සංවර්ධන ක්‍රියාවලිය වෙනස් කර පරිපූර්ණ පරීක්ෂණ හඳුන්වා දුන්නෙමු. නව ක්‍රියාවලීන්, නව තාක්ෂණයන් සහ නව වියුක්ත මට්ටම් ප්‍රවේශ්‍යතාවයේ භූ දර්ශනය සහ මෙම අවකාශයේ වැඩ කිරීම යන්නෙන් අදහස් කරන්නේ කුමක්ද යන්න සම්පූර්ණයෙන්ම වෙනස් කර ඇත.
නමුත් මෙය ආරම්භය පමණි.
මීළඟ "අවබෝධය" නම් අන්ධ භාවිතා කරන්නන් අති නවීන තාක්‍ෂණය ධාවනය කරන බවයි - අප කලින් විස්තර කළ වෙනස්කම් වලින් පමණක් නොව, ML/AI මගින් නව ප්‍රවේශයන් සහ අදහස් ලබා ගත හැකි බව ද ඔවුන් වඩාත් ප්‍රයෝජන ලබන අයයි. උදාහරණයක් ලෙස, Immersive Reader තාක්‍ෂණය පරිශීලකයින්ට පෙළ වඩාත් පහසුවෙන් සහ පැහැදිලිව ඉදිරිපත් කිරීමට ඉඩ සලසයි. එය ශබ්ද නඟා කියවිය හැකිය, වාක්‍ය ව්‍යුහය ව්‍යාකරණමය වශයෙන් බිඳී ඇත, සහ වචන අර්ථ පවා චිත්‍රක ලෙස පෙන්වයි. මෙය කිසිසේත්ම පැරණි "ප්‍රවේශ විය හැකි බවට පත් කරන්න" මානසිකත්වයට නොගැලපේ - එය සෑම කෙනෙකුටම උපකාර වන උපයෝගිතා විශේෂාංගයකි.
ML/AI අන්තර්ක්‍රියා කිරීමේ සහ වැඩ කිරීමේ සම්පූර්ණයෙන්ම නව ක්‍රම සක්‍රීය කරන අතර, මෙම අති නවීන ගමනේ මීළඟ අදියරවල කොටසක් වීමට අපි සතුටු වෙමු. නවෝත්පාදනය චින්තනයේ වෙනසක් මගින් මෙහෙයවනු ලැබේ - මනුෂ්‍යත්වය සහස්‍ර ගණනාවක් තිස්සේ පැවතුනි, යන්ත්‍ර වසර සිය ගණනක්, වෙබ් අඩවි දශක කිහිපයක් සහ ස්මාර්ට්ෆෝන් ඊටත් වඩා අඩුවෙන්, තාක්‍ෂණය මිනිසුන්ට අනුවර්තනය විය යුතු අතර අනෙක් අතට නොවේ.
පී.එස්. ලිපිය මුල් පිටපතෙන් සුළු අපගමනය සහිතව පරිවර්තනය කර ඇත. මෙම ලිපියේ සම-කර්තෘවරයෙකු ලෙස, මම හියු සමඟ මෙම අපගමනයට එකඟ විය.
සමීක්ෂණයට සහභාගී විය හැක්කේ ලියාපදිංචි පරිශීලකයින්ට පමණි. කරුණාකර.
ඔබගේ යෙදුම්වල ප්‍රවේශ්‍යතාව පිළිබඳව ඔබ අවධානය යොමු කරනවාද?
-
බව
-
කිසිදු
-
යෙදුම් ප්‍රවේශ්‍යතාව ගැන මා අසා ඇති පළමු අවස්ථාව මෙයයි.
පරිශීලකයින් 17 දෙනෙක් ඡන්දය දුන්හ. පරිශීලකයින් 5 දෙනෙක් ඡන්දය දීමෙන් වැළකී සිටියහ.
මූලාශ්රය: www.habr.com