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

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

WCAG 2.4.4 লিংকের উদ্দেশ্য (প্রসঙ্গসহ), 4.1.2 নাম, রোল, মান · লেভেল A

কিছু লিংকে এমন কোনো লেখা নেই যা স্ক্রিন রিডার ঘোষণা করতে পারে; প্রায়ই এগুলো শুধু আইকনের লিংক, যেমন সোশ্যাল আইকন বা কার্ট আইকন।

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

## কেন এটি গুরুত্বপূর্ণ
WCAG 2.4.4 ও 4.1.2 অনুযায়ী লিংকের এমন একটি অ্যাক্সেসিবল নাম থাকতে হবে, যা তার উদ্দেশ্য বর্ণনা করে।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. নামহীন লিংকগুলো খুঁজে বের করুন। এগুলোর বেশিরভাগই একটি <a> ট্যাগের ভেতরের আইকন বা ছবি।
2. লিংকের ভেতরে চোখে-না-দেখা (visually hidden) লেখা যোগ করুন, অথবা aria-label="Instagram" বা aria-label="Cart"-এর মতো একটি aria-label দিন।
3. লিংকের ভেতরে ছবি থাকলে বরং ছবিটিকে অর্থবহ alt টেক্সট দিন।

### Shopify-তে
1. নামহীন লিংকগুলো খুঁজে বের করুন। এগুলোর বেশিরভাগই একটি <a> ট্যাগের ভেতরের আইকন বা ছবি।
2. লিংকের ভেতরে চোখে-না-দেখা (visually hidden) লেখা যোগ করুন, অথবা aria-label="Instagram" বা aria-label="Cart"-এর মতো একটি aria-label দিন।
3. লিংকের ভেতরে ছবি থাকলে বরং ছবিটিকে অর্থবহ alt টেক্সট দিন।

### WooCommerce ও WordPress-এ
1. নামহীন লিংকগুলো খুঁজে বের করুন। এগুলোর বেশিরভাগই একটি <a> ট্যাগের ভেতরের আইকন বা ছবি।
2. লিংকের ভেতরে চোখে-না-দেখা (visually hidden) লেখা যোগ করুন, অথবা aria-label="Instagram" বা aria-label="Cart"-এর মতো একটি aria-label দিন।
3. লিংকের ভেতরে ছবি থাকলে বরং ছবিটিকে অর্থবহ alt টেক্সট দিন।

## সংশোধন কীভাবে যাচাই করবেন
- আবার স্ক্যান করুন এবং নিশ্চিত হন যে link-name আর নেই।
- স্ক্রিন রিডার চালু রেখে Tab চেপে প্রতিটি লিংকে যান এবং তার নাম শুনুন।

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