অ্যাক্সেসিবল ওয়েব ডিজাইন কোর্স

পাঠ 1 • ব্যবসায়িক ও নৈতিক যুক্তি

অ্যাক্সেসিবিলিটির জন্য নৈতিক, সামাজিক এবং বাণিজ্যিক যুক্তি উপস্থাপন করা হয়েছে। শিক্ষার্থীদের অ্যাক্সেসিবিলিটিকে একটি পেশাদার অগ্রাধিকার হিসেবে বিবেচনা করতে অনুপ্রাণিত করে।

পাঠ 2 • বৈশ্বিক অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ডের সারসংক্ষেপ

আন্তর্জাতিক নির্দেশিকা ও কনফরম্যান্স ফ্রেমওয়ার্ক জরিপ করা হয়েছে। নিয়ন্ত্রক প্রত্যাশাকে ব্যবহারিক ডিজাইন সিদ্ধান্তের সাথে সংযুক্ত করে।

পাঠ 3 • প্রতিবন্ধিতার দৃষ্টিভঙ্গি ও ব্যবহারকারী গবেষণা

বিভিন্ন ব্যবহারকারী কীভাবে ওয়েব অভিজ্ঞতা অর্জন করেন তা পরীক্ষা করা হয়েছে। সহানুভূতি তৈরি করে এবং পরবর্তী অধ্যায়গুলোতে ব্যবহৃত ব্যবহারকারী-কেন্দ্রিক পদ্ধতি স্থাপন করে।

পাঠ 4 • চারটি POUR নীতি

সংগঠিত কাঠামো হিসেবে উপলব্ধিযোগ্য, কার্যোপযোগী, বোধগম্য এবং শক্তিশালী (Perceivable, Operable, Understandable, Robust) ধারণার সাথে পরিচয় করানো হয়েছে। পুরো কোর্স জুড়ে ব্যবহৃত লেন্স প্রদান করে।

পাঠ 1 • অ্যাক্সেসিবল ইমেজ ও মিডিয়া এলিমেন্ট

অল্টারনেটিভ টেক্সট (alt text), ফিগার ও এমবেডেড মিডিয়া মার্কআপ কভার করা হয়েছে। ভিজ্যুয়াল কন্টেন্টকে অ-ভিজ্যুয়াল ব্যবহারকারীদের জন্য টেক্সট সমতুল্যের সাথে সংযুক্ত করে।

পাঠ 2 • সিম্যান্টিকস কেন অ্যাক্সেসিবিলিটি চালিত করে

ব্রাউজার ও সহায়ক প্রযুক্তি কীভাবে HTML সিম্যান্টিকস বিশ্লেষণ করে তা ব্যাখ্যা করা হয়েছে। সঠিক উপাদান নির্বাচন কেন ভিজ্যুয়াল স্টাইলিংয়ের চেয়ে বেশি গুরুত্বপূর্ণ তা প্রতিষ্ঠা করে।

পাঠ 3 • অ্যাক্সেসিবল লিস্ট, টেবিল ও ডেটা

লিস্ট ও জটিল ডেটা টেবিলের জন্য সঠিক মার্কআপ শেখানো হয়েছে। স্ক্রিন রিডার ব্যবহারকারীরা যাতে সঠিক কাঠামোগত প্রসঙ্গ পান তা নিশ্চিত করা হয়েছে।

পাঠ 4 • ডকুমেন্ট স্ট্রাকচার ও ল্যান্ডমার্ক

হেডিং হায়ারার্কি, ল্যান্ডমার্ক এলিমেন্ট ও পৃষ্ঠা অঞ্চল কভার করা হয়েছে। ব্যবহারকারীদের সহায়ক প্রযুক্তির মাধ্যমে নথি দক্ষতার সাথে নেভিগেট করতে সক্ষম করে।

পাঠ 1 • অনুশীলনে ARIA ডিজাইন প্যাটার্ন

ট্যাব, অ্যাকর্ডিয়ন ও মেনুর মতো বাস্তব কম্পোনেন্টে ARIA প্যাটার্ন প্রয়োগ করা হয়েছে। স্পেসিফিকেশন জ্ঞানকে প্রোডাকশন-রেডি ইমপ্লিমেন্টেশনের সাথে যুক্ত করে।

পাঠ 2 • ল্যান্ডমার্ক ও উইজেট রোল

ARIA ল্যান্ডমার্ক রোল ও ইন্টারঅ্যাকটিভ উইজেট রোল কভার করা হয়েছে। কাস্টম UI কম্পোনেন্টের জন্য সঠিক রোল অ্যাসাইনমেন্ট সক্ষম করে।

পাঠ 3 • ARIA ফান্ডামেন্টাল ও নিয়ম

ARIA স্পেসিফিকেশন ও এর ব্যবহারের পাঁচটি নিয়ম উপস্থাপন করা হয়েছে। ARIA কখন উপযুক্ত এবং কখন নয় তা শিক্ষার্থীদের অবহিত করে অপব্যবহার প্রতিরোধ করে।

পাঠ 4 • ARIA স্টেট ও লাইভ রিজিয়ন

ডায়নামিক স্টেট অ্যাট্রিবিউট ও লাইভ রিজিয়ন ঘোষণা শেখানো হয়েছে। সহায়ক প্রযুক্তি যাতে রিয়েল-টাইম ইন্টারফেস পরিবর্তন জানাতে পারে তা নিশ্চিত করে।

পাঠ 1 • দৃশ্যমান ফোকাস নির্দেশক

পরিষ্কার ফোকাস শৈলীর ডিজাইন ও ইমপ্লিমেন্টেশন শেখানো হয়েছে। উপলব্ধিযোগ্য ফোকাস ও কন্ট্রাস্টের জন্য WCAG প্রয়োজনীয়তা পূরণ করে।

পাঠ 2 • স্কিপ লিংক ও বাইপাস পদ্ধতি

বাইপাস ব্লক ডিজাইন করা হয়েছে যা কীবোর্ড ব্যবহারকারীদের পুনরাবৃত্ত কন্টেন্ট এড়িয়ে যেতে দেয়। সরাসরি WCAG বাইপাস ব্লক সাফল্যের মানদণ্ড পূরণ করে।

পাঠ 3 • কীবোর্ড নেভিগেশন ফান্ডামেন্টাল

ব্যবহারকারীরা কীভাবে Tab, অ্যারো কী ও শর্টকাট ব্যবহার করে নেভিগেট করেন তা কভার করা হয়েছে। সমস্ত ইন্টারফেস অবশ্যই পূরণ করবে এমন বেসলাইন কীবোর্ড চুক্তি প্রতিষ্ঠা করে।

পাঠ 4 • ডায়নামিক ইন্টারফেসে ফোকাস ম্যানেজমেন্ট

মডাল, অ্যালার্ট ও SPA-র জন্য প্রোগ্রাম্যাটিক ফোকাস নিয়ন্ত্রণ কভার করা হয়েছে। ডায়নামিক কন্টেন্ট আপডেটের সময় ফোকাস হারানো ও দিশেহারা হওয়া প্রতিরোধ করে।

পাঠ 1 • রঙের কন্ট্রাস্টের প্রয়োজনীয়তা

টেক্সট ও UI-র জন্য কন্ট্রাস্ট রেশিও গণনা ও WCAG থ্রেশহোল্ড ব্যাখ্যা করা হয়েছে। ডিজাইনারদের লঞ্চের আগে কন্ট্রাস্ট যাচাই ও সংশোধন করতে সক্ষম করে।

পাঠ 2 • ডিজাইনে রঙের স্বাধীনতা

শুধুমাত্র রঙের উপর নির্ভর না করে কীভাবে তথ্য প্রকাশ করতে হয় তা শেখানো হয়েছে। রঙ দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের বাদ পড়া প্রতিরোধ করে।

পাঠ 3 • রেস্পন্সিভ ও জুম-বান্ধব লেআউট

অনুভূমিক স্ক্রোলিং ছাড়া ৪০০% জুমে রিফ্লো হয় এমন লেআউট ডিজাইন করা হয়েছে। লো-ভিশন ব্যবহারকারীরা কার্যকারিতা না হারিয়ে কন্টেন্ট বড় করতে পারে তা নিশ্চিত করে।

পাঠ 4 • টাইপোগ্রাফি ও পাঠযোগ্যতা

পাঠযোগ্যতার জন্য ফন্ট সাইজ, লাইন হাইট, ব্যবধান ও টাইপফেস নির্বাচন কভার করা হয়েছে। লো ভিশন ও জ্ঞানীয় প্রতিবন্ধী ব্যবহারকারীদের সমর্থন করে।

পাঠ 1 • অ্যাক্সেসিবল ইনপুট টাইপ ও নিয়ন্ত্রণ

প্রতিটি ডেটা এন্ট্রি দৃশ্যের জন্য উপযুক্ত HTML ইনপুট টাইপ নির্বাচন করা হয়েছে। কাস্টম ARIA ওভারহেড কমাতে নেটিভ ব্রাউজার আচরণ ব্যবহার করে।

পাঠ 2 • CAPTCHA ও অথেনটিকেশন অ্যাক্সেসিবিলিটি

CAPTCHA বাধা ও অ্যাক্সেসিবল অথেনটিকেশন বিকল্প মূল্যায়ন করা হয়েছে। নিরাপত্তা ব্যবস্থা যাতে প্রতিবন্ধী ব্যবহারকারীদের বাদ না দেয় তা নিশ্চিত করে।

পাঠ 3 • ইনলাইন ভ্যালিডেশন ও ত্রুটি বার্তা

অ্যাক্সেসিবল ঘোষণার সাথে রিয়েল-টাইম ও সাবমিটের সময় ভ্যালিডেশন বাস্তবায়ন। স্পষ্ট নির্দেশনা ছাড়া ব্যবহারকারীদের অসম্পূর্ণ ফর্ম জমা দেওয়া থেকে বিরত রাখে।

পাঠ 4 • জটিল ফর্ম প্যাটার্ন

বহু-ধাপের ফর্ম, শর্তাধীন ফিল্ড ও ডায়নামিক ইনপুট নিয়ে আলোচনা করা হয়েছে। ফর্মের জটিলতা বাড়ার সাথে সাথে অ্যাক্সেসিবিলিটি বজায় রাখে।

পাঠ 1 • অ্যাক্সেসিবল মিডিয়া প্লেয়ার

কীবোর্ড ও স্ক্রিন রিডার ব্যবহারের জন্য মিডিয়া প্লেয়ার মূল্যায়ন ও কনফিগার করা হয়েছে। প্লেব্যাক নিয়ন্ত্রণগুলো মাউস ছাড়া কার্যকর তা নিশ্চিত করে।

পাঠ 2 • ট্রান্সক্রিপ্ট ও অডিও বর্ণনা

অডিওর জন্য পূর্ণ ট্রান্সক্রিপ্ট ও ভিজ্যুয়াল ভিডিও কন্টেন্টের জন্য অডিও বর্ণনা শেখানো হয়েছে। অন্ধ ব্যবহারকারী ও যারা মিডিয়া চালাতে পারেন না তাদের জন্য অ্যাক্সেস প্রসারিত করে।

পাঠ 3 • অ্যাক্সেসিবল ডেটা ভিজুয়ালাইজেশন

চার্ট, গ্রাফ ও ইনফোগ্রাফিক অ্যাক্সেসিবল করার কৌশল প্রয়োগ করা হয়েছে। ভিজ্যুয়াল ডেটার জন্য টেক্সট বিকল্প ও কীবোর্ড নেভিগেশন প্রদান করে।

পাঠ 4 • ভিডিও কন্টেন্টের জন্য ক্যাপশন

ক্লোজড ও ওপেন ক্যাপশন তৈরি, ফরম্যাটিং ও সিঙ্ক্রোনাইজেশন কভার করা হয়েছে। বধির, আংশিক শ্রবণশক্তিসম্পন্ন ও অ-নেটিভ ভাষাভাষী ব্যবহারকারীদের সেবা দেয়।

পাঠ 1 • প্রতিকার পরিকল্পনা ও রিগ্রেশন প্রতিরোধ

অডিট ফলাফলকে অগ্রাধিকারভিত্তিক সংশোধন রোডম্যাপে রূপান্তর করা হয়েছে। ভবিষ্যত রিগ্রেশন প্রতিরোধে অ্যাক্সেসিবিলিটি চেক ওয়ার্কফ্লোতে অন্তর্ভুক্ত করে।

পাঠ 2 • স্ক্রিন রিডার পরীক্ষা

অপারেটিং সিস্টেমজুড়ে প্রধান স্ক্রিন রিডারের সাথে পরীক্ষার নির্দেশিকা দেওয়া হয়েছে। সিম্যান্টিক মার্কআপ ও ARIA সঠিক ঘোষণা তৈরি করে তা যাচাই করে।

পাঠ 3 • ম্যানুয়াল টেস্টিং কৌশল

কীবোর্ড-অনলি নেভিগেশন চেক ও ভিজ্যুয়াল ইন্সপেকশন পদ্ধতি শেখানো হয়েছে। স্বয়ংক্রিয় টুল মিস করে এমন বেশিরভাগ সমস্যা কভার করে।

পাঠ 4 • একটি অ্যাক্সেসিবিলিটি অডিট পরিচালনা

স্কোপিং থেকে রিপোর্টিং পর্যন্ত একটি সম্পূর্ণ WCAG-ভিত্তিক অডিট গঠন করা হয়েছে। ডেভেলপমেন্ট টিম অগ্রাধিকার দিতে পারে এমন কার্যকর ফলাফল তৈরি করে।