কাজ থেকে শুরু করুন এবং ছোট ইনফরমেশন আর্কিটেকচার রাখুন
ইনফরমেশন আর্কিটেকচার হলো কন্টেন্ট ও ফাংশনগুলো কীভাবে গ্রুপ করা, নামকরণ করা এবং সংযুক্ত করা হয়। ভিজিটরের কাজগুলো তালিকাভুক্ত করুন, তারপর প্রতিটি কাজের শুরু পৃষ্ঠা, পরবর্তী পৃষ্ঠা এবং সফল শেষ অবস্থার মানচিত্র করুন। এতে দেখা যায় কোন মেনু আইটেমটি উপকারী নাকি ভিজিটরকে ডিকোড করতে হবে এমন অভ্যন্তরীণ লেবেল। প্রাথমিক নেভিগেশন এমন সেকশনে সীমাবদ্ধ রাখুন যা ওই কাজগুলো শুরু করে।
নেভিগেশন হলো সাইটম্যাপ নয়। GOV.UK পরামর্শ দেয় উপকারী টপ-লেভেল সেকশনগুলো তালিকাভুক্ত করতে, প্রতিটি সার্ভিসের প্রতিটি অংশ নয়। যখন একটি জার্নিতে বাধ্যতামূলক ক্রম থাকে, তখন তা গ্লোবাল মেনু থেকে অনুমান করানোর পরিবর্তে কন্টেন্ট বা টাস্ক তালিকায় দেখান।
পৃষ্ঠাগুলো একসাথে রাখুন যখন ভিজিটর একই ধরনের উত্তর বা কাজ আশা করে, টিম মালিকানার কারণে নয়।
ঘন শিরোনাম (dense header) না রেখে ল্যান্ডিং পৃষ্ঠা ও প্রসঙ্গগত লিঙ্ক দিয়ে বিস্তারিত দেখান।
গন্তব্য অনুমানযোগ্য করে এমন লেবেল ব্যবহার করুন
একটি লেবেল হলো পিছনের সম্পর্কে একটি প্রতিশ্রুতি। যখন গন্তব্যের সঙ্গে মেলে, তখন পরিচিত নাম ব্যবহার করুন যেমন “Pricing”, “Documentation”, “Get support”, বা “Manage account”। অস্পষ্ট লেবেল যেমন “Resources” বা “Explore” এড়িয়ে চলুন যদি না ভিজিটর বিষয়বস্তু অনুমান করতে পারে। শব্দচয়ন ও ক্রম সঙ্গত রাখুন।
Google সংক্ষিপ্ত, প্রাসঙ্গিক লিংক টেক্সট পরামর্শ করে যা প্রসঙ্গ ছাড়া বুঝতে সহজ। সাধারণ “click here” এবং কীওয়ার্ড-ভরা লিংক উভয়ই তা করে না। শুধুমাত্র আইকন-নির্ভর কন্ট্রোলকে তার ক্রিয়া বর্ণনা করে একটি অ্যাক্সেসিবল নাম দিন।
গন্তব্য যদি প্ল্যান হয়, তখন “Learn more” না বলে “View plans” ব্যবহার করুন।
অ্যাকটিভ গন্তব্যকে ভিজ্যুয়ালি এবং প্রোগ্রাম্যাটিকভাবে চিহ্নিত করুন; W3C aria-current=page নির্দেশ করে প্রদর্শিত পৃষ্ঠার জন্য।
গন্তব্যগুলো ক্রালযোগ্য ও কাঠামোগতভাবে পরিষ্কার রাখুন
সাধারণত একটি নেভিগেশন গন্তব্য হওয়া উচিত একটি HTML অ্যাঙ্কর যার href একটি বাস্তব ওয়েব ঠিকানায় রেজলভ করে। Google বলে যে এই ফর্ম সাধারণত ক্রল করতে পারে, এমনকি ডাইনামিক্যালি ইনসার্ট করা অ্যাঙ্করও যদি রেন্ডার করা মার্কআপ সেই কাঠামো বজায় রাখে। একটি ক্লিক হ্যান্ডলার বা কাস্টম অ্যাট্রিবিউট একা নির্ভরযোগ্য বিকল্প নয়। কেবল ফ্রেমওয়ার্ক সোর্স নয়, রেন্ডার করা আউটপুট পরীক্ষা করুন।
প্রধান নেভিগেশনের আশেপাশে সেম্যানটিক স্ট্রাকচার ব্যবহার করুন। W3C একটি nav উপাদান ব্যবহার করার পরামর্শ দেয় এবং সাধারণ সাইট নেভিগেশনের জন্য একটি লিস্ট। যদি একটি পৃষ্ঠা একাধিক নেভিগেশন অঞ্চল রাখে, প্রতিটি লেবেল করুন যাতে স্ক্রিন-রিডার ব্যবহারকারী প্রাইমারি নেভিগেশনকে ফুটার বা লোকাল নেভিগেশন থেকে আলাদা করতে পারে।
ক্লায়েন্ট-সাইড রেন্ডারিংয়ের পরে গুরুত্বপূর্ণ ডেস্কটপ ও মোবাইল গন্তব্যগুলির অ্যাঙ্কর ও href আছে তা নিশ্চিত করুন।
URL Inspection গুগলের ক্রল, ইনডেক্স, ও সার্ভিং তথ্য দেয়; এটি প্রমাণ করে না যে ভিজিটররা একটি পৃষ্ঠা ঠিকভাবে খুঁজে পাচ্ছে।
মোবাইল মেনুকে একটি সম্পূর্ণ ইন্টারঅ্যাকশন হিসেবে ডিজাইন করুন
রেসপনসিভ নেভিগেশন কোল্যাপ্স হতে পারে, কিন্তু যে গন্তব্যগুলো থাকে সেগুলো স্ক্রীন সাইজ পরিবর্তে একই শব্দ, ক্রম, এবং টার্গেট রাখুক। W3C সাবন্যাভিগেশন আইটেম গোপন বা কোল্যাপ্স করার অনুমতি দেয় তবে সামঞ্জস্যর দাবি রাখে। হেডার ভিড় হওয়ার কারণে একটি গুরুত্বপূর্ণ রুটকে ডেস্কটপ-অনলি করবেন না; নিম্ন-প্রাধান্যের বিষয় পুনর্বহাল করুন বা আর্কিটেকচার পুনর্বিবেচনা করুন।
শো-এন্ড-হাইড মেনুর জন্য, একটি বাটন ব্যবহার করুন যা লিংক গ্রুপ নিয়ন্ত্রণ করে এবং বলবে এটি খোলা আছে কিনা। W3C’র disclosure-navigation উদাহরণ aria-expanded এবং aria-controls ব্যবহার করে এবং Tab, Shift+Tab, ও Escape নথিভুক্ত করে। এটি প্রশিক্ষণমূলক, তাই আপনার কম্পোনেন্টটি আপনার শ্রোতাদের ব্যবহৃত কী-বিশ্লেষণের সঙ্গে পরীক্ষা করুন।
যখন একটি প্যারেন্ট পৃষ্ঠা এবং তার চাইল্ড লিঙ্ক দুটোই দরকার, পৃষ্ঠা লিঙ্কটিকে প্রসারণ কন্ট্রোল থেকে পৃথক করুন।
পয়েন্টার হোভার দ্বারা প্রকাশিত যেকোনো কিছুই কীবোর্ড ফোকাস এবং টাচ দিয়ে আবিষ্কেয় হওয়া উচিত।
অরিয়েন্টেশন ও কীবোর্ড সফরের জন্য সমর্থন করুন
কীবোর্ড অ্যাক্সেস একটি ফিনিশিং টাচ নয়। WCAG 2.1 Success Criterion 2.1.1 নির্ধারণ করে যে পাথ-নির্ভর ইনপুট বাদে কার্যকারিতা কীবোর্ড ইন্টারফেসের মাধ্যমে অপারেবল থাকতে হবে। একটি হেডারে ভিজিটরদের উচিত Tab দিয়ে কন্ট্রোলগুলোতে যেতে, ফোকাস দেখা, লিঙ্ক ও বাটন অ্যাক্টিভেট করা, এবং কোন ট্র্যাপে আটকে না থেকে সরে যাওয়া।
পুনরাবৃত্ত হেডার লিঙ্ক পেজগুলোকে ধীরগতির করে দিতে পারে। একটি স্কিপ লিংক কীবোর্ড ব্যবহারকারীদের মেইন কন্টেন্টে পৌঁছানোর রুট দেয়। GOV.UK ব্যাখ্যা করে এটি ভিজ্যুয়ালি লুকানো থাকে যতক্ষণ না কীবোর্ড ব্যবহার এটি সক্রিয় করে। পরীক্ষা করুন যে এটি একটি অর্থপূর্ণ টার্গেট ল্যান্ড করে।
জুম করা অবস্থায়ও দৃশ্যমান থাকা একটি স্পষ্ট বিকল্প না থাকলে ব্রাউজারের ফোকাস ইন্ডিকেটর সরাবেন না।
হেডার থেকে গন্তব্য পৃষ্ঠায় Tab, Shift+Tab, Enter, Space, এবং Escape ব্যবহার করুন।
রিলিজের আগে ও পরে উদ্ধারযোগ্যতা (findability) পরীক্ষা করুন
প্রতিনিধি ব্যবহারকারীদের বাস্তবসম্মত একটি কাজ সম্পন্ন করতে বলুন, যেমন বাতিলকরণের নির্দেশ খোঁজা বা প্ল্যান তুলনা করা। দেখুন তারা কোথায় যাওয়ার আশা করে, কোন লেবেলগুলো ভুল পড়ে, এবং নেভিগেশন ব্যর্থ হওয়ায় তারা কি সার্চ-এ নির্ভর করে। তাদের উদ্দেশ্যকারী লেবেলে নিয়ে যাবেন না। প্রতিটি প্রতিবন্ধকতা রেকর্ড করুন এবং সেটি অপসারণের জন্য সবচেয়ে ছোট পরিবর্তন চিহ্নিত করুন।
টাস্ক-টেস্টিংয়ের সাথে টেকনিক্যাল চেক জোড়া দিন। W3C’s Easy Checks মাউস ছাড়া পরীক্ষা, ফোকাস দৃশ্যমানতা, ট্যাব অর্ডার, কীবোর্ড ট্র্যাপ এবং ড্রপডাউন পরীক্ষা করার পরামর্শ দেয়। মূল কাজগুলোকে সরু চওড়া এবং বড় টেক্সট সাইজে পুনরায় চালান। অটোমেটেড চেক মার্কআপ সমস্যা ফ্ল্যাগ করতে পারে, কিন্তু একটি লেবেল বোঝায় কিনা তা স্থাপন করতে পারে না।
টেস্টের আগে ইচ্ছাকৃত এন্ডপয়েন্ট এবং সমর্থিত ডিভাইস বা ইনপুট পদ্ধতি রেকর্ড করুন।
স্টেকহোল্ডারের পছন্দ নয়, বরং একই টাস্কের বিরুদ্ধে পুরানো ও নতুন রুট পরীক্ষা করুন।
নেভিগেশন পরিবর্তনগুলোকে উপলব্ধতা-সংবেদনশীল রিলিজ হিসেবে behandeln করুন
একটি হেডার লোড হলেও একটি গুরুত্বপূর্ণ পথ কার্যত ব্যবহারযোগ্য না হতে পারে: একটি চেকআউট, লগইন, সাপোর্ট রুট বা ডকুমেন্টেশন পৃষ্ঠা ভাঙা স্টেট, স্টেইল লিঙ্ক অথবা ভুল রিডাইরেক্টের পিছনে থাকতে পারে। রিলিজের আগে গুরুত্বপূর্ণ গন্তব্যের ইনভেন্টরি নিন, ডেস্কটপ ও মোবাইল রুট পরীক্ষা করুন, এবং রেন্ডার করা লিঙ্কগুলি উদ্দেশ্যপূর্ন পৃষ্ঠায় পৌঁছায় কি না নিশ্চিত করুন। অথরাইজড পরিবেশ ব্যবহার করুন অথেনটিকেটেড বা রিজিওনাল পাথের জন্য।
SIU’র ভূমিকা হলো প্র্যাকটিভ রেমিডিয়েশন: একটি প্রি-ফ্লাইট চালান, ডিপ্লয়মেন্টের পরে অপরিহার্য পথ যাচাই করুন, এবং সংশোধন প্রত্রিয়াশীল রাখুন। একটি সংস্করণ-কৃত মেনু কনফিগারেশন রাখুন, যে ব্যক্তি এটিকে পুনরুদ্ধার করতে পারে তাকে নাম দিন, এবং পুনরায় যাচাই করুন যে পুনরুদ্ধারকৃত পথগুলো ঠিক চলছে কি না। এটি রিলিজ ইমপ্যাক্ট সীমিত করে; এটি ইউজারবিলিটি রিসার্চ বা লাইভ-স্ট্যাটাস মনিটরিং প্রতিস্থাপন করে না।
একটি গুরুত্বপূর্ণ গন্তব্য অনুপস্থিত, ভুল বা কীবোর্ড ও টাচ দিয়ে পৌঁছানো যাবে না এমন অবস্থায় প্রকাশ বন্ধ করুন।
পুনর্গঠনের আগে পূর্ব কনফিগারেশন, মালিক, ট্রিগার, এবং ভ্যালিডেশন ধাপগুলো ডকুমেন্ট করুন।