Highcharts Accessibility Module হলো একটি অতিরিক্ত মডিউল, যা আপনার Highcharts গ্রাফ এবং চার্টগুলিকে অ্যাক্সেসিবল (অর্থাৎ সহজে ব্যবহারের উপযোগী) করে তোলে, বিশেষ করে ভিজ্যুয়াল ইম্পেয়ারড (Visual Impaired) বা দৃষ্টিহীন ব্যবহারকারীদের জন্য। এটি স্ক্রীন রিডার, কিবোর্ড নেভিগেশন, এবং অন্যান্য অ্যাক্সেসিবল টুলসের মাধ্যমে চার্টে এক্সেস প্রদান করে।
এটি আপনার চার্টকে WCAG (Web Content Accessibility Guidelines) এবং Section 508 এর মতো এক্সেসিবিলিটি স্ট্যান্ডার্ড অনুযায়ী কাস্টমাইজ এবং অপটিমাইজ করতে সহায়ক।
Highcharts Accessibility Module ইনস্টলেশন
Highcharts এর Accessibility Module ব্যবহার করতে হলে আপনাকে এই মডিউলটি আলাদাভাবে লোড করতে হবে, কারণ এটি Highcharts এর ডিফল্ট অংশ নয়।
পদক্ষেপ:
- Highcharts লাইব্রেরি প্রথমে লোড করতে হবে।
- এরপর Accessibility Module লোড করতে হবে।
Highcharts এর Accessibility Module ইনস্টল করার জন্য আপনি নিচের স্ক্রিপ্ট লিঙ্ক ব্যবহার করতে পারেন।
Highcharts Accessibility Module লোড করা
<!DOCTYPE html>
<html>
<head>
<title>Highcharts Accessibility Module Example</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script> <!-- Accessibility Module -->
</head>
<body>
<div id="container" style="width: 100%; height: 400px;"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Sales Data'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
title: {
text: 'Sales'
}
},
series: [{
name: 'Sales',
data: [10, 20, 30, 40, 50]
}],
accessibility: {
enabled: true // Accessibility Module সক্রিয় করা
}
});
</script>
</body>
</html>
এখানে, accessibility.js স্ক্রিপ্ট ফাইলটি লোড করা হয়েছে, যা আপনার চার্টে অ্যাক্সেসিবিলিটি ফিচার সক্রিয় করবে। পাশাপাশি, accessibility: { enabled: true } অপশনটি দিয়ে আপনি Highcharts এ অ্যাক্সেসিবিলিটি সক্ষম করেছেন।
Highcharts Accessibility Module এর সুবিধা
1. স্ক্রীন রিডার সমর্থন
এই মডিউলটি স্ক্রীন রিডার (screen readers) এর মাধ্যমে চার্টের ডেটা বর্ণনা করতে সক্ষম, যা দৃষ্টিহীন বা দৃষ্টির সমস্যাযুক্ত ব্যবহারকারীদের জন্য সহায়ক।
2. কিবোর্ড নেভিগেশন
Highcharts Accessibility Module কিবোর্ডের মাধ্যমে চার্টে নেভিগেট করার সুযোগ প্রদান করে। এটি ব্যবহারকারীদের চার্টে কোনো পয়েন্ট বা সিরিজ নির্বাচন করতে সাহায্য করে।
3. এলার্ট এবং মেসেজ
এটি ব্যবহারকারীদের জন্য অ্যালার্ট এবং মেসেজ প্রদান করতে সক্ষম, যেমন এক্সপোর্ট অপশন বা অন্যান্য ক্রিয়া সম্পাদিত হলে।
4. WCAG 2.0 সাপোর্ট
Highcharts Accessibility Module WCAG 2.0 এবং Section 508 এর সাথে সামঞ্জস্যপূর্ণ, যা আপনার ওয়েবসাইট বা অ্যাপ্লিকেশনকে অ্যাক্সেসিবল রাখে।
উপসংহার
Highcharts Accessibility Module ব্যবহার করে আপনি আপনার চার্টে অ্যাক্সেসিবিলিটি ফিচার যোগ করতে পারেন, যা দৃষ্টিহীন বা দৃষ্টির সমস্যাযুক্ত ব্যবহারকারীদের জন্য অত্যন্ত সহায়ক। এটি স্ক্রীন রিডার, কিবোর্ড নেভিগেশন, এবং অন্যান্য এক্সেসিবিলিটি ফিচার প্রদান করে, যা চার্টগুলোকে আরো ব্যবহারযোগ্য এবং সবার জন্য উপযোগী করে তোলে। Highcharts Accessibility Module সহজেই ইনস্টল এবং কনফিগার করা যায়, এবং এটি আপনার ওয়েব অ্যাপ্লিকেশন বা সাইটের অ্যাক্সেসিবিলিটি বাড়াতে সাহায্য করবে।
Read more
