Angular 21+ නවතම සංස්කරණය භාවිතා කරමින්, වෙබ් අඩවි ප්රවේශය (WCAG) අනුකූල කිරීමේ ප්රායෝගික උදාහරණයක් මෙවර ලැබුණා.
අධ්යයන කාලයේදී ප්රවේශය සම්බන්ධ කරුණු බොහොමයක් ත්රාසජනක ලෙස පරීක්ෂා නොවුණි. නමුත් නවතම Angular ව්යුහය සමඟ, ARIA ගුණාංග, කීබෝර්ඩ් ෆෝකස්, සහ Signals මගින් UI අංග වෙනස් වීමක් සිදුවන විට තත්ක්ෂණිකව පණිවුඩය ලබා දීමට හැකි වුණා.
මෙම ලිපියෙන්, සරල උදාහරණ 4ක් හරහා WCAG මූලධර්ම (POUR) ක්රියාත්මක කිරීමේ ක්රමය පැහැදිලි කරයි: ඩයිනමික් ARIA ගුණාංග, කීබෝර්ඩ් මාර්ගගත නාවිකත්වය, අර්ථවත් දෝෂ පණිවුඩ, සහ සාරවත් HTML සින්ටැක්ස්.
උදාහරණයක් ලෙස, පරිශීලකයා මුරපද පෙන්වීම/සඟවීම බොත්තම ක්ලික් කළ විට [attr.aria-label] ගුණාංගය “මුරපද පෙන්වන්න” සහ “මුරපද සඟවන්න” ලෙස වෙනස් වේ. මෙය Signals භාවිතයෙන් DOM සමඟ සෘජු සම්බන්ධතාවයක් ඇති කරයි, එවිට screen reader එකට තත්ක්ෂණිකව තොරතුරක් ලැබේ.
තවත් වැදගත් පියවරක් ලෙස, කස්ටම් කොම්පෝනන්ට් (div) භාවිතා කරන විට tabindex සහ role ගුණාංග එක් කර, Tab යතුරෙන් පිරික්සුම සම්පූර්ණයෙන්ම ක්රියාත්මක කරයි. මේ මගින් keyboard‑only පරිශීලකයන්ට අඩවි සැලසුම අඩංගු වේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තාක්ෂණික උපාධිධාරීන්, ආරම්භක සංවර්ධකයන්, සහ ව්යාපාරිකයින්ට WCAG අනුකූල Angular යෙදුම් නිර්මාණය කිරීම, දේශීය වෙළඳපලේ අන්තර්ජාල ප්රවේශය විහිදුවීමට මූලික වේ.
- විශාල පිරිසකට – දෘෂ්ටිය, ශ්රවණ, හෝ මනෝභාවික අවබෝධය අඩු පරිශීලකයින්ට අඩවි භාවිතය හැකි වේ.
- SEO හා කේත පිරිසිදුකම – සෙමැන්ටික් HTML හා සුපිරි DOM ගොඩනැගීම, ගූගල් සෙවුම් ශ්රේණි ඉහළට නංවයි.
- නීතිමය අනුකූලතාව – ශ්රී ලංකාවේ අන්තර්ජාල අයිතිවාසිකම් පිළිබඳ නීති රීති, අනාගත නීතිමය අවශ්යතා පූරණය කරයි.
අවසානයේ, WCAG අනුකූල Angular යෙදුමක් නිර්මාණය කිරීම තාක්ෂණික අභියෝගයක් නොව, සමාජ වගකීමක් ලෙස සැලකිය යුතුයි. ඔබේ ව්යාපෘතියේ ප්රවේශය උදෙසා අදම පියවර ගන්න.
