HTML5 উপাদান যেমন main , nav , এবং aside ল্যান্ডমার্ক হিসাবে কাজ করে, বা পৃষ্ঠার বিশেষ অঞ্চল যেখানে স্ক্রীন রিডার এবং অন্যান্য সহায়ক প্রযুক্তি লাফ দিতে পারে। ল্যান্ডমার্ক উপাদান ব্যবহার করে, আপনি সহায়ক প্রযুক্তি ব্যবহারকারীদের জন্য আপনার সাইটে নেভিগেশন অভিজ্ঞতা নাটকীয়ভাবে উন্নত করতে পারেন। Deque University এর HTML 5 এবং ARIA ল্যান্ডমার্কে আরও জানুন।
কিভাবে ল্যান্ডমার্ক ম্যানুয়ালি চেক করবেন
আপনার পৃষ্ঠার প্রতিটি প্রধান বিভাগে একটি ল্যান্ডমার্ক উপাদান রয়েছে কিনা তা পরীক্ষা করতে W3C-এর ল্যান্ডমার্ক উপাদানগুলির তালিকা ব্যবহার করুন৷ উদাহরণ স্বরূপ:
<header>
<p>Put product name and logo here</p>
</header>
<nav>
<ul>
<li>Put navigation here</li>
</ul>
</nav>
<main>
<p>Put main content here</p>
</main>
<footer>
<p>Put copyright info, supplemental links, etc. here</p>
</footer>
আপনি আপনার পৃষ্ঠার কাঠামো কল্পনা করতে এবং ল্যান্ডমার্কে নেই এমন বিভাগগুলি ধরতে Microsoft এর অ্যাক্সেসিবিলিটি ইনসাইট এক্সটেনশনের মতো সরঞ্জামগুলিও ব্যবহার করতে পারেন:
কীভাবে কার্যকরভাবে ল্যান্ডমার্ক ব্যবহার করবেন
-
<div>বা<span>এর মত জেনেরিক উপাদানগুলির উপর নির্ভর না করে আপনার পৃষ্ঠার প্রধান বিভাগগুলিকে সংজ্ঞায়িত করতে ল্যান্ডমার্ক উপাদানগুলি ব্যবহার করুন৷ - আপনার পৃষ্ঠার গঠন বোঝাতে ল্যান্ডমার্ক ব্যবহার করুন। উদাহরণস্বরূপ,
<main>উপাদানটিতে পৃষ্ঠার মূল ধারণার সাথে সরাসরি সম্পর্কিত সমস্ত বিষয়বস্তু অন্তর্ভুক্ত করা উচিত, তাই প্রতি পৃষ্ঠায় শুধুমাত্র একটি থাকা উচিত। প্রতিটি ল্যান্ডমার্ক কীভাবে ব্যবহার করবেন তা শিখতে MDN-এর বিষয়বস্তু বিভাগকরণ উপাদানগুলির সারাংশ দেখুন। - বিচক্ষণতার সাথে ল্যান্ডমার্ক ব্যবহার করুন। অনেক বেশি ল্যান্ডমার্ক থাকা প্রকৃতপক্ষে সহায়ক প্রযুক্তি ব্যবহারকারীদের জন্য নেভিগেশনকে আরও কঠিন করে তুলতে পারে কারণ এটি তাদের সহজে একটি পছন্দসই সামগ্রীতে এড়িয়ে যেতে বাধা দেয়।
আরও তথ্যের জন্য শিরোনাম এবং ল্যান্ডমার্ক পোস্ট দেখুন।