অ্যাক্সেসযোগ্যতা শিখুন

প্রতিবন্ধী ব্যক্তিদের ওয়েব ব্যবহারে সাহায্য করার জন্য সাধারণত কোন সরঞ্জামগুলো ব্যবহার করা হয়?

সব সঠিক উত্তর বেছে নিন।

ব্রেইল আউটপুট ডিভাইস

স্ক্রিন রিডার

ডকিং স্টেশন

অপারেটিং সিস্টেম সেটিংস

ওয়েবে পরিবর্তন আনার কার্যকর উপায় কী?

সব সঠিক উত্তর বেছে নিন।

সোশ্যাল মিডিয়ায় অভিযোগ করুন।

মামলা করুন।

কোম্পানির ডেভেলপারদের সাথে সরাসরি যোগাযোগ করুন।

WCAG স্ট্যান্ডার্ডের সর্বোচ্চ স্তর কোনটি?

AAA লেভেল

এ লেভেল

ঢালা

কার্যকরের উদাহরণ কী?

সব সঠিক উত্তর বেছে নিন।

সব ভিডিওতেই নিয়ন্ত্রণ ব্যবস্থা আছে।

ব্যবহারকারীরা ফর্মটি পূরণ করার জন্য যথেষ্ট সময় পান।

সকল সক্রিয় উপাদানে কিবোর্ড ও টাচস্ক্রিন সমর্থন রয়েছে।

সহজ ভাষা ব্যবহার করা হয়েছে।

একটি অ্যাক্সেসযোগ্য বাটন তৈরির জন্য নিম্নলিখিতগুলির মধ্যে কোনটি সর্বোত্তম পদ্ধতি?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

আপনার সাইটটি একটি বহুভাষিক অনলাইন পাঠ্যপুস্তক, যেখানে একটি পৃষ্ঠায় একাধিক ভাষা দেখানো হয়। সহায়ক প্রযুক্তিকে বইটির ভাষা জানানোর সবচেয়ে ভালো উপায় কী?

<html> এর জন্য একটি প্রধান lang সেট করুন, এবং যে এলিমেন্টগুলিতে ভিন্ন ভাষার কন্টেন্ট রয়েছে সেগুলিতে অতিরিক্ত ভাষা সেট করুন।

এ নিয়ে চিন্তা করবেন না, AT স্বয়ংক্রিয়ভাবে প্রতিটি ভাষা পড়তে পারে।

<html> এলিমেন্টের মধ্যে সব ভাষা অন্তর্ভুক্ত করুন। উদাহরণস্বরূপ <html lang="en,lt,pl,pt">

সাদা ব্যাকগ্রাউন্ডে `:focus` CSS স্টাইলের কোন উদাহরণটি সবচেয়ে সহজে ব্যবহারযোগ্য?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

স্কিপ লিঙ্কের উদ্দেশ্য কী?

কিবোর্ড ব্যবহারকারীকে অপ্রয়োজনীয় বা অনাবশ্যক লিঙ্কের সমষ্টি এড়িয়ে যেতে সাহায্য করুন।

কিবোর্ড ব্যবহারকারীকে অনাকর্ষণীয় বিষয়বস্তু এড়িয়ে যেতে সাহায্য করুন।

জাভাস্ক্রিপ্ট ব্যবহার করে কোনো এলিমেন্টের স্টাইল পরিবর্তন করার সেরা উপায় কী?

জাভাস্ক্রিপ্ট ব্যবহার করে কোনো এলিমেন্টের ক্লাস টগল করুন এবং সেই স্টাইলটি আপনার CSS স্টাইল শীটে যোগ করুন।

জাভাস্ক্রিপ্ট ব্যবহার করে সরাসরি একটি HTML এলিমেন্টের মধ্যে ডাইনামিক স্টাইল প্রয়োগ করুন।

জাভাস্ক্রিপ্টের সমস্ত অ্যাকশন কি কিবোর্ড ব্যবহারকারীদের সমর্থন করতে পারে?

হ্যাঁ, সমস্ত কার্যক্রম স্বয়ংক্রিয়ভাবে কিবোর্ড ব্যবহারকারীদের সমর্থন করে।

হ্যাঁ, তবে আপনাকে কিছু অতিরিক্ত কাজ করতে হতে পারে।

না, আপনি শুধুমাত্র সিমান্টিক এইচটিএমএল দিয়ে কিবোর্ড ব্যবহারকারীদের সমর্থন করতে পারবেন।

আপনি কীভাবে জটিল ছবিগুলোকে সহজবোধ্য করে তুলতে পারেন?

সব সঠিক উত্তর বেছে নিন।

প্রবন্ধের পরবর্তী অংশে একটি ব্যাখ্যা অন্তর্ভুক্ত করুন।

সম্পূর্ণ বিবরণসহ বিস্তারিত অল্ট টেক্সট যোগ করুন।

ছবিতে aria-describedby অ্যাট্রিবিউটটি যোগ করুন।

বিস্তারিত ব্যাখ্যার জন্য লিঙ্কটি ব্যবহার করুন।

ডকুমেন্টেশনের জন্য শুধু রঙই যথেষ্ট শনাক্তকারী নয়। পাঠকদের UI এলিমেন্ট শনাক্ত করতে আর কী সাহায্য করবে?

প্যাটার্ন

পাঠ্য

আইকন

সবগুলো উত্তরই সঠিক।

আমরা এমন কী তৈরি করতে পারি যা মোশনের জন্য অপারেটিং সিস্টেমের সেটিংস প্রতিফলিত করে?

@prefers-reduced-motion

জাভাস্ক্রিপ্ট টগল

পাঠযোগ্য লেখার জন্য, আমার লেখা এবং পটভূমির মধ্যে সর্বদা উচ্চ বৈসাদৃশ্য ব্যবহার করা উচিত।

মিথ্যা

সত্য

অ্যাক্সেসিবিলিটির জন্য কোন ফন্টগুলো সবচেয়ে ভালো?

প্রবেশযোগ্য টাইপফেস।

এরিয়াল ও ভার্ডানার মতো সিস্টেম ফন্ট।

এটা কোনো ব্যাপার না।

নিম্নলিখিতগুলির মধ্যে কোনটি সবচেয়ে সহজে ব্যবহারযোগ্য ফর্ম ইনপুট?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

অ্যাক্সেসযোগ্য উপাদানগুলো কি ব্যবহারকারীদের জন্য সর্বদা অ্যাক্সেসযোগ্য থাকে?

না, আপনাকে প্রথমে আপনার কম্পোনেন্টগুলো পরীক্ষা করতে হবে।

হ্যাঁ, আপনি কোনো অতিরিক্ত কাজ ছাড়াই এই উপাদানগুলো ব্যবহার করতে পারেন।

আপনার সাইটটি প্রবেশযোগ্য কিনা তা নিশ্চিত করতে কী ধরনের পরীক্ষা করা উচিত?

সব সঠিক উত্তর বেছে নিন।

স্বয়ংক্রিয় পরীক্ষা

ম্যানুয়াল টেস্টিং

ব্যবহারকারী পরীক্ষা

সহায়ক প্রযুক্তি পরীক্ষা

মূল্যায়ন পরীক্ষা।

স্বয়ংক্রিয় টেস্টিং-এ কী কী ত্রুটি ধরা পড়ে?

সব সঠিক উত্তর বেছে নিন।

অন্তর্ভুক্তিমূলক ভাষা

অল্ট টেক্সট অনুপস্থিত

রঙের বৈসাদৃশ্য সমস্যা

বর্ণনামূলক ফর্ম লেবেল

ARIA ত্রুটি

কোন উপাদানগুলোকে WCAG কালার কনট্রাস্ট স্ট্যান্ডার্ড পূরণ করতে হবে?

আইকন

শিরোনাম

বডি টেক্সট, বডি টেক্সট

উপরের সবগুলো

অ্যাক্সেসিবিলিটি পরীক্ষার জন্য সবচেয়ে ভালো স্ক্রিন রিডার কোনটি?

একটিও নেই

জস

ভয়েসওভার

ওরকা

সহায়ক প্রযুক্তির সাহায্যে পরীক্ষা করার উদ্দেশ্য কী?

আপনার ওয়েবসাইট বা অ্যাপের ত্রুটি পরীক্ষা করার জন্য।

যারা সহায়ক প্রযুক্তি ব্যবহার করেন, তাদের মতো একই অভিজ্ঞতা লাভ করা।

প্রতিবন্ধী ব্যক্তিদের ওয়েব ব্যবহারে সাহায্য করার জন্য সাধারণত কোন সরঞ্জামগুলো ব্যবহার করা হয়?

ওয়েবে পরিবর্তন আনার কার্যকর উপায় কী?

WCAG স্ট্যান্ডার্ডের সর্বোচ্চ স্তর কোনটি?

কার্যকরের উদাহরণ কী?

একটি অ্যাক্সেসযোগ্য বাটন তৈরির জন্য নিম্নলিখিতগুলির মধ্যে কোনটি সর্বোত্তম পদ্ধতি?

সাদা ব্যাকগ্রাউন্ডে :focus CSS স্টাইলের কোন উদাহরণটি সবচেয়ে সহজে ব্যবহারযোগ্য?

স্কিপ লিঙ্কের উদ্দেশ্য কী?

জাভাস্ক্রিপ্ট ব্যবহার করে কোনো এলিমেন্টের স্টাইল পরিবর্তন করার সেরা উপায় কী?

জাভাস্ক্রিপ্টের সমস্ত অ্যাকশন কি কিবোর্ড ব্যবহারকারীদের সমর্থন করতে পারে?

আপনি কীভাবে জটিল ছবিগুলোকে সহজবোধ্য করে তুলতে পারেন?

ডকুমেন্টেশনের জন্য শুধু রঙই যথেষ্ট শনাক্তকারী নয়। পাঠকদের UI এলিমেন্ট শনাক্ত করতে আর কী সাহায্য করবে?

আমরা এমন কী তৈরি করতে পারি যা মোশনের জন্য অপারেটিং সিস্টেমের সেটিংস প্রতিফলিত করে?

পাঠযোগ্য লেখার জন্য, আমার লেখা এবং পটভূমির মধ্যে সর্বদা উচ্চ বৈসাদৃশ্য ব্যবহার করা উচিত।

অ্যাক্সেসিবিলিটির জন্য কোন ফন্টগুলো সবচেয়ে ভালো?

নিম্নলিখিতগুলির মধ্যে কোনটি সবচেয়ে সহজে ব্যবহারযোগ্য ফর্ম ইনপুট?

অ্যাক্সেসযোগ্য উপাদানগুলো কি ব্যবহারকারীদের জন্য সর্বদা অ্যাক্সেসযোগ্য থাকে?

আপনার সাইটটি প্রবেশযোগ্য কিনা তা নিশ্চিত করতে কী ধরনের পরীক্ষা করা উচিত?

স্বয়ংক্রিয় টেস্টিং-এ কী কী ত্রুটি ধরা পড়ে?

কোন উপাদানগুলোকে WCAG কালার কনট্রাস্ট স্ট্যান্ডার্ড পূরণ করতে হবে?

অ্যাক্সেসিবিলিটি পরীক্ষার জন্য সবচেয়ে ভালো স্ক্রিন রিডার কোনটি?

সহায়ক প্রযুক্তির সাহায্যে পরীক্ষা করার উদ্দেশ্য কী?

সাদা ব্যাকগ্রাউন্ডে `:focus` CSS স্টাইলের কোন উদাহরণটি সবচেয়ে সহজে ব্যবহারযোগ্য?