# বাটনে বোঝা যায় এমন লেখা থাকতে হবে

<https://www.fixreports.com/bn/issues/button-name>

WCAG 4.1.2 নাম, রোল, মান · লেভেল A

কিছু বাটনের কোনো অ্যাক্সেসিবল নাম নেই, তাই স্ক্রিন রিডার ব্যবহারকারীরা শুধু ‘বাটন’ শোনেন।

## এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে বাটনগুলোতে বোঝা যায় এমন লেখা আছে.

## কেন এটি গুরুত্বপূর্ণ
WCAG 4.1.2 অনুযায়ী প্রতিটি কন্ট্রোলের একটি নাম থাকতে হবে। নামহীন বাটনের মধ্যে প্রায়ই থাকে পরিমাণ বাড়ানো-কমানোর বাটন, বন্ধ করার বাটন ও স্লাইডারের তীরচিহ্ন।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. নামহীন বাটনগুলো খুঁজে বের করুন, সাধারণত যেসব বাটন শুধু একটি আইকন দেখায়।
2. দৃশ্যমান লেখা, চোখে-না-দেখা (visually hidden) লেখা, অথবা বাটনটি কী করে তা জানানো একটি aria-label যোগ করুন (যেমন aria-label="Close" বা aria-label="Increase quantity")।

### Shopify-তে
1. নামহীন বাটনগুলো খুঁজে বের করুন, সাধারণত যেসব বাটন শুধু একটি আইকন দেখায়।
2. দৃশ্যমান লেখা, চোখে-না-দেখা (visually hidden) লেখা, অথবা বাটনটি কী করে তা জানানো একটি aria-label যোগ করুন (যেমন aria-label="Close" বা aria-label="Increase quantity")।

### WooCommerce ও WordPress-এ
1. নামহীন বাটনগুলো খুঁজে বের করুন, সাধারণত যেসব বাটন শুধু একটি আইকন দেখায়।
2. দৃশ্যমান লেখা, চোখে-না-দেখা (visually hidden) লেখা, অথবা বাটনটি কী করে তা জানানো একটি aria-label যোগ করুন (যেমন aria-label="Close" বা aria-label="Increase quantity")।

## সংশোধন কীভাবে যাচাই করবেন
- প্রভাবিত পেজগুলো আবার স্ক্যান করুন।
- স্ক্রিন রিডার দিয়ে বাটনগুলো যাচাই করুন।

## তথ্যসূত্র
- axe-core নিয়মের ডকুমেন্টেশন (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- WCAG 4.1.2-এর ব্যাখ্যা (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value