ইতিমধ্যে লেবেলযুক্ত ইনপুট উপাদানগুলিতে "আরিয়া-লেবেল্ডবি" ব্যবহার করার উদ্দেশ্য?

Question

অনেকগুলি এআরআইএ প্রদর্শনের ওয়েবসাইট কোড ব্যবহার করে যেমন:

<label for="name" id="label-name">Your Name</label>
<input id="name" aria-labelledby="label-name" type="text">

তবে aria-labelledbyএই ক্ষেত্রে অ্যাট্রিবিউট ব্যবহারের উদ্দেশ্য কী ? inputউপাদান ইতিমধ্যে লেবেল করেছে labelউপাদান যা ব্যবহার করছে forগুণ, তাই নয় কি?

Comments

w3.org/TR/2010/WD-wai-aria-20100916/…

— সরফরাজ

ধন্যবাদ @ সরফরাজ তবে, সেই পৃষ্ঠাটি ইতিমধ্যে লেবেলযুক্ত ইনপুট উপাদানগুলিতে এই জাতীয় ব্যবহারের উদ্দেশ্য চিত্রিত করে না।

— ইয়ান ওয়াই।

Answer 1

মজিলা বিকাশকারী পৃষ্ঠাগুলিতে এর ব্যবহারের কয়েকটি ভাল উদাহরণ রয়েছে । পিতাপআপ মেনুটি পিতামাতার মেনু আইটেমের সাথে সংযুক্ত করতে ব্যবহৃত হয় যেখানে তাদের উদাহরণগুলির মধ্যে সর্বোত্তম উদাহরণটি এটি পৃষ্ঠায় Example উদাহরণ:

<div role="menubar">  
    <div role="menuitem" aria-haspopup="true" id="fileMenu">File</div>  
    <div role="menu" aria-labelledby="fileMenu">  
        <div role="menuitem">Open</div>  
        <div role="menuitem">Save</div>  
       <div role="menuitem">Save as ...</div>  
       ...  
    </div>  
    ...  

এআরআইএ বৈশিষ্ট্যগুলি অ্যাক্সেসযোগ্য সমৃদ্ধ ইন্টারনেট অ্যাপ্লিকেশনগুলি তৈরিতে সবচেয়ে বেশি ব্যবহৃত হতে পারে : আপনি যতক্ষণ স্ট্যান্ডার্ড সিমেটিক এইচটিএমএল স্ট্যান্ড করে যাচ্ছেন - স্ট্যান্ডার্ড লেবেল সহ ফর্মগুলি ব্যবহার করছেন - আপনার এটির কোনও প্রয়োজন হবে না: সুতরাং এটি ব্যবহার করার কোনও কারণ নেই there's একটি লেবেল / ইনপুট জুটি। তবে আপনি যদি স্ক্র্যাচ থেকে "সমৃদ্ধ ইউআই" তৈরি করছেন (ডিআইভি এবং জাভাস্ক্রিপ্টের সাথে ইন্টারঅ্যাক্টিভিটি যুক্ত অন্যান্য নিম্ন স্তরের উপাদান), তবে উচ্চ-স্তরের অভিপ্রায়টি কী তা কোনও স্ক্রিনড্রেডারকে জানানোর জন্য এটি প্রয়োজনীয়।

Comments

ধন্যবাদ @ ব্রেন্ডনএমসিকে। আপনি যা বলেছেন তা সত্য। আমি এআরআইএর পক্ষে কাজ করে এমন কাউকে জিজ্ঞাসা করেছি এবং তিনিও বলেছিলেন যে এই ক্ষেত্রে আরিয়া-লেবেলবি ব্যবহার করার দরকার নেই। <ইনপুট> গুলি লেবেল করার জন্য, তিনি বলেছিলেন যে কেবলমাত্র যখন আমাদের একাধিক <লেবেল> এর সাথে একটি <ইনপুট> লেবেল করা দরকার। এখানে তার দেওয়া একটি উদাহরণ এখানে দেওয়া হয়েছে: html5accessibility.com/tests/mulitple-labels.html

— আয়ান ওয়াই

বৈশিষ্ট্যের জন্য একাধিক রেফারেন্স তৈরি করে একাধিক LABEL একই নিয়ন্ত্রণের সাথে যুক্ত হতে পারে । ঠিক আছে, ওয়েভ / ওয়েবএআইএম এটি পছন্দ করে না এবং এটি সংযুক্ত আরব আমিরাতের সমর্থন নিয়ে একটি সমস্যা রয়েছে । তবে তার পরামর্শটি কেবল অদ্ভুত , এবং আমি মনে করি না এর কোনও বাস্তব সুবিধা আছে। কমপক্ষে IE <= 8 আরিয়া-লেবেলড্বে একাধিক আইডি সমর্থন করে না ।

— সোর্সজেডি

এই লিঙ্কটি এখানে অবশ্যই থাকতে হবে: developer.mozilla.org/en-US/docs/Acecessibility/ARIA

— Facundo কলম্বিয়ার

Answer 2

ইউ এ সাপোর্টের সমস্যাগুলি সর্বদা নতুন যে কোনও বিষয় রয়েছে তাই এজন্য বিকাশকারীগণ প্রগতিশীল বর্ধনের দিকে তাকান। এই এআরআইএ কৌশলটি "জন্য" বৈশিষ্ট্যটি সরিয়ে দেওয়ার ক্ষমতা সরবরাহ করে এবং অন্যান্য উপাদানগুলিকে সমৃদ্ধ ফর্মের অংশ হতে দেয়। এই কৌশলগুলি সাধারণ অনুশীলনে পরিণত হবে।

Comments

অ্যাট্রিবিউটের মতো ক্লিক করার সময় এটি উপাদানকে ফোকাস করে? আমি অনুমান করছি না

— ডমিনিক

সম্পূর্ণ মিথ্যা। এরিয়া বৈশিষ্ট্যগুলি অন্যান্য বৈশিষ্ট্যগুলি প্রতিস্থাপন করার কথা নয় কারণ তাদের একমাত্র উদ্দেশ্য উপাদানগুলিকে আরও অ্যাক্সেসযোগ্য করতে সহায়তা করা। কোনও আরিয়া বৈশিষ্ট্যের কারণে উপাদানগুলিকে ফোকাসযোগ্য করা উচিত নয়।

— গস্ট ভ্যান ডি ওয়াল

সাধারণ অনুশীলন (দুঃখের সাথে?) এখনও আমার মতে সত্য নয়। সেরা অনুশীলন, একটি ভাল পছন্দ হতে পারে। সম্ভবত ভবিষ্যতে, যখন এটি সাধারণ অনুশীলন হয় যে উচ্চ উন্নত এআই মানুষের পরিবর্তে এইচটিএমএল লিখেছেন :)

— মাইকেল