আপনার দেখা বেশিরভাগ ভূমিকাগুলি এআরআইএ 1.0 এর অংশ হিসাবে সংজ্ঞায়িত করা হয়েছিল এবং পরে HTML5 তে অন্তর্ভুক্ত করা হয়েছিল। নতুন কিছু HTML5 উপাদান (ডায়ালগ, প্রধান, ইত্যাদি) এমনকি মূল এআরআইএ রোলগুলির উপর ভিত্তি করে।
http://www.w3.org/TR/wai-aria/
আপনার নেটিভ শব্দার্থ উপাদান ছাড়াও ভূমিকা ব্যবহার করার দুটি প্রাথমিক কারণ রয়েছে।
কারণ # 1। কোনও হোস্ট ভাষার উপাদান যথাযথ নয় বা বিভিন্ন কারণে, কম শব্দার্থিকভাবে উপযুক্ত উপাদান ব্যবহার করা হয়েছিল এমন ভূমিকার উপর নজর দেওয়া।
এই উদাহরণস্বরূপ, একটি লিঙ্ক ব্যবহৃত হয়েছিল, যদিও ফলস্বরূপ কার্যকারিতাটি নেভিগেশন লিঙ্কের চেয়ে বেশি বোতামের মতো।
<a href="#" role="button" aria-label="Delete item 1">Delete</a>
স্ক্রিন পাঠকরা এটি বোতাম হিসাবে শুনবে (কোনও লিঙ্কের বিপরীতে), এবং আপনি ক্লাস-আইটিস এবং ডিভ-আইটিস এড়ানোর জন্য সিএসএস বৈশিষ্ট্য নির্বাচনকারী ব্যবহার করতে পারেন।
*[role="button"] {
/* style these a buttons w/o relying on a .button class */
}
কারণ # 2। আরিয়া ভূমিকা বাস্তবায়িত করে তবে দেশীয় উপাদানটির ভূমিকা এখনও কার্যকর করেনি এমন ব্রাউজারগুলিকে সমর্থন করার জন্য একটি নেটিভ এলিমেন্টের ভূমিকার ব্যাক আপ নেওয়া।
উদাহরণস্বরূপ, "মূল" ভূমিকাটি বহু বছর ধরে ব্রাউজারগুলিতে সমর্থিত, তবে এটি HTML5 এর তুলনায় সাম্প্রতিকতম সংযোজন, তাই অনেকগুলি ব্রাউজার এখনও এর জন্য শব্দার্থকে সমর্থন করে না <main>।
<main role="main">…</main>
এটি প্রযুক্তিগতভাবে অপ্রয়োজনীয়, তবে কিছু ব্যবহারকারীকে সহায়তা করে এবং কোনও ক্ষতি করে না। কয়েক বছরের মধ্যে, এই কৌশলটি সম্ভবত অপ্রয়োজনীয় হয়ে উঠবে।
আপনি আরও লিখেছেন:
আমি কিছু লোককে তাদের নিজস্ব তৈরি করতে দেখছি। এটি কি অনুমোদিত বা ভূমিকা বৈশিষ্ট্যের সঠিক ব্যবহার?
প্রকৃত ভূমিকা অন্তর্ভুক্ত না করা হলে এটি বৈশিষ্ট্যের বৈধ ব্যবহার। ব্রাউজারগুলি টোকেন তালিকার প্রথম স্বীকৃত ভূমিকা প্রয়োগ করবে।
<span role="foo link note bar">...</a>
তালিকার বাইরে, কেবল linkএবং noteবৈধ ভূমিকা আছে এবং তাই লিঙ্কের ভূমিকাটি প্রয়োগ করা হবে কারণ এটি প্রথম আসে। আপনি যদি কাস্টম ভূমিকা ব্যবহার করেন তবে নিশ্চিত হয়ে নিন যে তারা এআরআইএর কোনও সংজ্ঞায়িত ভূমিকার সাথে বা আপনি যে হোস্ট ভাষা ব্যবহার করছেন (HTML, SVG, ম্যাথএমএল, ইত্যাদি) তার সাথে দ্বন্দ্ব না করে make