বাতিঘর অ্যাক্সেসিবিলিটি স্কোর

লাইটহাউস অ্যাক্সেসিবিলিটি স্কোর হল সমস্ত অ্যাক্সেসিবিলিটি অডিটের একটি ওজনযুক্ত গড়। ওজন নির্ধারণ করা হয় ব্যবহারকারীর প্রভাব মূল্যায়নের উপর ভিত্তি করে।

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

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

নিরীক্ষা ওজন
[accesskey] মানগুলি অনন্য
[aria-*] বৈশিষ্ট্যগুলি তাদের ভূমিকার সাথে মেলে ১০
button , link এবং menuitem উপাদানগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
role="dialog" অথবা role="alertdialog" সহ এলিমেন্টগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
[aria-hidden="true"] ডকুমেন্টে উপস্থিত নেই <body> ১০
[aria-hidden="true"] উপাদানগুলিতে ফোকাসযোগ্য ডিসেন্ডেন্ট থাকে না
ARIA ইনপুট ফিল্ডের অ্যাক্সেসযোগ্য নাম রয়েছে
ARIA meter উপাদানগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
ARIA progressbar উপাদানগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
[role] গুলিতে সমস্ত প্রয়োজনীয় [aria-*] বৈশিষ্ট্য রয়েছে ১০
যেসব উপাদানের ARIA [role] থাকে এবং শিশুদের একটি নির্দিষ্ট [role] ধারণ করতে হয়, তাদের সমস্ত প্রয়োজনীয় শিশু থাকে ১০
[role] গুলি তাদের প্রয়োজনীয় প্যারেন্ট এলিমেন্ট দ্বারা অন্তর্ভুক্ত থাকে ১০
[role] মানগুলি বৈধ ১০
role=text অ্যাট্রিবিউট সহ এলিমেন্টগুলিতে ফোকাসযোগ্য ডিসেন্ডেন্ট থাকে না
ARIA টগল ফিল্ডের অ্যাক্সেসযোগ্য নাম রয়েছে
ARIA tooltip উপাদানগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
ARIA treeitem উপাদানগুলির অ্যাক্সেসযোগ্য নাম রয়েছে
[aria-*] বৈশিষ্ট্যের বৈধ মান রয়েছে ১০
[aria-*] বৈশিষ্ট্যগুলি বৈধ এবং ভুল বানান নয় ১০
বোতামগুলির একটি অ্যাক্সেসযোগ্য নাম আছে ১০
পৃষ্ঠাটিতে একটি শিরোনাম, স্কিপ লিঙ্ক, অথবা ল্যান্ডমার্ক অঞ্চল রয়েছে
পটভূমি এবং অগ্রভাগের রঙের মধ্যে পর্যাপ্ত বৈসাদৃশ্য অনুপাত রয়েছে
<dl> এর মধ্যে কেবল সঠিকভাবে সাজানো <dt> এবং <dd> গ্রুপ, <script> , <template> অথবা <div> উপাদান থাকে
সংজ্ঞা তালিকার আইটেমগুলি <dl> এলিমেন্টে মোড়ানো থাকে
ডকুমেন্টে একটি <title> এলিমেন্ট আছে
সক্রিয়, ফোকাসযোগ্য উপাদানগুলির [id] বৈশিষ্ট্যগুলি অনন্য
ARIA আইডিগুলি অনন্য ১০
কোনও ফর্ম ফিল্ডে একাধিক লেবেল নেই
<frame> অথবা <iframe> এলিমেন্টের একটি শিরোনাম থাকে
শিরোনাম উপাদানগুলি ক্রমানুসারে-অবরোহণ ক্রমে প্রদর্শিত হয়
<html> এলিমেন্টের একটি [lang] অ্যাট্রিবিউট আছে
<html> এলিমেন্টের [lang] অ্যাট্রিবিউটের জন্য একটি বৈধ মান রয়েছে
<html> এলিমেন্টের একটি [xml:lang] অ্যাট্রিবিউট আছে যার বেস ল্যাঙ্গুয়েজ [lang] অ্যাট্রিবিউটের মতোই।
চিত্র উপাদানগুলির [alt] বৈশিষ্ট্য রয়েছে ১০
ইনপুট বোতামে স্পষ্ট টেক্সট থাকে ১০
<input type="image"> এলিমেন্টগুলিতে [alt] টেক্সট থাকে ১০
দৃশ্যমান টেক্সট লেবেল সহ উপাদানগুলির সাথে মিলিত অ্যাক্সেসযোগ্য নাম রয়েছে
ফর্ম উপাদানগুলির সাথে সম্পর্কিত লেবেল রয়েছে ১০
ডকুমেন্টে একটি প্রধান ল্যান্ডমার্ক থাকা উচিত
রঙের উপর নির্ভর না করেই লিঙ্কগুলি আলাদা করা যায়
লিঙ্কগুলির একটি স্পষ্ট নাম আছে
তালিকাগুলিতে কেবল <li> উপাদান এবং স্ক্রিপ্ট সমর্থনকারী উপাদান থাকে ( <script> এবং <template> )
তালিকার আইটেমগুলি ( <li> ) <ul> , <ol> অথবা <menu> প্যারেন্ট এলিমেন্টের মধ্যে থাকে
ডকুমেন্টটি <meta http-equiv="refresh"> ব্যবহার করে না। ১০
<meta name="viewport"> এলিমেন্টে [user-scalable="no"] ব্যবহার করা হয় না এবং [maximum-scale] অ্যাট্রিবিউট ৫ এর কম নয়। ১০
<object> এলিমেন্টের বিকল্প টেক্সট থাকে
সংশ্লিষ্ট লেবেল উপাদান আছে এমন উপাদান নির্বাচন করুন ১০
স্কিপ লিঙ্কগুলি ফোকাসযোগ্য
কোনও উপাদানের [tabindex] মান 0 এর বেশি হয় না।
টেবিলগুলি ক্যাপশন নির্দেশ করার জন্য [colspan] অ্যাট্রিবিউট সহ কোষের পরিবর্তে <caption> ব্যবহার করে।
একটি বৃহৎ <table> এর <td> এলিমেন্টের এক বা একাধিক টেবিল হেডার থাকে ১০
<table> এলিমেন্টের যে ঘরগুলি [headers] অ্যাট্রিবিউট ব্যবহার করে, সেগুলি একই টেবিলের মধ্যে থাকা টেবিল কোষগুলিকে নির্দেশ করে।
<th> এলিমেন্ট এবং [role="columnheader"/"rowheader"] সহ এলিমেন্টগুলিতে ডেটা সেল থাকে যা তারা বর্ণনা করে
[lang] বৈশিষ্ট্যের একটি বৈধ মান আছে
<video> এলিমেন্টগুলিতে [kind="captions"] সহ একটি <track> এলিমেন্ট থাকে ১০