ওয়েব পৃষ্ঠাগুলির জন্য অ্যাক্সেসযোগ্যতা উন্নত করা
এই দস্তাবেজ সেটটি অ্যাক্সেসিবিলিটি বিষয়ে Udacity কোর্সে অন্তর্ভুক্ত বিষয়বস্তুর অংশের একটি পাঠ্য-ভিত্তিক সংস্করণ। ভিডিও কোর্সের সরাসরি ট্রান্সক্রিপশনের পরিবর্তে, এটি কোর্সের মূল বিষয়বস্তুকে ভিত্তি হিসাবে ব্যবহার করে অ্যাক্সেসিবিলিটি নীতি এবং অনুশীলনের আরও সংক্ষিপ্ত চিকিত্সার জন্য বোঝানো হয়েছে৷
সারসংক্ষেপ
- অ্যাক্সেসিবিলিটি মানে কী এবং এটি ওয়েব ডেভেলপমেন্টে কীভাবে প্রযোজ্য তা জানুন।
- কীভাবে ওয়েবসাইটগুলিকে সবার জন্য অ্যাক্সেসযোগ্য এবং ব্যবহারযোগ্য করা যায় তা শিখুন৷
- ন্যূনতম উন্নয়ন প্রভাব সহ মৌলিক অ্যাক্সেসযোগ্যতা কীভাবে অন্তর্ভুক্ত করবেন তা শিখুন।
- HTML বৈশিষ্ট্যগুলি কী উপলব্ধ এবং অ্যাক্সেসযোগ্যতা উন্নত করতে সেগুলি কীভাবে ব্যবহার করবেন তা জানুন৷
- পালিশ অ্যাক্সেসিবিলিটি অভিজ্ঞতা তৈরির জন্য উন্নত অ্যাক্সেসিবিলিটি কৌশল সম্পর্কে জানুন।
অ্যাক্সেসযোগ্যতা, এর সুযোগ এবং এর প্রভাব বোঝা আপনাকে আরও ভাল ওয়েব ডেভেলপার করে তুলতে পারে। এই নির্দেশিকাটি আপনাকে বুঝতে সাহায্য করার উদ্দেশ্যে যে আপনি কীভাবে আপনার ওয়েবসাইটগুলিকে সবার জন্য অ্যাক্সেসযোগ্য এবং ব্যবহারযোগ্য করে তুলতে পারেন৷
"অ্যাক্সেসিবিলিটি" বানান করা কঠিন হতে পারে, কিন্তু এটি সম্পন্ন করা কঠিন হতে হবে না। এই নির্দেশিকাটিতে, আপনি দেখতে পাবেন কীভাবে ন্যূনতম প্রচেষ্টায় অ্যাক্সেসযোগ্যতা উন্নত করতে সাহায্য করার জন্য কিছু সহজ জয় পেতে হয়, আপনি কীভাবে আরও অ্যাক্সেসযোগ্য এবং শক্তিশালী ইন্টারফেস তৈরি করতে HTML-এ যা তৈরি করা আছে তা ব্যবহার করতে পারেন এবং কীভাবে পালিশ অ্যাক্সেসযোগ্য অভিজ্ঞতা তৈরির জন্য কিছু উন্নত কৌশল ব্যবহার করতে পারেন। .
আপনি আরও দেখতে পাবেন যে এই কৌশলগুলির মধ্যে অনেকগুলি আপনাকে এমন ইন্টারফেস তৈরি করতে সাহায্য করবে যা কেবলমাত্র প্রতিবন্ধীদের জন্য নয়, সমস্ত ব্যবহারকারীর জন্য আরও মনোরম এবং ব্যবহার করা সহজ।
অবশ্যই, অনেক ডেভেলপারের কাছে অ্যাক্সেসিবিলিটি বলতে কী বোঝায় তা কেবল একটি অস্পষ্ট বোঝার আছে - সরকারী চুক্তি, চেকলিস্ট এবং স্ক্রিন রিডারগুলির সাথে কিছু করার আছে, তাই না? - এবং চারপাশে প্রচুর ভুল ধারণা রয়েছে। উদাহরণ স্বরূপ, অনেক ডেভেলপার মনে করেন যে অ্যাড্রেসিং অ্যাকসেসিবিলিটি তাদের একটি আনন্দদায়ক এবং আকর্ষণীয় অভিজ্ঞতা তৈরি করতে বাধ্য করবে, এবং যেটি অস্বস্তিকর এবং কুৎসিত কিন্তু অ্যাক্সেসযোগ্য।
যে, অবশ্যই, সব ক্ষেত্রে নয়, তাই আসুন আমরা অন্য কিছুতে নামার আগে এটি পরিষ্কার করি। অ্যাক্সেসযোগ্যতা বলতে আমরা কী বুঝি এবং আমরা এখানে কী শিখতে এসেছি?
অ্যাক্সেসযোগ্যতা কি?
বিস্তৃতভাবে বলতে গেলে, যখন আমরা বলি একটি সাইট অ্যাক্সেসযোগ্য, আমরা বলতে চাচ্ছি যে সাইটের বিষয়বস্তু উপলব্ধ, এবং এর কার্যকারিতা আক্ষরিক অর্থে যে কেউ পরিচালনা করতে পারে। বিকাশকারী হিসাবে, এটা অনুমান করা সহজ যে সমস্ত ব্যবহারকারী একটি কীবোর্ড, মাউস বা টাচ স্ক্রীন দেখতে এবং ব্যবহার করতে পারে এবং আপনার পৃষ্ঠার বিষয়বস্তুর সাথে আপনি যেভাবে ইন্টারঅ্যাক্ট করতে পারেন। এটি এমন একটি অভিজ্ঞতার দিকে নিয়ে যেতে পারে যা কিছু লোকের জন্য ভাল কাজ করে, তবে সাধারণ বিরক্তি থেকে শুরু করে অন্যদের জন্য শো-স্টপার পর্যন্ত সমস্যা তৈরি করে।
অ্যাক্সেসিবিলিটি, তারপরে, ব্যবহারকারীদের অভিজ্ঞতাকে বোঝায় যারা "সাধারণ" ব্যবহারকারীর সংকীর্ণ পরিসরের বাইরে থাকতে পারে, যারা আপনার প্রত্যাশার চেয়ে ভিন্নভাবে জিনিসগুলিতে অ্যাক্সেস বা ইন্টারঅ্যাক্ট করতে পারে। বিশেষ করে, এটি এমন ব্যবহারকারীদের উদ্বেগ করে যারা কোনো ধরনের প্রতিবন্ধকতা বা অক্ষমতার সম্মুখীন হচ্ছেন - এবং মনে রাখবেন যে সেই অভিজ্ঞতা অ-শারীরিক বা অস্থায়ী হতে পারে।
উদাহরণস্বরূপ, যদিও আমরা শারীরিক প্রতিবন্ধকতা সহ ব্যবহারকারীদের অ্যাক্সেসযোগ্যতার বিষয়ে আমাদের আলোচনাকে কেন্দ্রীভূত করার প্রবণতা রাখি, তবে আমরা সকলেই এমন একটি ইন্টারফেস ব্যবহার করার অভিজ্ঞতার সাথে সম্পর্কিত হতে পারি যা অন্যান্য কারণে আমাদের কাছে অ্যাক্সেসযোগ্য নয়। আপনার কি কখনও মোবাইল ফোনে ডেস্কটপ সাইট ব্যবহার করে সমস্যা হয়েছে, বা "এই সামগ্রীটি আপনার এলাকায় উপলব্ধ নয়" বার্তাটি দেখেছেন, বা ট্যাবলেটে একটি পরিচিত মেনু খুঁজে পেতে অক্ষম হয়েছেন? এগুলি সমস্ত অ্যাক্সেসযোগ্যতার সমস্যা।
আপনি আরও জানলে, আপনি দেখতে পাবেন যে এই বিস্তৃত, আরও সাধারণ অর্থে অ্যাক্সেসিবিলিটি সমস্যার সমাধান করা প্রায় সবসময়ই প্রত্যেকের জন্য ব্যবহারকারীর অভিজ্ঞতাকে উন্নত করে। আসুন একটি উদাহরণ দেখি:
এই ফর্মটিতে বেশ কিছু অ্যাক্সেসিবিলিটি সমস্যা রয়েছে।
- পাঠ্যটি কম বৈপরীত্য, যা কম দৃষ্টিভঙ্গি ব্যবহারকারীদের পড়া কঠিন।
- বাম দিকে লেবেল এবং ডানদিকে ক্ষেত্রগুলি থাকা অনেক লোকের পক্ষে সেগুলিকে সংযুক্ত করা কঠিন করে তোলে এবং পৃষ্ঠাটি ব্যবহার করার জন্য যাকে জুম করতে হবে তার পক্ষে প্রায় অসম্ভব; কল্পনা করুন এটি একটি ফোনে দেখছেন এবং কিসের সাথে কী যায় তা বের করতে চারপাশে প্যান করতে হবে।
- "বিশদ মনে আছে?" লেবেলটি চেকবক্সের সাথে যুক্ত নয়, তাই আপনাকে লেবেলে ক্লিক করার পরিবর্তে শুধুমাত্র ক্ষুদ্র বর্গক্ষেত্রে ট্যাপ বা ক্লিক করতে হবে; এছাড়াও, কেউ একজন স্ক্রিন রিডার ব্যবহার করলে অ্যাসোসিয়েশন খুঁজে বের করতে সমস্যা হবে।
এখন আসুন আমাদের অ্যাক্সেসিবিলিটি ওয়ান্ড ওয়েভ করি এবং সেই সমস্যাগুলি সংশোধন করে ফর্মটি দেখুন। আমরা টেক্সটটিকে আরও গাঢ় করতে যাচ্ছি, ডিজাইনটি পরিবর্তন করতে যাচ্ছি যাতে লেবেলগুলি তারা যে জিনিসগুলি লেবেল করছে তার কাছাকাছি থাকে, এবং লেবেলটিকে চেকবক্সের সাথে যুক্ত করার জন্য ঠিক করে যাতে আপনি লেবেলে ক্লিক করে এটিকে টগল করতে পারেন৷
আপনি বরং কোনটি ব্যবহার করবেন? আপনি যদি "অভিগম্য সংস্করণ" বলেন, তাহলে আপনি এই গাইডের একটি মূল ভিত্তি বোঝার পথে আছেন। প্রায়শই, কিছু ব্যবহারকারীর জন্য একটি সম্পূর্ণ ব্লকার যা অন্য অনেকের জন্য একটি ব্যথার বিষয়, তাই অ্যাক্সেসিবিলিটি সমস্যার সমাধান করে আপনি সবার জন্য অভিজ্ঞতা উন্নত করেন।
ওয়েব কন্টেন্ট অ্যাক্সেসিবিলিটি নির্দেশিকা
এই নির্দেশিকা জুড়ে আমরা ওয়েব কন্টেন্ট অ্যাক্সেসিবিলিটি নির্দেশিকা (WCAG) 2.0 উল্লেখ করব, একটি পদ্ধতিগত উপায়ে "অ্যাক্সেসিবিলিটি" মানে কী তা সমাধান করার জন্য অ্যাক্সেসিবিলিটি বিশেষজ্ঞদের দ্বারা একত্রিত নির্দেশিকা এবং সর্বোত্তম অনুশীলনের একটি সেট।
ডব্লিউসিএজি চারটি নীতিকে ঘিরে সংগঠিত হয় যা প্রায়ই সংক্ষিপ্ত রূপ POUR দ্বারা ডাকা হয়:
উপলব্ধিযোগ্য : ব্যবহারকারীরা বিষয়বস্তু উপলব্ধি করতে পারেন? এটি আমাদের মনে রাখতে সাহায্য করে যে শুধুমাত্র একটি ইন্দ্রিয় দ্বারা কিছু উপলব্ধি করা যায়, যেমন দৃষ্টি, এর মানে এই নয় যে সমস্ত ব্যবহারকারী তা উপলব্ধি করতে পারে৷
অপারেবল : ব্যবহারকারীরা কি UI উপাদান ব্যবহার করতে এবং বিষয়বস্তু নেভিগেট করতে পারে? উদাহরণস্বরূপ, এমন কিছু যার জন্য হোভার ইন্টারঅ্যাকশনের প্রয়োজন হয় এমন কেউ পরিচালনা করতে পারে না যে মাউস বা টাচ স্ক্রিন ব্যবহার করতে পারে না।
বোধগম্য : ব্যবহারকারীরা বিষয়বস্তু বুঝতে পারেন? ব্যবহারকারীরা ইন্টারফেস বুঝতে পারেন এবং বিভ্রান্তি এড়াতে এটি যথেষ্ট সামঞ্জস্যপূর্ণ?
মজবুত : বিষয়বস্তু কি বিভিন্ন ধরনের ব্যবহারকারী এজেন্ট (ব্রাউজার) দ্বারা গ্রাস করা যেতে পারে? এটি সহায়ক প্রযুক্তির সাথে কাজ করে?
যদিও WCAG বিষয়বস্তু অ্যাক্সেসযোগ্য হওয়ার জন্য এর অর্থ কী তার একটি ব্যাপক ওভারভিউ প্রদান করে, এটি কিছুটা অপ্রতিরোধ্যও হতে পারে। এটি প্রশমিত করার জন্য, ওয়েবএআইএম (ওয়েব অ্যাকসেসিবিলিটি ইন মাইন্ড) গোষ্ঠী WCAG নির্দেশিকাগুলিকে একটি সহজে অনুসরণযোগ্য চেকলিস্টে তৈরি করেছে, বিশেষভাবে ওয়েব সামগ্রীর জন্য লক্ষ্য করা হয়েছে৷
WebAIM চেকলিস্ট আপনাকে একটি সংক্ষিপ্ত, উচ্চ-স্তরের সারসংক্ষেপ দিতে পারে যা আপনাকে বাস্তবায়ন করতে হবে, সেইসঙ্গে অন্তর্নিহিত WCAG স্পেসিফিকেশনের সাথে লিঙ্ক করে যদি আপনার একটি প্রসারিত সংজ্ঞা প্রয়োজন হয়।
এই টুলটি হাতে নিয়ে, আপনি আপনার অ্যাক্সেসিবিলিটি কাজের জন্য একটি দিকনির্দেশ লেখতে পারেন এবং আত্মবিশ্বাসী হন যে, যতক্ষণ পর্যন্ত আপনার প্রকল্প রূপরেখার মানদণ্ড পূরণ করে, আপনার ব্যবহারকারীদের আপনার সামগ্রী অ্যাক্সেস করার ইতিবাচক অভিজ্ঞতা থাকা উচিত।
ব্যবহারকারীদের বৈচিত্র্য বোঝা
অ্যাক্সেসিবিলিটি সম্পর্কে শেখার সময়, এটি বিশ্বের ব্যবহারকারীদের বিভিন্ন পরিসর এবং তাদের প্রভাবিত করে এমন অ্যাক্সেসিবিলিটি বিষয়গুলির একটি বোঝার জন্য সাহায্য করে৷ আরও ব্যাখ্যা করার জন্য, এখানে Google-এর একজন প্রযুক্তিগত প্রোগ্রাম ম্যানেজার ভিক্টর সারানের সাথে একটি তথ্যপূর্ণ প্রশ্ন/উত্তর সেশন রয়েছে, যিনি সম্পূর্ণ অন্ধ।
আপনি Google এ কি কাজ করেন?
এখানে Google-এ আমার কাজ হল আমাদের পণ্যগুলি আমাদের সমস্ত বৈচিত্র্যময় ব্যবহারকারীদের জন্য কাজ করে তা নিশ্চিত করতে সাহায্য করা, দুর্বলতা বা সক্ষমতা নির্বিশেষে।
ব্যবহারকারীদের কি ধরনের প্রতিবন্ধকতা আছে?
যখন আমরা কোন ধরনের প্রতিবন্ধকতা সম্পর্কে চিন্তা করি যা কারো জন্য আমাদের বিষয়বস্তু অ্যাক্সেস করা কঠিন করে তোলে, তখন অনেকেই আমার মতো একজন অন্ধ ব্যবহারকারীকে অবিলম্বে চিত্রিত করবে। এবং এটা সত্য, এই দুর্বলতা সত্যিই অনেক ওয়েব সাইট ব্যবহার করাকে হতাশাজনক বা এমনকি অসম্ভব করে তুলতে পারে।
অনেক আধুনিক ওয়েব কৌশলে সাইট তৈরির দুর্ভাগ্যজনক পার্শ্বপ্রতিক্রিয়া রয়েছে যা ওয়েব অ্যাক্সেস করার জন্য অন্ধ ব্যবহারকারীদের দ্বারা ব্যবহৃত সরঞ্জামগুলির সাথে ভালভাবে কাজ করে না। যাইহোক, আসলে এর চেয়ে অ্যাক্সেসযোগ্যতার আরও অনেক কিছু রয়েছে। চারটি বিস্তৃত বালতিতে পড়ে যাওয়া প্রতিবন্ধকতা সম্পর্কে আমরা এটিকে দরকারী বলে মনে করি: চাক্ষুষ, মোটর, শ্রবণশক্তি এবং জ্ঞানীয়।
চলুন এক সময়ে যারা এক মাধ্যমে যান. আপনি দৃষ্টি প্রতিবন্ধকতা কিছু উদাহরণ দিতে পারেন?
দৃষ্টি প্রতিবন্ধকতাকে কয়েকটি বিভাগে বিভক্ত করা যেতে পারে: আমার মত কোন দৃষ্টিহীন ব্যবহারকারীরা স্ক্রিন রিডার, ব্রেইল বা দুটির সংমিশ্রণ ব্যবহার করতে পারে।
এখন, আক্ষরিক অর্থে কোন দৃষ্টি না থাকাটা আসলে খুবই অস্বাভাবিক, কিন্তু তারপরও, এমন একটি ভাল সুযোগ রয়েছে যা আপনি জানেন বা অন্তত একজনের সাথে দেখা করেছেন যিনি একেবারেই দেখতে পাচ্ছেন না। তবে আমরা যাকে স্বল্প-দৃষ্টিসম্পন্ন ব্যবহারকারী বলি তাদের অনেক সংখ্যকও রয়েছে।
এটি একটি বিস্তৃত পরিসর, আমার স্ত্রীর মতো একজনের কাছ থেকে, যার কোনও কর্নিয়া নেই - তাই যখন সে মূলত জিনিসগুলি দেখতে পায় তখন তার প্রিন্ট পড়তে খুব কষ্ট হয় এবং তাকে আইনত অন্ধ হিসাবে বিবেচনা করা হয় - এমন একজনের কাছে যার দৃষ্টিশক্তি এবং প্রয়োজন হয়ত দুর্বল খুব শক্তিশালী প্রেসক্রিপশন চশমা পরতে।
একটি বিশাল পরিসর রয়েছে, এবং তাই স্বাভাবিকভাবেই এই বিভাগের লোকেরা ব্যবহার করে থাকার জন্য একটি বড় পরিসর রয়েছে: কেউ কেউ স্ক্রিন রিডার বা ব্রেইল ডিসপ্লে ব্যবহার করেন (এমনকি আমি এমন একজন মহিলার কথাও শুনেছি যিনি স্ক্রিনে প্রদর্শিত ব্রেইল পড়েন কারণ এটি সহজ। মুদ্রিত পাঠ্যের চেয়ে দেখতে) অথবা তারা পূর্ণ স্ক্রীন রিডার কার্যকারিতা ছাড়াই টেক্সট-টু-স্পিচ প্রযুক্তি ব্যবহার করতে পারে, অথবা তারা একটি স্ক্রিন ম্যাগনিফায়ার ব্যবহার করতে পারে যা স্ক্রিনের অংশে জুম করে, অথবা তারা কেবল তাদের ব্রাউজার জুম ব্যবহার করতে পারে সব ফন্ট বড়. তারা একটি অপারেটিং সিস্টেম উচ্চ-কনট্রাস্ট মোড, একটি উচ্চ-কনট্রাস্ট ব্রাউজার এক্সটেনশন বা একটি ওয়েবসাইটের জন্য একটি উচ্চ-কন্ট্রাস্ট থিমের মতো উচ্চ-কন্ট্রাস্ট বিকল্পগুলিও ব্যবহার করতে পারে।
অনেক ব্যবহারকারী এমনকি এইগুলির সংমিশ্রণ ব্যবহার করেন, যেমন আমার বন্ধু লরা উচ্চ-কনট্রাস্ট মোড, ব্রাউজার জুম এবং টেক্সট-টু-স্পিচের সংমিশ্রণ ব্যবহার করে।
কম দৃষ্টি এমন কিছু যা অনেক লোকের সাথে সম্পর্কিত হতে পারে। শুরুতে, বয়সের সাথে সাথে আমরা সকলেই দৃষ্টিশক্তির অবনতি অনুভব করি, তাই আপনি যদি এটির অভিজ্ঞতা নাও পান তবে আপনার পিতামাতাকে এটি সম্পর্কে অভিযোগ করার একটি ভাল সুযোগ রয়েছে। কিন্তু অনেক লোক তাদের ল্যাপটপটি একটি রৌদ্রোজ্জ্বল জানালা দিয়ে বাইরে নিয়ে যাওয়ার হতাশা অনুভব করে যে তারা হঠাৎ কিছুই পড়তে পারে না! অথবা যে কেউ লেজার সার্জারি করেছে বা হয়তো শুধু রুম জুড়ে কিছু পড়তে হয়েছে আমি উল্লেখিত সেই বাসস্থানগুলির মধ্যে একটি ব্যবহার করেছে। তাই আমি মনে করি ডেভেলপারদের জন্য স্বল্প-দৃষ্টিসম্পন্ন ব্যবহারকারীদের জন্য কিছু সহানুভূতি থাকা বেশ সহজ।
ওহ, এবং আমি দুর্বল রঙের দৃষ্টিভঙ্গিযুক্ত লোকদের উল্লেখ করতে ভুলবেন না - প্রায় 9% পুরুষের কিছু ধরণের রঙের দৃষ্টি ঘাটতি রয়েছে! প্লাস প্রায় 1% মহিলা। তাদের লাল এবং সবুজ, বা হলুদ এবং নীল পার্থক্য করতে সমস্যা হতে পারে। পরের বার যখন আপনি ফর্ম যাচাইকরণ ডিজাইন করবেন তখন সে সম্পর্কে চিন্তা করুন।
মোটর দুর্বলতা সম্পর্কে কি?
হ্যাঁ, মোটর বৈকল্য, বা দক্ষতার প্রতিবন্ধকতা। এই গোষ্ঠীটি তাদের থেকে শুরু করে যারা মাউস ব্যবহার না করা পছন্দ করে, কারণ সম্ভবত তাদের কিছু RSI বা কিছু আছে এবং এটি বেদনাদায়ক বলে মনে করে, এমন কাউকে যারা শারীরিকভাবে পক্ষাঘাতগ্রস্ত হতে পারে এবং তাদের কিছু অংশের জন্য সীমিত পরিসরের গতি আছে। শরীর
মোটর প্রতিবন্ধী ব্যবহারকারীরা তাদের কম্পিউটারের সাথে ইন্টারঅ্যাক্ট করার জন্য একটি কীবোর্ড, সুইচ ডিভাইস, ভয়েস কন্ট্রোল বা এমনকি একটি আই-ট্র্যাকিং ডিভাইস ব্যবহার করতে পারে।
দৃষ্টি প্রতিবন্ধকতার মতো, গতিশীলতাও একটি অস্থায়ী বা পরিস্থিতিগত সমস্যা হতে পারে: হয়তো আপনার মাউসের হাতের কব্জি ভেঙে গেছে। হতে পারে আপনার ল্যাপটপের ট্র্যাকপ্যাড ভেঙে গেছে, অথবা আপনি কেবল একটি নড়বড়ে ট্রেনে চড়ছেন। এমন অনেক পরিস্থিতি হতে পারে যেখানে একজন ব্যবহারকারীর গতিশীলতা বাধাগ্রস্ত হয়, এবং আমরা তাদের জন্য প্রয়োজনীয়তা নিশ্চিত করার মাধ্যমে আমরা সামগ্রিকভাবে অভিজ্ঞতা উন্নত করি, উভয়ই স্থায়ী প্রতিবন্ধকতার জন্য কিন্তু যে কেউ অস্থায়ীভাবে দেখতে পান যে তারা একটি পয়েন্টার ব্যবহার করতে পারে না। -ভিত্তিক UI।
চমৎকার, শ্রবণ প্রতিবন্ধকতা সম্পর্কে কথা বলা যাক।
এই গোষ্ঠীটি গভীরভাবে বধির থেকে শুরু করে শ্রবণশক্তিহীন পর্যন্ত হতে পারে। এবং অনেকটা দৃষ্টিশক্তির মতোই, বয়সের সাথে সাথে আমাদের শ্রবণশক্তি হ্রাস পেতে থাকে। আমরা অনেকেই আমাদের সাহায্য করার জন্য শ্রবণযন্ত্রের মতো সাধারণ সুবিধা ব্যবহার করি।
শ্রবণ-প্রতিবন্ধী ব্যবহারকারীদের জন্য আমাদের নিশ্চিত করতে হবে যে আমরা শব্দের উপর নির্ভর করছি না, তাই ভিডিও ক্যাপশন এবং ট্রান্সক্রিপ্টের মতো জিনিসগুলি ব্যবহার করা নিশ্চিত করা এবং শব্দ যদি ইন্টারফেসের অংশ হয় তবে কিছু ধরণের বিকল্প সরবরাহ করা।
এবং আমরা যেমন দৃষ্টিশক্তি এবং মোটর বৈকল্যের সাথে দেখেছি, এমন একটি পরিস্থিতি কল্পনা করা সত্যিই সহজ যেখানে কেউ যার কান ভাল কাজ করে সেও এই বাসস্থানগুলি থেকে উপকৃত হবে। আমার অনেক বন্ধু বলে যে ভিডিওতে ক্যাপশন এবং ট্রান্সক্রিপ্ট থাকলে তারা এটি পছন্দ করে কারণ এর মানে হল যে যদি তারা একটি খোলা প্ল্যান অফিসে থাকে এবং তাদের হেডফোন না আনে, তারা এখনও ভিডিওটি দেখতে পারে!
ঠিক আছে, আপনি কি আমাদের জ্ঞানীয় দুর্বলতা সম্পর্কে কিছু বলতে পারেন?
ADD, ডিসলেক্সিয়া এবং অটিজমের মতো জ্ঞানীয় অবস্থার একটি পরিসীমা রয়েছে, যার অর্থ হতে পারে যে লোকেরা ভিন্নভাবে জিনিসগুলি অ্যাক্সেস করতে চায় বা প্রয়োজন। এই গোষ্ঠীগুলির জন্য থাকার ব্যবস্থাগুলি স্বাভাবিকভাবেই অত্যন্ত বৈচিত্র্যময়, তবে আমরা স্পষ্টভাবে অন্যান্য ক্ষেত্রগুলির সাথে কিছু ওভারল্যাপ খুঁজে পাই, যেমন পড়া বা মনোনিবেশ করা সহজ করতে জুম কার্যকারিতা ব্যবহার করা। এছাড়াও, এই ব্যবহারকারীরা খুঁজে পেতে পারেন যে সত্যিই ন্যূনতম নকশা সবচেয়ে ভাল কাজ করে কারণ এটি বিভ্রান্তি এবং জ্ঞানীয় লোড কমিয়ে দেয়।
আমি মনে করি প্রত্যেকেই জ্ঞানীয় ওভারলোডের চাপের সাথে সম্পর্কিত হতে পারে, তাই এটা স্পষ্ট যে আমরা যদি এমন কিছু তৈরি করি যা জ্ঞানীয় দুর্বলতার জন্য ভাল কাজ করে, আমরা এমন কিছু তৈরি করতে যাচ্ছি যা প্রত্যেকের জন্য একটি আনন্দদায়ক অভিজ্ঞতা হতে চলেছে।
সুতরাং, আপনি কীভাবে অ্যাক্সেসযোগ্যতা সম্পর্কে চিন্তা করেন তার সংক্ষিপ্তসার করবেন?
যখন আপনি লোকেদের ক্ষমতা এবং অক্ষমতার বিস্তৃত পরিসরের দিকে তাকান, তখন আপনি দেখতে পাবেন যে শুধুমাত্র এমন লোকদের জন্য ডিজাইন করা এবং তৈরি করা পণ্যগুলি যাদের নিখুঁত দৃষ্টি, শ্রবণশক্তি, দক্ষতা এবং জ্ঞান আছে অবিশ্বাস্যভাবে সংকীর্ণ বলে মনে হয়৷ এটি প্রায় স্ব-পরাজিত, কারণ আমরা প্রত্যেকের জন্য আরও চাপযুক্ত এবং কম ব্যবহারযোগ্য অভিজ্ঞতা তৈরি করছি, এবং কিছু ব্যবহারকারীর জন্য এমন একটি অভিজ্ঞতা তৈরি করছি যা আসলে তাদের সম্পূর্ণভাবে বাদ দেয়।
এই সাক্ষাত্কারে, ভিক্টর বিভিন্ন ধরনের প্রতিবন্ধকতা চিহ্নিত করেছেন এবং সেগুলিকে চারটি বিস্তৃত বিভাগে রেখেছেন: ভিজ্যুয়াল , মোটর , শ্রবণশক্তি এবং জ্ঞানীয় । তিনি আরও উল্লেখ করেছেন যে প্রতিটি ধরণের প্রতিবন্ধকতা পরিস্থিতিগত , অস্থায়ী বা স্থায়ী হতে পারে।
আসুন অ্যাক্সেসের প্রতিবন্ধকতার কিছু বাস্তব-বিশ্বের উদাহরণ দেখুন এবং দেখুন যে সেগুলি সেই বিভাগ এবং প্রকারের মধ্যে কোথায় পড়ে। উল্লেখ্য যে কিছু প্রতিবন্ধকতা একাধিক বিভাগ বা প্রকারের মধ্যে পড়তে পারে।
| পরিস্থিতিগত | অস্থায়ী | স্থায়ী | |
|---|---|---|---|
| ভিজ্যুয়াল | আঘাত | অন্ধত্ব | |
| মোটর | একটি শিশুকে ধরে রাখা | ভাঙা হাত, RSI* | RSI* |
| শ্রবণ | কোলাহলপূর্ণ অফিস | ||
| জ্ঞান ভিত্তিক | আঘাত |
পুনরাবৃত্তিমূলক স্ট্রেন ইনজুরি: যেমন, কার্পাল টানেল সিন্ড্রোম, টেনিস এলবো, ট্রিগার আঙুল
পরবর্তী পদক্ষেপ
আমরা ইতিমধ্যেই বেশ কিছুটা জায়গা জুড়ে দিয়েছি! আপনি সম্পর্কে পড়া আছে
- অ্যাক্সেসিবিলিটি কী এবং কেন এটি সবার জন্য গুরুত্বপূর্ণ
- WCAG এবং WebAIM অ্যাক্সেসিবিলিটি চেকলিস্ট
- বিভিন্ন ধরনের প্রতিবন্ধকতা আপনার বিবেচনা করা উচিত
গাইডের বাকি অংশের জন্য, আমরা অ্যাক্সেসযোগ্য ওয়েব সাইট তৈরির ব্যবহারিক দিকগুলিতে ডুব দেব। আমরা তিনটি প্রধান বিষয় এলাকায় এই প্রচেষ্টা সংগঠিত করব:
ফোকাস : মাউসের পরিবর্তে কীবোর্ড দিয়ে চালানো যায় এমন জিনিসগুলি কীভাবে তৈরি করা যায় তা আমরা দেখব। এটি অবশ্যই মোটর প্রতিবন্ধী ব্যবহারকারীদের জন্য গুরুত্বপূর্ণ, তবে এটি নিশ্চিত করে যে আপনার UI সমস্ত ব্যবহারকারীদের জন্য ভাল অবস্থায় রয়েছে।
শব্দার্থবিদ্যা : আমরা নিশ্চিত করব যে আমরা আমাদের ব্যবহারকারী ইন্টারফেসকে একটি শক্তিশালী উপায়ে প্রকাশ করি যা বিভিন্ন সহায়ক প্রযুক্তির সাথে কাজ করে।
স্টাইলিং : আমরা ভিজ্যুয়াল ডিজাইন বিবেচনা করব এবং ইন্টারফেসের ভিজ্যুয়াল উপাদানগুলিকে যতটা সম্ভব নমনীয় এবং ব্যবহারযোগ্য করার জন্য কিছু কৌশল দেখব।
এই বিষয়গুলির প্রতিটি একটি সম্পূর্ণ কোর্স পূরণ করতে পারে, তাই আমরা অ্যাক্সেসযোগ্য ওয়েব সাইট তৈরির প্রতিটি দিক কভার করব না। যাইহোক, শুরু করার জন্য আমরা আপনাকে পর্যাপ্ত তথ্য দেব, এবং আপনাকে কিছু ভাল জায়গা নির্দেশ করব যেখানে আপনি প্রতিটি বিষয় সম্পর্কে আরও জানতে পারবেন।