-
role="button,navigation,textbox,heading,radio,combobox,menuitem,dialog"
- combobox থাকলে: লিখতে এবং সিলেক্ট করতে পারবে
- aria-expanded="false" → ড্রপডাউন খোলা আছে কি না সেটি নির্দেশ করে।
- aria-autocomplete="list" → ইনপুট টাইপ করার সময় সাজেশন লিস্ট দেখাবে।
- aria-controls="suggestions" → ইনপুটটি কোন লিস্টের সাথে সংযুক্ত তা জানায়।
- role="listbox" এবং role="option" → অপশনগুলোর জন্য ব্যবহৃত হয়।
<label for="search">Search:</label>
<input type="text" id="search" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-controls="suggestions">
<ul id="suggestions" role="listbox">
<li role="option">Apple</li>
<li role="option">Banana</li>
<li role="option">Cherry</li>
</ul>
aria-label="...",aria-hidden="true",aria-expanded="true",aria-expanded="false"
Important: aria-controls=""