# হেডিং লেভেল একবারে শুধু এক ধাপ বাড়া উচিত

<https://www.fixreports.com/bn/issues/heading-order>

অ্যাক্সেসিবিলিটির ভালো চর্চা

হেডিং লেভেল বাদ পড়ে যায় (যেমন H2 থেকে সরাসরি H4), ফলে স্ক্রিন রিডার ব্যবহারকারীদের কাছে পেজের কাঠামো বিভ্রান্তিকর হয়।

## এই নিয়ম কী যাচাই করে
নিশ্চিত করে যে হেডিংয়ের ক্রম অর্থের দিক থেকে সঠিক.

## কেন এটি গুরুত্বপূর্ণ
স্ক্রিন রিডার ব্যবহারকারীরা হেডিং ধরে পেজে চলাচল করেন। এটি WCAG 1.3.1-কে সমর্থন করে এমন একটি ভালো চর্চা।

## কীভাবে ঠিক করবেন
### যেকোনো ওয়েবসাইটে
1. প্রভাবিত সেকশনগুলোর হেডিং লেভেল এমনভাবে ঠিক করুন, যাতে সেগুলো কোনো লেভেল বাদ না দিয়ে ক্রমানুসারে চলে।
2. শুধু ট্যাগ বদলান, দেখতে কেমন তা নয় (আকারের জন্য CSS ক্লাস ব্যবহার করুন)।

### Shopify-তে
1. প্রভাবিত সেকশনগুলোর হেডিং লেভেল এমনভাবে ঠিক করুন, যাতে সেগুলো কোনো লেভেল বাদ না দিয়ে ক্রমানুসারে চলে।
2. শুধু ট্যাগ বদলান, দেখতে কেমন তা নয় (আকারের জন্য CSS ক্লাস ব্যবহার করুন)।

### WooCommerce ও WordPress-এ
1. প্রভাবিত সেকশনগুলোর হেডিং লেভেল এমনভাবে ঠিক করুন, যাতে সেগুলো কোনো লেভেল বাদ না দিয়ে ক্রমানুসারে চলে।
2. শুধু ট্যাগ বদলান, দেখতে কেমন তা নয় (আকারের জন্য CSS ক্লাস ব্যবহার করুন)।

## সংশোধন কীভাবে যাচাই করবেন
- আবার স্ক্যান করুন এবং HeadingsMap-এর মতো একটি ব্রাউজার এক্সটেনশন দিয়ে হেডিংয়ের কাঠামো যাচাই করুন।

## তথ্যসূত্র
- axe-core নিয়মের ডকুমেন্টেশন (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order
