ஸ்கிரீன் ரீடர் இணக்கத்தன்மை: அணுகல்தன்மைக்கான ARIA லேபிள்களில் தேர்ச்சி பெறுதல்

இன்றைய டிஜிட்டல் உலகில், அனைத்து பயனர்களுக்கும் அணுகல்தன்மையை உறுதி செய்வது ஒரு சிறந்த நடைமுறை மட்டுமல்ல, அது ஒரு அடிப்படைத் தேவையாகும். இணைய அணுகல்தன்மையின் ஒரு முக்கிய அம்சம், ஸ்கிரீன் ரீடர் பயனர்கள் பயன்படுத்தக்கூடிய வகையில் உள்ளடக்கத்தை உருவாக்குவதாகும். ARIA (Accessible Rich Internet Applications) லேபிள்கள், காட்சி விளக்கத்திற்கும் ஸ்கிரீன் ரீடர்களுக்குத் தெரிவிக்கப்படும் தகவலுக்கும் இடையிலான இடைவெளியைக் குறைப்பதில் முக்கிய பங்கு வகிக்கின்றன. இந்த விரிவான வழிகாட்டி ARIA லேபிள்களின் சக்தி, அவற்றின் சரியான பயன்பாடு மற்றும் உலகளாவிய பார்வையாளர்களுக்கு மிகவும் உள்ளடக்கிய இணைய அனுபவத்திற்கு அவை எவ்வாறு பங்களிக்கின்றன என்பதை ஆராயும்.

ARIA லேபிள்கள் என்றால் என்ன?

ARIA லேபிள்கள் என்பவை, இயல்பாக அணுக முடியாத கூறுகளுக்கு ஸ்கிரீன் ரீடர்களுக்கு விளக்க உரையை வழங்கும் HTML பண்புக்கூறுகள் ஆகும். ஒரு கூறுவின் பங்கு, பெயர் மற்றும் நிலையின் அடிப்படையில் ஒரு ஸ்கிரீன் ரீடர் பொதுவாக அறிவிக்கும் தகவலை நிரப்ப அல்லது மேலெழுத அவை ஒரு வழியை வழங்குகின்றன. சாராம்சத்தில், ARIA லேபிள்கள் ஊடாடும் கூறுகளின் நோக்கம் மற்றும் செயல்பாட்டைத் தெளிவுபடுத்துகின்றன, இது பார்வை குறைபாடு உள்ள பயனர்கள் இணைய உள்ளடக்கத்தை திறம்பட வழிநடத்தவும் தொடர்பு கொள்ளவும் முடியும் என்பதை உறுதி செய்கிறது.

இதை ஊடாடும் கூறுகளுக்கு மாற்று உரையை வழங்குவதாக நினைத்துப் பாருங்கள். `alt` பண்புக்கூறுகள் படங்களை விவரிக்கும் அதே வேளையில், ARIA லேபிள்கள் பொத்தான்கள், இணைப்புகள், படிவப் புலங்கள் மற்றும் மாறும் உள்ளடக்கம் போன்ற பொருட்களின் *செயல்பாட்டை* விவரிக்கின்றன.

ARIA லேபிள்கள் ஏன் முக்கியமானவை?

• மேம்படுத்தப்பட்ட அணுகல்தன்மை: ARIA லேபிள்கள் ஸ்கிரீன் ரீடர் பயனர்களுக்கு அத்தியாவசிய சூழலை வழங்குகின்றன, இது இணையதளங்களை மேலும் அணுகக்கூடியதாகவும் பயனர் நட்புடையதாகவும் ஆக்குகிறது.
• மேம்பட்ட பயனர் அனுபவம்: தெளிவான மற்றும் விளக்கமான லேபிள்கள், பயனர்கள் இணைய உள்ளடக்கத்தை திறம்படப் புரிந்துகொண்டு தொடர்பு கொள்ள அதிகாரம் அளிக்கின்றன.
• அணுகல்தன்மை தரங்களுடன் இணங்குதல்: ARIA லேபிள்களைச் சரியாகப் பயன்படுத்துவது, இணையதளங்கள் WCAG (Web Content Accessibility Guidelines) போன்ற அணுகல்தன்மை வழிகாட்டுதல்களைப் பின்பற்ற உதவுகிறது, இது சட்ட இணக்கம் மற்றும் நெறிமுறைப் பொறுப்பை உறுதி செய்கிறது.
• மாறும் உள்ளடக்கத்திற்கான ஆதரவு: கூறுகளின் நோக்கம் உடனடியாகத் தெரியாத சிக்கலான, மாறும் இணையப் பயன்பாடுகளுக்கு ARIA லேபிள்கள் குறிப்பாக மதிப்புமிக்கவை.
• உள்ளூர்மயமாக்கல் பரிசீலனைகள்: ARIA-வின் நல்ல பயன்பாடு எளிதான உள்ளூர்மயமாக்கலை அனுமதிக்கிறது. தெளிவான, சொற்பொருள் HTML மற்றும் ARIA ஆகியவை மொழிபெயர்ப்பை எளிமையாகவும் துல்லியமாகவும் ஆக்குகின்றன.

ARIA பண்புக்கூறுகளைப் புரிந்துகொள்ளுதல்: aria-label, aria-labelledby, மற்றும் aria-describedby

கூறுகளை லேபிளிடுவதற்கு மூன்று முதன்மை ARIA பண்புக்கூறுகள் பயன்படுத்தப்படுகின்றன:

1. aria-label

aria-label பண்புக்கூறு, ஒரு கூறுக்கான அணுகக்கூடிய பெயராகப் பயன்படுத்த ஒரு உரைச் சரத்தை நேரடியாக வழங்குகிறது. புலப்படும் லேபிள் போதுமானதாக இல்லாதபோது அல்லது இல்லாதபோது இதைப் பயன்படுத்தவும்.

உதாரணம்:

ஒரு "X" ஐகானால் குறிக்கப்படும் ஒரு மூடும் பொத்தானைக் கவனியுங்கள். பார்வைக்கு, அது என்ன செய்கிறது என்பது தெளிவாக உள்ளது, ஆனால் ஒரு ஸ்கிரீன் ரீடருக்கு தெளிவுபடுத்தல் தேவை.

            <button aria-label="Close">X</button>
            

              
                Copy
              
            
          

இந்த நிலையில், ஸ்கிரீன் ரீடர் "Close button" என்று அறிவிக்கும், இது பொத்தானின் செயல்பாட்டைப் பற்றிய தெளிவான புரிதலை அளிக்கிறது.

நடைமுறை உதாரணம் (சர்வதேசம்):

உலகளவில் விற்கும் ஒரு இ-காமர்ஸ் தளம் ஒரு ஷாப்பிங் கார்ட் ஐகானைப் பயன்படுத்தலாம். ARIA இல்லாமல், ஒரு ஸ்கிரீன் ரீடர் வெறுமனே "இணைப்பு" என்று அறிவிக்கக்கூடும். `aria-label` உடன், அது இப்படி ஆகிறது:

            <a href="/cart" aria-label="View Shopping Cart"><img src="cart.png" alt="Shopping Cart Icon"></a>
            

              
                Copy
              
            
          

உலகளாவிய அணுகல்தன்மையை உறுதிப்படுத்த இது மற்ற மொழிகளிலும் எளிதாக மொழிபெயர்க்கப்படுகிறது.

2. aria-labelledby

aria-labelledby பண்புக்கூறு ஒரு கூறை பக்கத்தில் உள்ள மற்றொரு கூறோடு இணைக்கிறது, அது அதன் லேபிளாக செயல்படுகிறது. அது லேபிளிடும் கூறுவின் id-ஐப் பயன்படுத்துகிறது. ஒரு புலப்படும் லேபிள் ஏற்கனவே இருக்கும்போது அதை அணுகக்கூடிய பெயராகப் பயன்படுத்த விரும்பினால் இது பயனுள்ளதாக இருக்கும்.

உதாரணம்:

            <label id="name_label" for="name_input">Name:</label>
<input type="text" id="name_input" aria-labelledby="name_label">
            

              
                Copy
              
            
          

இங்கே, உள்ளீட்டு புலம் அதன் அணுகக்கூடிய பெயராக <label> கூறுவின் (அதன் id மூலம் அடையாளம் காணப்பட்டது) உரையைப் பயன்படுத்துகிறது. ஸ்கிரீன் ரீடர் "Name: edit text" என்று அறிவிக்கும்.

நடைமுறை உதாரணம் (படிவங்கள்):

சிக்கலான படிவங்களுக்கு, சரியான லேபிளிங்கை உறுதி செய்வது முக்கியம். aria-labelledby-ஐ சரியாகப் பயன்படுத்துவது லேபிள்களை அவற்றின் தொடர்புடைய உள்ளீட்டு புலங்களுடன் இணைக்கிறது, இது படிவத்தை அணுகக்கூடியதாக மாற்றுகிறது. ஒரு பல-படி முகவரிப் படிவத்தைக் கவனியுங்கள்:

            <label id="street_address_label" for="street_address">Street Address:</label>
<input type="text" id="street_address" aria-labelledby="street_address_label">

<label id="city_label" for="city">City:</label>
<input type="text" id="city" aria-labelledby="city_label">
            

              
                Copy
              
            
          

இந்த அணுகுமுறை லேபிள்களுக்கும் புலங்களுக்கும் இடையிலான தொடர்பு ஸ்கிரீன் ரீடர் பயனர்களுக்கு தெளிவாக இருப்பதை உறுதி செய்கிறது.

3. aria-describedby

aria-describedby பண்புக்கூறு ஒரு கூறுக்கு கூடுதல் தகவல் அல்லது விரிவான விளக்கத்தை வழங்கப் பயன்படுகிறது. `aria-labelledby` போலல்லாமல், இது *பெயரை* வழங்குகிறது, `aria-describedby` ஒரு *விளக்கத்தை* வழங்குகிறது.

உதாரணம்:

            <input type="text" id="password" aria-describedby="password_instructions">
<p id="password_instructions">Password must be at least 8 characters long and contain one uppercase letter, one lowercase letter, and one number.</p>
            

              
                Copy
              
            
          

இந்த நிலையில், ஸ்கிரீன் ரீடர் உள்ளீட்டு புலத்தை அறிவித்து (ஒரு லேபிள் இருந்தால் அதையும் சேர்த்து), பின்னர் "password_instructions" என்ற id கொண்ட பத்தியின் உள்ளடக்கங்களைப் படிக்கும். இது பயனருக்கு பயனுள்ள சூழலை வழங்குகிறது.

நடைமுறை உதாரணம் (பிழைச் செய்திகள்):

ஒரு உள்ளீட்டு புலத்தில் பிழை இருக்கும்போது, பிழைச் செய்தியுடன் இணைக்க aria-describedby பயன்படுத்துவது ஒரு சிறந்த நடைமுறையாகும். இது ஸ்கிரீன் ரீடர் பயனருக்கு உடனடியாக பிழை பற்றித் தெரிவிக்கப்படுவதை உறுதி செய்கிறது.

            <input type="text" id="email" aria-describedby="email_error">
<p id="email_error" class="error-message">Please enter a valid email address.</p>
            

              
                Copy
              
            
          

ARIA லேபிள்களைப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

• முதலில் சொற்பொருள் HTML-ஐப் பயன்படுத்தவும்: ARIA-வைப் பயன்படுத்துவதற்கு முன்பு, முடிந்தவரை சொற்பொருள் HTML கூறுகளைப் பயன்படுத்தவும். சொற்பொருள் கூறுகள் உள்ளார்ந்த அணுகல்தன்மை அம்சங்களை வழங்குகின்றன. உதாரணமாக, ARIA உடன் <div> பயன்படுத்துவதற்குப் பதிலாக பொத்தான்களுக்கு <button> பயன்படுத்தவும்.
• ARIA-வை அதிகமாகப் பயன்படுத்த வேண்டாம்: ARIA அணுகல்தன்மையை மேம்படுத்தப் பயன்படுத்தப்பட வேண்டும், சொற்பொருள் HTML-க்கு மாற்றாக அல்ல. ARIA-வை அதிகமாகப் பயன்படுத்துவது குழப்பத்தை உருவாக்கி, இணையதளத்தை அணுக முடியாததாக மாற்றும்.
• தெளிவான மற்றும் சுருக்கமான லேபிள்களை வழங்கவும்: ARIA லேபிள்கள் சுருக்கமாகவும், விளக்கமாகவும், எளிதில் புரியும்படியும் இருக்க வேண்டும். வழக்குச் சொற்கள் அல்லது தொழில்நுட்பச் சொற்களைத் தவிர்க்கவும்.
• காட்சி லேபிள்களுடன் பொருத்தவும்: ஒரு கூறுக்கு புலப்படும் லேபிள் இருந்தால், ARIA லேபிள் பொதுவாக அதனுடன் பொருந்த வேண்டும். இது காட்சி மற்றும் செவிவழி அனுபவத்திற்கு இடையே நிலைத்தன்மையை உறுதி செய்கிறது.
• ஸ்கிரீன் ரீடர்களுடன் சோதிக்கவும்: ARIA லேபிள்கள் பயனுள்ளதாக இருப்பதை உறுதி செய்வதற்கான சிறந்த வழி, அவற்றை NVDA, JAWS அல்லது VoiceOver போன்ற உண்மையான ஸ்கிரீன் ரீடர்களுடன் சோதிப்பதாகும்.
• சூழலைக் கருத்தில் கொள்ளுங்கள்: ARIA லேபிளின் உள்ளடக்கம் கூறுவின் சூழலுக்குப் பொருத்தமானதாக இருக்க வேண்டும்.
• மாறும் வகையில் புதுப்பிக்கவும்: ஒரு கூறுக்கான லேபிள் மாறும் வகையில் மாறினால், அதற்கேற்ப ARIA லேபிளைப் புதுப்பிக்கவும். இது ஒற்றைப் பக்கப் பயன்பாடுகளுக்கு (SPAs) மிகவும் முக்கியமானது.
• தேவையற்ற தகவல்களைத் தவிர்க்கவும்: கூறுவின் பங்கு அல்லது சூழலால் ஏற்கனவே தெரிவிக்கப்படும் தகவலை மீண்டும் கூற வேண்டாம். உதாரணமாக, ஒரு <button> கூறுவின் லேபிளில் "பொத்தான்" என்று சேர்க்கத் தேவையில்லை.

தவிர்க்க வேண்டிய பொதுவான ARIA லேபிள் தவறுகள்

• மோசமான HTML-ஐ சரிசெய்ய ARIA-வைப் பயன்படுத்துதல்: ARIA சரியான HTML-க்கு மாற்றானது அல்ல. முதலில் அடிப்படை HTML சிக்கல்களை சரிசெய்யவும்.
• அதிகமாக லேபிளிடுதல்: ஒரு ARIA லேபிளில் அதிகப்படியான தகவல்களைச் சேர்ப்பது பயனரைத் திணறடிக்கும். அதை சுருக்கமாக வைத்திருங்கள்.
• பூர்வீக HTML போதுமானதாக இருக்கும்போது ARIA-வைப் பயன்படுத்துதல்: பூர்வீக HTML கூறுகளின் செயல்பாட்டைப் பிரதிபலிக்க ARIA-வைப் பயன்படுத்த வேண்டாம்.
• சீரற்ற லேபிள்கள்: இணையதளம் முழுவதும் லேபிள்கள் சீராக இருப்பதை உறுதி செய்யவும்.
• உள்ளூர்மயமாக்கலைப் புறக்கணித்தல்: பன்மொழி இணையதளங்களுக்கு ARIA லேபிள்களை மொழிபெயர்க்க நினைவில் கொள்ளுங்கள்.
• `aria-hidden`-ஐ தவறாகப் பயன்படுத்துதல்: `aria-hidden` பண்புக்கூறு ஸ்கிரீன் ரீடர்களிடமிருந்து கூறுகளை மறைக்கிறது. மாற்று அணுகக்கூடிய தீர்வை வழங்காவிட்டால், ஊடாடும் கூறுகளில் இதைப் பயன்படுத்துவதைத் தவிர்க்கவும். அதன் முதன்மைப் பயன்பாடு முற்றிலும் விளக்கக்காட்சி உள்ளடக்கத்திற்கானது.
• சோதனை செய்யாமல் இருத்தல்: ஸ்கிரீன் ரீடர்களுடன் சோதனை செய்யத் தவறுவது மிகப்பெரிய தவறு. ARIA லேபிள்கள் உத்தேசித்தபடி செயல்படுகின்றனவா என்பதை உறுதிப்படுத்த சோதனை அவசியம்.

நடைமுறை உதாரணங்கள் மற்றும் பயன்பாட்டு வழக்குகள்

1. தனிப்பயன் கட்டுப்பாடுகள்

தனிப்பயன் கட்டுப்பாடுகளை (எ.கா., ஒரு தனிப்பயன் ஸ்லைடர்) உருவாக்கும்போது, அணுகல்தன்மையை வழங்க ARIA லேபிள்கள் அவசியமானவை. லேபிள்களுக்கு கூடுதலாக நீங்கள் ARIA பாத்திரங்கள், நிலைகள் மற்றும் பண்புகளைப் பயன்படுத்த வேண்டியிருக்கும்.

            <div role="slider" aria-label="Volume" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></div>
            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், aria-label ஸ்லைடரின் பெயரை (Volume) வழங்குகிறது, மற்ற ARIA பண்புக்கூறுகள் அதன் வரம்பு மற்றும் தற்போதைய மதிப்பு பற்றிய தகவல்களை வழங்குகின்றன. ஸ்லைடர் மாறும்போது `aria-valuenow`-ஐப் புதுப்பிக்க ஜாவாஸ்கிரிப்ட் பயன்படுத்தப்படும்.

2. மாறும் உள்ளடக்கப் புதுப்பிப்புகள்

ஒற்றைப் பக்கப் பயன்பாடுகள் (SPAs) அல்லது AJAX-ஐ பெரிதும் நம்பியிருக்கும் இணையதளங்களுக்கு, உள்ளடக்கம் மாறும் வகையில் மாறும்போது ARIA லேபிள்களைப் புதுப்பிப்பது முக்கியம்.

உதாரணமாக, ஒரு அறிவிப்பு அமைப்பைக் கவனியுங்கள். ஒரு புதிய அறிவிப்பு வரும்போது, நீங்கள் ஒரு ARIA நேரலை பகுதியை புதுப்பிக்கலாம்:

            <div aria-live="polite" id="notification_area"></div>
            

              
                Copy
              
            
          

பின்னர் ஜாவாஸ்கிரிப்ட் இந்த div-ல் அறிவிப்பு உரையைச் சேர்க்கப் பயன்படுத்தப்படும், இது ஸ்கிரீன் ரீடரால் அறிவிக்கப்படும். `aria-live="polite"` முக்கியமானது; இது ஸ்கிரீன் ரீடருக்கு அது செயலற்ற நிலையில் இருக்கும்போது புதுப்பிப்பை அறிவிக்கச் சொல்கிறது, பயனரின் தற்போதைய பணிக்கு இடையூறு ஏற்படுவதைத் தவிர்க்கிறது.

3. ஊடாடும் விளக்கப்படங்கள் மற்றும் வரைபடங்கள்

விளக்கப்படங்கள் மற்றும் வரைபடங்களை அணுகக்கூடியதாக மாற்றுவது கடினமாக இருக்கலாம். ARIA லேபிள்கள் தரவுகளின் உரை விளக்கங்களை வழங்க உதவும்.

உதாரணமாக, ஒரு பட்டை விளக்கப்படம் ஒவ்வொரு பட்டியின் மதிப்பையும் விவரிக்க aria-label-ஐப் பயன்படுத்தலாம்:

            <div role="img" aria-label="Bar chart showing sales for each quarter">
  <div role="list">
    <div role="listitem" aria-label="Quarter 1: $100,000"></div>
    <div role="listitem" aria-label="Quarter 2: $120,000"></div>
    <div role="listitem" aria-label="Quarter 3: $150,000"></div>
    <div role="listitem" aria-label="Quarter 4: $130,000"></div>
  </div>
</div>
            

              
                Copy
              
            
          

மிகவும் சிக்கலான விளக்கப்படங்களுக்கு `aria-describedby` அல்லது ஒரு தனி உரைச் சுருக்கத்தைப் பயன்படுத்தி இணைக்கப்பட்ட ஒரு அட்டவணை தரவு பிரதிநிதித்துவம் தேவைப்படலாம்.

அணுகல்தன்மை சோதனை கருவிகள்

பல கருவிகள் சாத்தியமான ARIA லேபிள் சிக்கல்களை அடையாளம் காண உதவும்:

• ஸ்கிரீன் ரீடர்கள் (NVDA, JAWS, VoiceOver): ஸ்கிரீன் ரீடர்களுடன் கைமுறையாகச் சோதிப்பது அவசியம்.
• உலாவி டெவலப்பர் கருவிகள்: பெரும்பாலான உலாவிகளில் அணுகல்தன்மை ஆய்வாளர்கள் உள்ளனர், அவை ARIA பண்புக்கூறுகள் எவ்வாறு விளக்கப்படுகின்றன என்பதை வெளிப்படுத்த முடியும்.
• அணுகல்தன்மை சோதனை நீட்டிப்புகள் (WAVE, Axe): இந்த நீட்டிப்புகள் பொதுவான ARIA சிக்கல்களை தானாகவே கண்டறிய முடியும்.
• ஆன்லைன் அணுகல்தன்மை சரிபார்ப்பவர்கள்: பல இணையதளங்கள் அணுகல்தன்மை சரிபார்ப்பு சேவைகளை வழங்குகின்றன.

உலகளாவிய பரிசீலனைகள்

உலகளாவிய பார்வையாளர்களுக்காக ARIA லேபிள்களை செயல்படுத்தும்போது, பின்வருவனவற்றைக் கருத்தில் கொள்ளுங்கள்:

• உள்ளூர்மயமாக்கல்: ஆதரிக்கப்படும் அனைத்து மொழிகளிலும் ARIA லேபிள்களை மொழிபெயர்க்கவும். துல்லியம் மற்றும் கலாச்சார உணர்திறனை உறுதிப்படுத்த சரியான மொழிபெயர்ப்பு நுட்பங்களைப் பயன்படுத்தவும்.
• எழுத்துரு தொகுப்புகள்: நீங்கள் ஆதரிக்கும் மொழிகளுக்கான அனைத்து தேவையான எழுத்துக்களையும் ஆதரிக்கும் ஒரு எழுத்து குறியாக்கத்தை (எ.கா., UTF-8) உங்கள் இணையதளம் பயன்படுத்துவதை உறுதிசெய்யவும்.
• சர்வதேச ஸ்கிரீன் ரீடர்களுடன் சோதனை: முடிந்தால், வெவ்வேறு பிராந்தியங்களில் பொதுவாகப் பயன்படுத்தப்படும் ஸ்கிரீன் ரீடர்களுடன் சோதிக்கவும்.
• கலாச்சார நுணுக்கங்கள்: ARIA லேபிள்கள் எவ்வாறு விளக்கப்படுகின்றன என்பதைப் பாதிக்கக்கூடிய கலாச்சார வேறுபாடுகளைப் பற்றி அறிந்திருங்கள். உதாரணமாக, ஐகான்கள் வெவ்வேறு கலாச்சாரங்களில் வெவ்வேறு அர்த்தங்களைக் கொண்டிருக்கலாம்.

முடிவுரை

ARIA லேபிள்கள் ஸ்கிரீன் ரீடர் இணக்கத்தன்மையை மேம்படுத்துவதற்கும் இணைய அணுகலை மேம்படுத்துவதற்கும் ஒரு சக்திவாய்ந்த கருவியாகும். aria-label, aria-labelledby, மற்றும் aria-describedby ஆகியவற்றின் சரியான பயன்பாட்டைப் புரிந்துகொள்வதன் மூலமும், சிறந்த நடைமுறைகளைப் பின்பற்றுவதன் மூலமும், உலகளாவிய பார்வையாளர்களுக்காக மிகவும் உள்ளடக்கிய மற்றும் பயனர் நட்புடைய இணைய அனுபவத்தை நீங்கள் உருவாக்கலாம். எப்போதும் சொற்பொருள் HTML-க்கு முன்னுரிமை அளிக்கவும், ஸ்கிரீன் ரீடர்களுடன் முழுமையாகச் சோதிக்கவும், மற்றும் பல்வேறு பின்னணிகளைக் கொண்ட பயனர்களின் தேவைகளைக் கருத்தில் கொள்ளவும் நினைவில் கொள்ளுங்கள். அணுகல்தன்மையில் முதலீடு செய்வது என்பது இணக்கத்திற்கான ஒரு விஷயம் மட்டுமல்ல; அது அனைவருக்கும் உண்மையாக அணுகக்கூடிய ஒரு வலையை உருவாக்குவதற்கான ஒரு அர்ப்பணிப்பாகும்.

வளங்கள்

• WAI-ARIA Overview
• ARIA in HTML
• WebAIM: ARIA
• Deque University Accessibility Rules