HTMLAdvanced
What is accessibility in HTML?
Web accessibility (a11y) কী এবং কীভাবে HTML-এ প্রয়োগ করা হয়।
Accessibility (সংক্ষেপে a11y) মানে ওয়েবসাইটকে এমনভাবে বানানো যাতে সবাই ব্যবহার করতে পারে — যাদের রয়েছে শারীরিক সীমাবদ্ধতা, যেমন অন্ধত্ব, দুর্বল দৃষ্টি, বা মাউস ব্যবহারের অক্ষমতা।
HTML-এর মাধ্যমেই accessibility-র ভিত্তি তৈরি হয়। কিছু প্রয়োজনীয় অভ্যাস নিচে দেওয়া হলো:
- semantic tag ব্যবহার (
header,nav,main) যাতে screen reader সঠিকভাবে পড়তে পারে - প্রতিটি
img-এ অর্থবহaltটেক্সট দেওয়া - প্রতিটি input-এর সাথে
<label>যুক্ত করা - কিবোর্ড দিয়ে যেন সবকিছু ব্যবহারযোগ্য হয় (focus ঠিক রাখা)
- যথেষ্ট color contrast বজায় রাখা
accessibility উদাহরণhtml
html
<label for="email">ইমেইল</label>
<input id="email" type="email" aria-describedby="hint" required />
<p id="hint">আমরা আপনার ইমেইল কখনো ভাগ করবো না।</p>মনে রাখুন
Accessibility কোনো অতিরিক্ত কাজ নয় — এটি প্রতিটি ওয়েব প্রকল্পের মৌলিক দায়িত্ব।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।