সেকশনিং এলিমেন্ট একটি পৃষ্ঠাকে অর্থপূর্ণ অঞ্চলে বিভক্ত করে। এর মধ্যে বেশ কয়েকটি ARIA ল্যান্ডমার্ক-এর সাথে ম্যাপ করে — নামযুক্ত অঞ্চল যা সহায়ক প্রযুক্তি ব্যবহারকারীদের মধ্যে ঝাঁপ দিতে দেয়, পৃষ্ঠার জন্য একটি সূচিপত্রের মতো।
...
Details
...
...
স্ক্রিন রিডার ব্যবহারকারীরা ল্যান্ডমার্কগুলি তালিকাভুক্ত করতে এবং <main>-এ সরাসরি ঝাঁপ দিতে একটি কী টিপতে পারেন, পুনরাবৃত্ত হেডার এবং নেভ এড়িয়ে। এটি একটি প্রধান দক্ষতা লাভ — সিমান্টিক ট্যাগগুলি এটি স্বয়ংক্রিয়ভাবে প্রদান করে, কোনো ARIA প্রয়োজন নেই।
<article> — এমন সামগ্রী যা নিজেই অর্থবোধক এবং সিন্ডিকেট করা যেতে পারে: একটি ব্লগ পোস্ট, একটি পণ্য কার্ড, একটি মন্তব্য।<section> — একটি ডকুমেন্টের মধ্যে একটি থিম্যাটিক গ্রুপিং, সাধারণত নিজের শিরোনাম সহ। স্বাধীন নয়।<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
থাম্ব নিয়ম: যদি এটি একা দাঁড়াতে পারে, তবে এটি <article>; যদি এটি শুধুমাত্র একটি বৃহত্তর সামগ্রীর একটি লেবেলযুক্ত অংশ হয়, তবে এটি <section>। <section> ব্যবহার করবেন না বিশুদ্ধভাবে একটি স্টাইলিং র্যাপার হিসাবে — এটি <div>-এর উদ্দেশ্য।
সঠিক সেকশনিং এলিমেন্ট ব্যবহার করা আপনাকে কীবোর্ড/স্ক্রিন-রিডার নেভিগেশনের জন্য বিনামূল্যে, শক্তিশালী ল্যান্ডমার্ক এবং একটি স্পষ্ট ডকুমেন্ট রূপরেখা দেয় — কোনো অতিরিক্ত ARIA বৈশিষ্ট্য ছাড়াই অ্যাক্সেসযোগ্যতা এবং SEO উন্নত করে।