# যেসব অ্যাক্সেসিবিলিটি সমস্যা আমরা পরীক্ষা করি

<https://www.fixreports.com/bn/issues>

প্রতিটি পেজ এমন একটি সমস্যা ব্যাখ্যা করে, যা আমাদের স্বয়ংক্রিয় পরীক্ষায় ধরা পড়ে: এর অর্থ কী, এটি কোন WCAG মানদণ্ডের সঙ্গে সম্পর্কিত, যেকোনো সাইট, Shopify ও WooCommerce-এ কীভাবে ঠিক করবেন, এবং সংশোধন কীভাবে যাচাই করবেন।

## অ্যাক্সেসিবিলিটির সমস্যা
- [ARIA দিয়ে লুকানো এলিমেন্ট ফোকাসযোগ্য হতে পারবে না বা এর ভেতরে ফোকাসযোগ্য এলিমেন্ট থাকতে পারবে না](https://www.fixreports.com/bn/issues/aria-hidden-focus): WCAG 4.1.2 · লেভেল A. ফোকাস পাওয়া যায় এমন এলিমেন্ট স্ক্রিন রিডার থেকে লুকানো, কিন্তু কিবোর্ড দিয়ে তবুও সেগুলোতে পৌঁছানো যায়। (ARIA অ্যাট্রিবিউট ও রোল)
- [autocomplete অ্যাট্রিবিউট সঠিকভাবে ব্যবহার করতে হবে](https://www.fixreports.com/bn/issues/autocomplete-valid): WCAG 1.3.5 · লেভেল AA. একটি ফর্ম ফিল্ডে এমন autocomplete মান ব্যবহার করা হয়েছে, যা ব্রাউজার চেনে না। (লেবেল ছাড়া ফর্ম ফিল্ড)
- [বাটনে বোঝা যায় এমন লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/button-name): WCAG 4.1.2 · লেভেল A. কিছু বাটনের কোনো অ্যাক্সেসিবল নাম নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা শুধু ‘বাটন’ শোনেন। (নাম ছাড়া লিংক ও বাটন)
- [এলিমেন্টকে ন্যূনতম রঙের কনট্রাস্ট অনুপাতের সীমা পূরণ করতে হবে](https://www.fixreports.com/bn/issues/color-contrast): WCAG 1.4.3 · লেভেল AA. কিছু লেখা তার পটভূমি থেকে যথেষ্ট আলাদা হয়ে চোখে পড়ে না, তাই কম দৃষ্টিশক্তির মানুষ সেটি পড়তে পারেন না। (কম রঙের কনট্রাস্ট)
- [নেভিগেশনে সাহায্যের জন্য ডকুমেন্টে <title> এলিমেন্ট থাকতে হবে](https://www.fixreports.com/bn/issues/document-title): WCAG 2.4.2 · লেভেল A. একটি পেজের কোনো টাইটেল নেই, তাই ব্যবহারকারীরা বুঝতে পারেন না তাঁরা কোন পেজে আছেন। (পেজ টাইটেল)
- [ARIA ও লেবেলে ব্যবহৃত id অনন্য হতে হবে](https://www.fixreports.com/bn/issues/duplicate-id-aria): WCAG 4.1.2 · লেভেল A. লেবেল বা বর্ণনার কাজে ব্যবহৃত একটি id কয়েকটি এলিমেন্টে একই, তাই সহায়ক প্রযুক্তি ভুল লেবেল পড়তে পারে। (ARIA অ্যাট্রিবিউট ও রোল)
- [ফ্রেমের একটি অ্যাক্সেসিবল নাম থাকতে হবে](https://www.fixreports.com/bn/issues/frame-title): WCAG 4.1.2 · লেভেল A. একটি এমবেড করা ফ্রেমের (প্রায়ই ম্যাপ, ভিডিও বা অ্যাপ উইজেট) কোনো টাইটেল নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা জানেন না এতে কী আছে। (পেজের কাঠামো, হেডিং ও ল্যান্ডমার্ক)
- [হেডিং লেভেল একবারে শুধু এক ধাপ বাড়া উচিত](https://www.fixreports.com/bn/issues/heading-order): অ্যাক্সেসিবিলিটির ভালো চর্চা. হেডিং লেভেল বাদ পড়ে যায় (যেমন H2 থেকে সরাসরি H4), ফলে স্ক্রিন রিডার ব্যবহারকারীদের কাছে পেজের কাঠামো বিভ্রান্তিকর হয়। (পেজের কাঠামো, হেডিং ও ল্যান্ডমার্ক)
- [<html> এলিমেন্টে একটি lang অ্যাট্রিবিউট থাকতে হবে](https://www.fixreports.com/bn/issues/html-has-lang): WCAG 3.1.1 · লেভেল A. পেজটি তার ভাষা ঘোষণা করে না, তাই স্ক্রিন রিডার হয়তো ভুল উচ্চারণে পড়বে। (পেজের ভাষা)
- [<html> এলিমেন্টের lang অ্যাট্রিবিউটের মান বৈধ হতে হবে](https://www.fixreports.com/bn/issues/html-lang-valid): WCAG 3.1.1 · লেভেল A. পেজের ভাষার কোডটি বৈধ নয়, তাই স্ক্রিন রিডার সঠিক ভয়েস বেছে নিতে পারে না। (পেজের ভাষা)
- [ছবিতে বিকল্প লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/image-alt): WCAG 1.1.1 · লেভেল A. ছবিগুলোতে বিকল্প লেখা নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা জানতে পারেন না ছবিতে কী আছে। (বিকল্প লেখা ছাড়া ছবি)
- [input বাটনে বোঝা যায় এমন লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/input-button-name): WCAG 4.1.2 · লেভেল A. একটি input বাটনে কোনো লেখা নেই, তাই স্ক্রিন রিডার বলতে পারে না এটি কী করে। (লেবেল ছাড়া ফর্ম ফিল্ড)
- [ইমেজ বাটনে বিকল্প লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · লেভেল A. একটি ইমেজ বাটনে কোনো alt টেক্সট নেই, তাই স্ক্রিন রিডার বলতে পারে না এটি কী করে। (বিকল্প লেখা ছাড়া ছবি)
- [ফর্ম এলিমেন্টে লেবেল থাকতে হবে](https://www.fixreports.com/bn/issues/label): WCAG 4.1.2 · লেভেল A. কিছু ফর্ম ফিল্ডের কোনো লেবেল নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা জানেন না কী লিখতে হবে। (লেবেল ছাড়া ফর্ম ফিল্ড)
- [ডকুমেন্টে একটি main ল্যান্ডমার্ক থাকা উচিত](https://www.fixreports.com/bn/issues/landmark-one-main): অ্যাক্সেসিবিলিটির ভালো চর্চা. পেজে কোনো main ল্যান্ডমার্ক নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা সরাসরি কনটেন্টে যেতে পারেন না। (পেজের কাঠামো, হেডিং ও ল্যান্ডমার্ক)
- [রঙের ওপর নির্ভর না করেই লিংক আলাদা করে চেনা যেতে হবে](https://www.fixreports.com/bn/issues/link-in-text-block): WCAG 1.4.1 · লেভেল A. অনুচ্ছেদের ভেতরের লিংকগুলো শুধু রং দিয়ে আলাদা করা, তাই যাঁরা রঙের পার্থক্য দেখতে পান না, তাঁরা সেগুলো খেয়াল করেন না। (কম রঙের কনট্রাস্ট)
- [লিংকে বোঝা যায় এমন লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/link-name): WCAG 2.4.4, 4.1.2 · লেভেল A. কিছু লিংকে এমন কোনো লেখা নেই যা স্ক্রিন রিডার ঘোষণা করতে পারে; প্রায়ই এগুলো শুধু আইকনের লিংক, যেমন সোশ্যাল আইকন বা কার্ট আইকন। (নাম ছাড়া লিংক ও বাটন)
- [জুম ও আকার বড় করা বন্ধ করা যাবে না](https://www.fixreports.com/bn/issues/meta-viewport): WCAG 1.4.4 · লেভেল AA. পেজটি মোবাইলে পিঞ্চ-জুম আটকে দেয়। (জুম ও রিফ্লো)
- [পেজে একটি লেভেল-এক হেডিং থাকা উচিত](https://www.fixreports.com/bn/issues/page-has-heading-one): অ্যাক্সেসিবিলিটির ভালো চর্চা. পেজে কোনো শীর্ষ-স্তরের হেডিং নেই। (পেজের কাঠামো, হেডিং ও ল্যান্ডমার্ক)
- [পেজের সব কনটেন্ট ল্যান্ডমার্কের ভেতরে থাকা উচিত](https://www.fixreports.com/bn/issues/region): অ্যাক্সেসিবিলিটির ভালো চর্চা. কিছু কনটেন্ট কোনো পেজ ল্যান্ডমার্কের (header, nav, main বা footer) ভেতরে নেই। (পেজের কাঠামো, হেডিং ও ল্যান্ডমার্ক)
- [[role="img"] ও [role="image"] এলিমেন্টে বিকল্প লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/role-img-alt): WCAG 1.1.1 · লেভেল A. ছবি হিসেবে উপস্থাপিত একটি এলিমেন্টে কোনো বিকল্প লেখা নেই। (বিকল্প লেখা ছাড়া ছবি)
- [স্ক্রল করার অংশে কিবোর্ড দিয়ে পৌঁছানো যেতে হবে](https://www.fixreports.com/bn/issues/scrollable-region-focusable): WCAG 2.1.1 · লেভেল A. একটি স্ক্রল করার অংশে কিবোর্ড দিয়ে পৌঁছানো যায় না, তাই কিবোর্ড ব্যবহারকারীরা সেটি স্ক্রল করতে পারেন না। (কিবোর্ড অ্যাক্সেস ও ফোকাস)
- [select এলিমেন্টের একটি অ্যাক্সেসিবল নাম থাকতে হবে](https://www.fixreports.com/bn/issues/select-name): WCAG 4.1.2 · লেভেল A. একটি ড্রপডাউনের (প্রায়ই সর্ট বা ভ্যারিয়েন্ট সিলেক্টর) কোনো লেবেল নেই। (লেবেল ছাড়া ফর্ম ফিল্ড)
- [img বা image role থাকা <svg> এলিমেন্টে বিকল্প লেখা থাকতে হবে](https://www.fixreports.com/bn/issues/svg-img-alt): WCAG 1.1.1 · লেভেল A. তথ্য বহন করে এমন একটি SVG ছবিতে কোনো বিকল্প লেখা নেই। (বিকল্প লেখা ছাড়া ছবি)
- [সব টাচ টার্গেট 24px বড় হতে হবে, অথবা চারপাশে যথেষ্ট জায়গা রাখতে হবে](https://www.fixreports.com/bn/issues/target-size): WCAG 2.5.8 · লেভেল AA. কিছু ট্যাপ টার্গেট 24 × 24 পিক্সেলের চেয়ে ছোট এবং একটি আরেকটির খুব কাছে, ফলে ফোনে সেগুলোতে ঠিকমতো ট্যাপ করা কঠিন। (কিবোর্ড অ্যাক্সেস ও ফোকাস)