আমার ওয়েবসাইটটি অ্যাক্সেসযোগ্য তা নিশ্চিত করার জন্য আমার ন্যূনতম পদক্ষেপগুলি অনুসরণ করা উচিত?


35

আমি একটি খুব গুরুত্বপূর্ণ স্ট্যান্ডার্ড অনুসরণ করার চেষ্টা করছি যা আমি স্বীকার করতেই হবে যে আমি সম্প্রতি অবধি অবহেলা করেছি। আমি নিশ্চিত করতে চাই যে আমার পৃষ্ঠাগুলি অক্ষম ব্যক্তিদের একটি বিশাল অংশে অ্যাক্সেসযোগ্য। আমি মূলত পাঠ্য এবং চিত্র নিবিড় এমন টিউটোরিয়ালগুলিতে মনোনিবেশ করি তবে কোনও ভিডিও / ফ্ল্যাশ বা কোনও ধরণের অ্যানিমেশন নেই।

আমার ওয়েব সাইটটি ব্যবহার করার সময় অনেক প্রতিবন্ধী ব্যক্তিদের একটি ভাল অভিজ্ঞতা থাকতে পারে তা নিশ্চিত করতে আমি কী চেকলিস্টটি অনুসরণ করতে পারি এবং কোন অক্ষমতা সম্পর্কে আমার সবচেয়ে সচেতন হওয়া উচিত?

আমি জানি যে আমি সম্ভবত সবাইকে খুশি করতে পারি না। আমি ডাব্লু 3 সি নির্দেশিকাটি পেরিয়েছি , তবে আমার কাছে কী স্ট্যান্ডার্ড প্রযোজ্য তা আমি পুরোপুরি নিশ্চিত নই। আমি ওয়েব অ্যাপ্লিকেশন তৈরি করছি না, আমি বেশিরভাগ তথ্য এক্সচেঞ্জ, ব্লগ এবং মাঝে মাঝে ফোরামের মতো উইকি তৈরি করছি।


uxexchange.com?
ববি জ্যাক

উত্তর:


18
  • প্রতিটি ছবিতে Alt পাঠ্য রয়েছে তা নিশ্চিত করুন।
  • আপনার রঙিন স্কিম রঙ অন্ধত্বযুক্তদের জন্য উপযুক্ত কিনা তা নিশ্চিত করুন।
  • দৃষ্টি প্রতিবন্ধীদের জন্য একটি উচ্চ বিপরীতে লেআউট বা বৃহত পাঠ্য বিন্যাস সরবরাহ করুন।
  • আপনার লিঙ্কগুলি প্রসঙ্গের বাইরে পড়ার সময় অর্থবোধ করে তা নিশ্চিত করুন (অর্থাত্ "এখানে ক্লিক করুন" কেবল লিখবেন না)।
  • আপনার ব্যবহারকারীর জাভাস্ক্রিপ্ট সমর্থন না থাকলে আপনার সাইটটি এখনও সম্পূর্ণ মৌলিক কার্যকারিতা সরবরাহ করে তা নিশ্চিত করুন।

ডাব্লু 3 তার ওয়েবসাইটের মাধ্যমে অ্যাক্সেসযোগ্যতার বিষয়ে কিছু প্রাথমিক পরামর্শ দেয় । জো ক্লার্কের কাছে তার "বিল্ডিং অ্যাক্সেসযোগ্য ওয়েবসাইটগুলি" বইয়ের একটি অনলাইন সংস্করণ বিনামূল্যে দেখতে পাওয়া যায় যাটিতে প্রচুর দরকারী তথ্য রয়েছে।


1
'ওয়েল পাঠ্য' রুলের জন্য বেশ কয়েকটি ক্যাভেট রয়েছে। দুর্ভাগ্যক্রমে, আমি এমন লোকদের সাথে কাজ করেছি যারা এটিকে কঠোর এবং দ্রুত নিয়ম হিসাবে বিবেচনা করে - অর্থাত্ প্রতিটি চিত্রেরই একটি দুর্দান্ত বৈশিষ্ট্য থাকতে হবে। তারপরে তারা একটি লোগো চিত্রে "আমাদের সংস্থার লোগো" এবং টুইটার অ্যাকাউন্টে লিঙ্কযুক্ত কোনও চিত্রটিতে "একটি বড় নীল 'টি' জাতীয় জিনিস যুক্ত করে।
ববি জ্যাক

ওয়েল ট্যাগ সহ, আমি বিশ্বাস করি যে প্রতিটি চিত্রের একটি হওয়া উচিত। স্ক্রিন রিডার নিয়ে কাজ করার সময় আপনাকে কী করা উচিত তা জানাতে হবে। যদি আপনার চিত্রটি কেবল ভিজ্যুয়াল আপিলের জন্য উপস্থিত থাকে এবং এর অন্য কোনও মান না থাকে তবে Alt = "" ব্যবহার করুন যাতে স্ক্রিন পাঠক এটিকে উপেক্ষা করতে জানে। যদি আপনার চিত্রটি কোনও গ্রাফ বা সম্ভবত শিরোনাম হয় তবে তিনি অবশ্যই ওয়েল ট্যাগটিতে তথ্য অন্তর্ভুক্ত করবেন যাতে স্ক্রিন পাঠক এবং সেইসাথে চিত্রগুলি অক্ষম করা লোকেরা বাদ না পড়েন।
ph33nyx

8

আপনার মার্ক-আপ সিমেটিক করা অ্যাক্সেসযোগ্যতার দিকে এক বিশাল পদক্ষেপ, যদি আপনার সাইটে কোনও সিএসএস প্রয়োগ না করে নেভিগেট করা যায় এবং বিষয়বস্তুটি বোধগম্য হয় তবে বাকি সমস্ত কিছুই কেবল ভিজ্যুয়াল গ্রেভি!


1
নগ্ন সিএসএসের দিন এবং আরও অনেক মজাদার :)
টিম পোস্ট

2
হাহা, স্বাভাবিকভাবে! গুরুতরভাবে যদিও, অনেক লোক অ্যাক্সেসিবিলিটি ডিজাইনের সাথে করণীয় তা ধরে নিচ্ছেন, এটি হ'ল বিপরীত, যদি আপনি আপনার সামগ্রীটি তৈরি করতে পারেন যাতে এটি কোনও নকশা ছাড়াই কাজ করে তবে একটি মেশিন (এবং সেইজন্য একজন মানুষ) সর্বদা অ্যাক্সেস করতে সক্ষম হবে এটা।
টবি

7

প্রথমত "প্রতিবন্ধী" অর্থ নোটিশ!

সুতরাং কিছু লোকের জন্য আপনার যাচাই করা দরকার তা আপনার ওয়েবসাইট হতে পারে let

একজন দরিদ্র ব্যক্তি যার কেবল একটি ছোট পর্দা সহ একটি নোট-বই রয়েছে

ব্রাউজার উইন্ডোটি খুব কম ব্যথা ব্যতীত ছোট হলে আপনার ওয়েবসাইটটি ব্যবহার করা যেতে পারে check

রঙিন অন্ধ ব্যক্তি

আইকনগুলির রঙ ইত্যাদি না দেখে কেউ আপনার ওয়েবসাইটটি ব্যবহার করতে পারে, আপনি যে কোনও বি & ডাব্লু মনিটরে এটি অ্যাক্সেস করছেন তা কল্পনা করে।

দরিদ্র সাইট সহ একজন ব্যক্তি।

যখন আপনার ব্রাউজারে ধরণের আকার পরিবর্তন হয়, সমস্ত পাঠ্য আপনার সাইটে বড় হয় এবং লেআউটটি এখনও ঠিক আছে। এছাড়াও সাইটটি এখনও একটি ছোট মনিটরে ব্যবহার করা যেতে পারে?

আপনার সাইটটি কি উচ্চতর বিপরীতে বিন্যাস ব্যবহার করে, যদি না উচ্চতর বৈপরীত্য বিন্যাসে স্যুইচ করা সহজ হয়?

এমন একটি ব্যক্তি যা মাউস ব্যবহার করতে পারে না

এমন কোনও ব্যক্তি যিনি আপনার ওয়েবসাইটটি আগে কখনও ব্যবহার করেন নি, সমস্ত ক্রিয়াকলাপ / তথ্য অ্যাক্সেস করতে পারেন কেবল কীবোর্ডটি ব্যবহার করে। (ট্যাব কীটি কোনও কার্যকর উপায়ে কাজ করে?)

পড়ার দক্ষতা নেই এমন কেউ

আপনি যতটা সম্ভব সহজ ইংরেজি ব্যবহার করছেন?

এমন কেউ যে নতুন জিনিস শেখার পক্ষে ভাল নয়।

আপনার সাইটের ডিজাইন কি অন্য সাইটের উপর ভিত্তি করে আপনার ব্যবহারকারীরা ইতিমধ্যে কীভাবে ব্যবহার করতে জানেন?

একজন অন্ধ ব্যক্তি।

এটি হার্ড এবং আপনি যা পড়েন তার বেশিরভাগই ম্যাচ ব্যবহারের নয়!
প্রথমে আমাদের অন্যান্য অ্যাক্সেসের সমস্যাগুলি সংক্ষিপ্ত করে দেখুন, কারণ এখানে দরিদ্র দৃষ্টিতে আরও অনেক লোক রয়েছে, বা বাঁধাই করা লোকের চেয়ে যারা মাউস ব্যবহার করতে পারে না।

এরপরে আপনার লক্ষ্যগুলি বোঝুন , যেমন আপনার সাইটটি কোনও হোটেল বুকিংয়ের সাইট হয় তবে বুকিং তৈরির জন্য কোনও ফি ফোন নম্বর প্রদান করা ভাল এবং তারপরে কেবল হোটেলের তথ্য অ্যাক্সেসযোগ্য করে দেওয়া ভাল।

বেশিরভাগ অন্ধ লোক তাদের যে কোনও ইন্টারেক্টিভ ওয়েবসাইটটি আগে ব্যবহার করেন নি সেগুলি ব্যবহার করা খুব কঠিন বলে মনে হয়, তবে ওয়েবসাইটটি ডিজাইন করা হয়েছে।

সুতরাং আপনি কি একটি না ওয়েব বিকল্প সরবরাহ করা উচিত? (ফোন? এমন কোনও ব্যক্তি যা ফর্ম পূরণ করতে সহায়তা করার জন্য তাদের সাথে দেখা করে? ইত্যাদি)

প্রথমত আপনার সাইটটি কোনও চিত্র ছাড়াই ব্যবহার করা যাবে? (আল্ট পাঠ্য এটি করার এক উপায়)

স্পিচ সফ্টওয়্যারটি দেওয়া সাইটের উপরে থেকে নীচে পড়ে, আপনার সাইটটি কী সেভাবে বোঝা যাবে?

একটি দন্ডপ্রাপ্ত ব্যক্তির পক্ষে জটিল ন্যাভিগেশন সহ কোনও সাইট সহজেই তৈরি করা খুব কঠিন, এছাড়াও একটি দন্ডপ্রাপ্ত ব্যক্তিরও জানার কোনও উপায় নেই যে পৃষ্ঠার অংশটি জাভাস্ক্রিপ্ট দ্বারা আপডেট হয়েছে এবং এটি আবার পড়তে হবে।

রাষ্ট্রের পরিবর্তনের জন্য আইটেমের রঙ পরিবর্তন করাও ভাল বিকল্প নয়।

বাইন্ড লোকদের জন্য ওয়েবসাইটকে কীভাবে ভালভাবে কাজ করা যায় তা শেখার একমাত্র উপায় হ'ল কোনও বাইন্ড ব্যান্ড ব্যক্তি কীভাবে কোনও ওয়েবসাইটের স্ক্রিন রিডার ব্যবহার করেন uses স্ট্যান্ডার্ডগুলির মধ্যে কোনওটি যথেষ্ট ভাল নয়, তারা আপনাকে কেবল আপনাকে কী করা উচিত নয় তা বলে দেয়, তবে তাদের কাছে রাখা যথেষ্ট নয় (যদি না আপনি কেবল কোনও নিউজ পেপার সাইটের মতো স্থির পাঠ্য সরবরাহ না করেন)।


1
আমি এই উত্তরের প্রথম বাক্যটি ভালবাসি! (এবং অবশ্যই অন্যান্য বাক্যগুলিও)
টিম পোস্ট

5

আপনি সম্মতিটি সম্পর্কে একটি দ্রুত ওভারভিউ পেতে এই সাইটটি ব্যবহার করতে পারেন: http://wave.webaim.org/

এটি কয়েক বছর আগে বন্ধ হয়ে যাওয়া পুরানো "ববি" সিস্টেমের সাথে একই রকম কাজ করে।


3

ডাচ সরকার এই সাইটগুলিকে অ্যাক্সেসযোগ্যতার ক্ষেত্রে এর সাইটগুলি পরীক্ষা করতে ব্যবহার করে। একবার দেখুন ... আপনি অ্যাক্সেসযোগ্যতার উপর আপনার বর্তমান অবস্থার পরীক্ষা করতে আপনার সাইটে প্রবেশ করতে পারেন ...

http://www.webrichtlijnen.nl/english/


2

আমি মার্ক পিলগ্রিমের অবাধে ডাউনলোডযোগ্য বই ডাইভ ইন অ্যাক্সেসিবিলিটি পেয়েছি এই থিমটির একটি দরকারী রেফারেন্স পয়েন্ট হিসাবে । এটি ২০০২ সালের তবে এখনও খুব প্রাসঙ্গিক। "ক্রেফুল অবক্ষয় ব্যবহার করুন" এর মতো পরামর্শ পুরানো হয় না।


2

ডাব্লুআইএআইএআরআইএ মনে হচ্ছে এটি এখন আমাদের অ্যাক্সেসিবিলিটি অস্ত্রাগারের যোগ হতে পারে।

ডাব্লুআইএআইএআরআইএ সম্পর্কিত কিছু তথ্য - http://www.alistapart.com/articles/waiaria


1

আমি মনে করি আপনাকে এই সাইটটি http://www.totalediaator.com বা উপলব্ধ ফায়ারফক্স প্লাগইন ব্যবহার করতে হবে । এটিতে বেশ কয়েকটি অক্ষমতা বৈধতা রয়েছে এবং যা অনুপস্থিত রয়েছে তা পতাকাঙ্কিত করবে।


1

# 1 উত্তরটি সহজ: বৈধ লিখুন, শব্দার্থগতভাবে সঠিক HTML / সিএসএস !!! উপরের সমস্ত পরামর্শ ভাল। এখানে কয়েক বছর আগে আমি লিখেছিলাম এমন একটি চেকলিস্ট যা আপনাকে সমস্ত সাইটে চেক করা উচিত এমন কয়েকটি জিনিস দেখায়: https://forge.iowa.gov/wiki/index.php/Web_Checklist । এটি ধরে নেয় যে এফএফে আপনার কাছে ওয়েব বিকাশকারী সরঞ্জামদণ্ড রয়েছে তবে এটি নিখরচায় এবং সহজেই পাওয়া যায়।

আমি মনে করি এমন কয়েকটি সহজ জিনিস যা সত্যই পার্থক্য করতে পারে:

ফর্মগুলির জন্য, LABEL ট্যাগটি ব্যবহার করতে ভুলবেন না। এটি রেডিও বোতামগুলির মতো জিনিসের জন্য একটি বৃহত ক্লিকযোগ্য অঞ্চল তৈরি করে এবং পর্দার পাঠকদের জন্য জিনিসগুলিকে একসাথে যুক্ত করে।

আমি অন্য যে জিনিসটিকে সাধারণত অপব্যবহার করি তা হ'ল এইচ 1, এইচ 2, এইচ 3 ... ট্যাগ। যদি সঠিকভাবে ব্যবহার করা হয় তবে এগুলি কাউকে আপনার পৃষ্ঠায় সহজেই নেভিগেট করতে সহায়তা করতে পারে। যদি আমরা কেবল তাদের স্টাইল করি এবং সেগুলি উইলি-নিলি ব্যবহার করি তবে এটি স্ক্রিন পাঠক এবং অন্যান্য মাউস-কম I / O ডিভাইসগুলির পক্ষে খুব বিভ্রান্তিকর।

আপনার সমস্ত সুন্দর সিএসএস এবং চিত্রগুলি ছাড়াই আপনার পৃষ্ঠায় নেভিগেট করা এমন কাউকে সামগ্রীতে অতীতের পুনরাবৃত্তি কোডটি এড়িয়ে যাওয়ার অনুমতি দেওয়াও ভাল। এটি সাধারণত একটি এসকেআইপি লিঙ্ক ব্যবহার করে অর্জন করা হয় যা CSS এ লুকানো থাকে। উদাহরণস্বরূপ, <a href="#skipnav" class="noshow">Skip past navigation to content.</a>একটি দীর্ঘ নেভিগেশন অতীত এড়ানো অনুমতি দেওয়া।

টনির বক্তব্য অনুসারে, সর্বোত্তম পরীক্ষাগুলির মধ্যে একটি হল আপনার পৃষ্ঠার সমস্ত ঘণ্টা এবং হুইসেলগুলি কেটে ফেলা এবং এটি এখনও বোধগম্য হয় কিনা তা দেখুন।


ALT ট্যাগগুলির বিষয়ে ... প্রতিটি চিত্রের একটি ALT ট্যাগ হওয়া উচিত । চিত্রটি যদি বিষয়বস্তু হয় তবে এটিতে ALT ট্যাগে বর্ণনামূলক কিছু থাকা উচিত, এটি যদি কেবল সজ্জা হয় তবে alt=""জেএডব্লিউএসের মতো স্ক্রিন পাঠকরা কেবল সেগুলি দিয়ে যেতে পারে তা বোঝাতে খালি উদ্ধৃতি ব্যবহার করুন।
ph33nyx
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.