தமிழ்

உலகளாவிய பார்வையாளர்களுக்காக அணுகக்கூடிய மற்றும் வழிநடத்தக்கூடிய வலை அனுபவங்களை உருவாக்க HTML5-இல் மைல்கல் பங்குகளின் சக்தியைத் திறந்திடுங்கள். சிறந்த நடைமுறைகள், செயல்படுத்தும் நுட்பங்கள் மற்றும் நடைமுறை எடுத்துக்காட்டுகளைக் கற்றுக்கொள்ளுங்கள்.

மைல்கல் பங்குகள்: உலகளாவிய அணுகல் மற்றும் வழிசெலுத்தலுக்காக வலை உள்ளடக்கத்தை கட்டமைத்தல்

இன்றைய டிஜிட்டல் உலகில், அனைவரையும் உள்ளடக்கிய மற்றும் அணுகக்கூடிய வலை அனுபவங்களை உருவாக்குவது மிக முக்கியமானது. உலகளாவிய பார்வையாளர்கள் பல்வேறு சாதனங்களில் உள்ளடக்கத்தை அணுகுவதாலும், பல்வேறு உதவி தொழில்நுட்பங்களைப் பயன்படுத்துவதாலும், தடையற்ற வழிசெலுத்தல் மற்றும் உள்ளடக்கக் கண்டுபிடிப்பை உறுதி செய்வது அவசியமாகும். இதை அடைவதற்கான மிகச் சிறந்த வழிகளில் ஒன்று HTML5 இல் மைல்கல் பங்குகளை (landmark roles) மேம்படுத்துவதாகும்.

மைல்கல் பங்குகள் என்றால் என்ன?

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

பொதுவான <div> கூறுகளைப் போலல்லாமல், மைல்கல் பங்குகள் ஒவ்வொரு பகுதியின் நோக்கத்தையும் உதவி தொழில்நுட்பங்களுக்குத் தெரிவிக்கின்றன. வலை வழிசெலுத்தலுக்கு திரை வாசகர்களை நம்பியிருக்கும் பார்வைக் குறைபாடுள்ள பயனர்களுக்கு இது குறிப்பாக முக்கியமானது.

மைல்கல் பங்குகளை ஏன் பயன்படுத்த வேண்டும்?

மைல்கல் பங்குகளை செயல்படுத்துவது பயனர்கள் மற்றும் உருவாக்குநர்கள் இருவருக்கும் எண்ணற்ற நன்மைகளை வழங்குகிறது:

பொதுவான மைல்கல் பங்குகள்

மிகவும் பொதுவாகப் பயன்படுத்தப்படும் சில மைல்கல் பங்குகள் இங்கே:

மைல்கல் பங்குகளை செயல்படுத்துதல்: நடைமுறை எடுத்துக்காட்டுகள்

HTML இல் மைல்கல் பங்குகளை எவ்வாறு செயல்படுத்துவது என்பதற்கான சில நடைமுறை எடுத்துக்காட்டுகளைப் பார்ப்போம்:

எடுத்துக்காட்டு 1: அடிப்படை வலைத்தள அமைப்பு


<header>
  <h1>எனது அற்புதமான வலைத்தளம்</h1>
  <nav>
    <ul>
      <li><a href="#">முகப்பு</a></li>
      <li><a href="#">பற்றி</a></li>
      <li><a href="#">சேவைகள்</a></li>
      <li><a href="#">தொடர்பு</a></li>
    </ul>
  </nav>
</header>

<main>
  <article>
    <h2>எனது வலைத்தளத்திற்கு வரவேற்கிறோம்</h2>
    <p>இது எனது வலைத்தளத்தின் முக்கிய உள்ளடக்கம்.</p>
  </article>
</main>

<aside>
  <h2>தொடர்புடைய இணைப்புகள்</h2>
  <ul>
    <li><a href="#">இணைப்பு 1</a></li>
    <li><a href="#">இணைப்பு 2</a></li>
  </ul>
</aside>

<footer>
  <p>© 2023 எனது அற்புதமான வலைத்தளம்</p>
</footer>

எடுத்துக்காட்டு 2: <section>-ஐ aria-labelledby உடன் பயன்படுத்துதல்


<section aria-labelledby="news-heading">
  <h2 id="news-heading">சமீபத்திய செய்திகள்</h2>
  <article>
    <h3>செய்திக் கட்டுரை 1</h3>
    <p>செய்திக் கட்டுரை 1-இன் உள்ளடக்கம்.</p>
  </article>
  <article>
    <h3>செய்திக் கட்டுரை 2</h3>
    <p>செய்திக் கட்டுரை 2-இன் உள்ளடக்கம்.</p>
  </article>
</section>

எடுத்துக்காட்டு 3: பல வழிசெலுத்தல் பகுதிகள்


<header>
  <h1>எனது வலைத்தளம்</h1>
  <nav aria-label="முதன்மை பட்டி">
    <ul>
      <li><a href="#">முகப்பு</a></li>
      <li><a href="#">தயாரிப்புகள்</a></li>
      <li><a href="#">சேவைகள்</a></li>
      <li><a href="#">தொடர்பு</a></li>
    </ul>
  </nav>
</header>

<footer>
  <nav aria-label="அடிக்குறிப்பு வழிசெலுத்தல்">
    <ul>
      <li><a href="#">தனியுரிமைக் கொள்கை</a></li>
      <li><a href="#">சேவை விதிமுறைகள்</a></li>
      <li><a href="#">அணுகல்தன்மை அறிக்கை</a></li>
    </ul>
  </nav>
  <p>© 2023 எனது வலைத்தளம்</p>
</footer>

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

பயனுள்ள செயலாக்கத்தை உறுதிப்படுத்தவும், மைல்கல் பங்குகளின் நன்மைகளை அதிகரிக்கவும், இந்த சிறந்த நடைமுறைகளைக் கவனியுங்கள்:

அணுகக்கூடிய வழிசெலுத்தலுக்கான உலகளாவிய பரிசீலனைகள்

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

மைல்கல் பங்கு செயலாக்கத்தை சோதிப்பதற்கான கருவிகள்

மைல்கல் பங்குகளின் சரியான செயலாக்கத்தையும் ஒட்டுமொத்த அணுகல்தன்மையையும் சரிபார்க்க பல கருவிகள் உங்களுக்கு உதவக்கூடும்:

அணுகக்கூடிய வலை வழிசெலுத்தலின் எதிர்காலம்

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

முடிவுரை

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