වෙබ් යෙදුම් (SPA) වල ද්රව්යමය දත්ත වෙනස් වූ විට, පරිශීලකයාට ඒ වෙනස්කම් කියවීමට ARIA live region භාවිතා කරනවා. නමුත් කාලය, අතුරුදන්වීම් හෝ තවත් සංඛ්යානික ගැටළුවක් නිසා, screen reader එකේ පණිවුඩය අහරිනවා හෝ පරණ පණිවුඩයක් කියවලා අලුත් එක අමතක කරනවා යන අත්දැකීම් බොහෝ දෙනාට ඇතිවෙයි.
මෙම ලිපියේ ලේඛකයා තමන්ගේ accessibility විශේෂාංගයක් නිර්මාණය කරන අතරතුර, aria-live="polite" සහ aria-live="assertive" භාවිතා කරමින් live region එකක් යාවත්කාලීන කළා. NVDA සහ VoiceOver වල පළමු පණිවුඩය කියවුවත්, පසුගිය යාවත්කාලීනවලට කිසිඳු ප්රතිචාරයක් නොලැබුණා. DOM සහ accessibility tree එක නිරීක්ෂණය කළ පසු, ගැටළුව කේතයේ නොව, screen reader එකේ පණිවුඩ කාලසීමාව සහ batching ක්රියාවලියෙන් බව තේරුණා.
screen reader එකක් UI එකේ අභ්යන්තර accessibility tree එක පවත්වාගෙන යයි. live region එකේ අන්තර්ගතය වෙනස් වුවමනා, ඒ වෙනස්කම් queue එකකට ඇතුළත් වේ. එහෙත්:
- Timing thresholds: ඉක්මනින් බොහෝ වෙනස්කම් සිදු වුවහොත්, screen reader එක එකතුව කර අවසාන තත්වය පමණක් කියවයි.
- Interruptions: පරිශීලකයා දැනට වෙනත් පණිවුඩයක් අසා සිටියොත්, live region queue එක අත්හිටුවා හෝ ප්රතික්ෂේප කරයි.
- Change heuristics: අන්තර්ගතය වචනිකව වෙනස් නොවුවහොත්, පණිවුඩයක් නොකියවෙයි.
උදාහරණයක් ලෙස, 1 තත්පරය තුළ ත්රිත්වය යාවත්කාලීන කළහොත්, පළමු “Step 1 completed”, දෙවන “Step 2 completed”, අවසාන “All done!” යන පණිවුඩ තුනම එකතුවෙයි. NVDA පසුකාලීනව අවසන් පණිවුඩය පමණක් කියවයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ වෙබ් සංවර්ධකයින්, UI/UX නිර්මාණකරුවන්, සහ ව්යාපාරිකයන්ට මෙම තොරතුරු ඉතා වැදගත්.
- ඉගෙනුම් පද්ධති, රජයේ සේවා වැනි ප්රවේශය අවශ්ය අඩවි සඳහා නිවැරදි ARIA live region සැකසීම, සියලු පරිශීලකයන්ට සමාන අත්දැකීමක් ලබා දෙයි.
- දෙවැනි පියවර ලෙස, live region updates ගත හැකි වේගය අඩු කර, debounce හෝ throttle යෙදීමෙන් පණිවුඩ අතුරුදන් වීම වැළැක්විය හැක.
- වැඩි පිරිසක් screen reader භාවිතා කරන අතර, නිවැරදි ප්රවේශය ව්යාපාරික සන්නිවේදනයේ විශ්වාසය ඉහළ දැමීමට සහ නව ගනුදෙනුකරුවන් ලබා ගැනීමට උපකාරී වේ.
අවසන් වශයෙන්, live region debugging සඳහා පහත පියවර අනුගමනය කරන්න: console.log මඟින් අන්තර්ගතය ලොග් කිරීම, setTimeout සමඟ updates පළල දීම, විවිධ aria-live ප්රාථමිකත්ව පරීක්ෂා කිරීම, සහ NVDA, JAWS, VoiceOver වැනි screen reader බහුලව පරීක්ෂා කිරීම. මෙයින් ඔබගේ වෙබ් අඩවියේ ප්රවේශය වඩාත් විශ්වාසනීය කර ගත හැක.
