Accessibility মূল বিষয় (WCAG Essentials)

Accessible design মানে একটা product visual, motor, auditory, বা cognitive পার্থক্য সহ মানুষদের জন্য আসলেই কাজ করে — একটা edge case না, বরং যেকোনো product-এর আসল user-দের একটা আসল আর বড় অংশ। WCAG (Web Content Accessibility Guidelines) হলো মানক reference; এই lesson একজন designer প্রতিদিন স্পর্শ করে এমন essentials কভার করে।

WCAG টেক্সট আর তার background-এর মধ্যে ন্যূনতম contrast ratio সংজ্ঞায়িত করে — বেশিরভাগ product যে "AA" স্তর লক্ষ্য করে তাতে সাধারণত normal টেক্সটের জন্য 4.5:1, বড় টেক্সটের জন্য 3:1। কম-contrast সাদার-উপর-হালকা-ধূসর টেক্সট আধুনিক দেখাতে পারে, কিন্তু এটা অনেক user-এর জন্য আসলেই পড়া যায় না, রক্ষা করার মতো একটা স্টাইলিস্টিক পছন্দ না।

প্রায় ১২ জন পুরুষের মধ্যে ১ জনের কোনো না কোনো ধরনের color vision deficiency আছে। একটা form যা শুধু লাল রঙে একটা error field চিহ্নিত করে, কোনো icon বা টেক্সট ছাড়া, user-দের একটা অর্থপূর্ণ অংশের কাছে অদৃশ্য। সবসময় রং-কে দ্বিতীয় সংকেতের সাথে জোড়া দিন — একটা icon, একটা underline, স্পষ্ট টেক্সট।

প্রতিটা user mouse বা touchscreen ব্যবহার করতে পারে না। প্রতিটা interactive element-এর একটা দৃশ্যমান focus state দরকার (আগের feedback/state lesson-এ কভার করা) যাতে শুধু keyboard দিয়ে navigate করা কেউ ঠিক দেখতে পারে তারা কোথায় — আর click দিয়ে পৌঁছানো যায় এমন প্রতিটা কাজ keyboard দিয়েও পৌঁছানো যেতে হবে।

screen reader user-দের জন্য প্রতিটা অর্থপূর্ণ image-এর alt text দরকার যা এটা কী জানায় তা বর্ণনা করে। প্রতিটা form field-এর একটা আসল, programmatically-সংযুক্ত label দরকার — শুধু একটা visually কাছের placeholder না যা একটা screen reader নির্ভরযোগ্যভাবে field-এর সাথে সংযুক্ত করতে পারে না।