অ্যাক্সেসিবিলিটি
কীবোর্ড, স্ক্রিন রিডার, কম দৃষ্টিশক্তি এবং কম-প্রযুক্তির ব্যবহারকারীদের জন্য আমরা কীভাবে তৈরি করি। একটি সৎ, তারিখযুক্ত স্ন্যাপশট।
আমরা যা প্রতিশ্রুতি দিই
- সম্পূর্ণ কীবোর্ড ট্র্যাভার্সাল। প্রতিটি জেনারেটর নিয়ন্ত্রণ, প্রতিটি মোডাল এবং প্রতিটি এক্সপোর্ট প্রবাহ মাউস ছাড়াই অ্যাক্সেসযোগ্য।
- দৃশ্যমান ফোকাস অবস্থা। ফোকাসড ইনপুট, বোতাম এবং লিঙ্ক একটি স্পষ্ট রিং দেখায়। আমরা শুধু রঙের উপর নির্ভর করি না।
- প্রতিটি ক্ষেত্রে লেবেল। ফর্ম ইনপুটে সংশ্লিষ্ট
<label>উপাদান বাaria-labelবৈশিষ্ট্য আছে। প্লেসহোল্ডার টেক্সট কখনো একমাত্র লেবেল হিসেবে ব্যবহার করা হয় না। - QR প্রিভিউ এবং টোস্টের জন্য ARIA লাইভ রিজিয়ন। স্ক্রিন রিডার "QR generated" এবং টোস্ট বার্তা শোনে যখন সেগুলি ফায়ার হয়, শুধু ফোকাস তাদের দিকে সরলে নয়।
- আইকন-শুধু বোতামের জন্য টেক্সট বিকল্প। প্রতিটি SVG-শুধু বোতামে
aria-label। - রং-স্বাধীন স্থিতি অর্থ। স্ক্যানেবিলিটি ব্যাজ এবং কম্প্যাট চিপ রঙের সাথে একটি গ্লিফ এবং একটি টেক্সট লেবেল জুড়ি দেয়।
- স্পষ্ট এক্সপোর্ট ফরম্যাট নাম। ডাউনলোড বোতামে "Download PNG", "Download SVG" ইত্যাদি লেখা থাকে, শুধু "Download" নয়।
- বড়-ট্যাপ মোবাইল টার্গেট। ইন্টারেক্টিভ উপাদানগুলি WCAG 2.5.8 অনুযায়ী মোটা পয়েন্টারে কমপক্ষে 44 × 44 CSS পিক্সেল।
- কমানো-মোশন সম্মান।
prefers-reduced-motion: reduce-এর অধীনে ট্রানজিশন অক্ষম।
আমরা এখনো যেখানে কম পড়ি
- স্ক্রিন-রিডার পরীক্ষার কভারেজ অসম। জেনারেটর VoiceOver (macOS/iOS) এবং NVDA দিয়ে পরীক্ষা করা হয়েছে। JAWS এবং TalkBack-এর আরো সময় প্রয়োজন।
- বিজনেস কার্ড ডিজাইনার ডিজাইনগতভাবে মাউস-ভারী (টেনে-স্থান, ক্যানভাস প্রিভিউ)। প্রতিটি নিয়ন্ত্রণের জন্য কীবোর্ড বিকল্প বিদ্যমান কিন্তু লাইভ-প্রিভিউ ফিডব্যাক লুপ এখনো ভিজ্যুয়াল-ফার্স্ট।
- জটিল জেনারেটর প্রবাহ (ব্যাচ CSV, মাল্টি-স্টেপ উইজার্ড) আরো ভালো স্কিপ-লিঙ্ক কাঠামো ব্যবহার করতে পারে। পরিকল্পিত।
- আমাদের সামঞ্জস্যতা ম্যাট্রিক্স বর্তমানে HTML টেবিল হিসেবে উপস্থাপিত। স্ক্রিন-রিডার কলাম হেডার কাজ করে, কিন্তু আমরা প্রতিটি সারির জন্য দীর্ঘ বর্ণনামূলক সারাংশ যোগ করতে চাই।
পরীক্ষিত ব্রাউজার এবং সহায়ক প্রযুক্তি
সর্বশেষ সম্পূর্ণ পাস: এপ্রিল ২০২৬। পাসের মাঝে উল্লেখযোগ্য UI পরিবর্তনের পরে আমরা স্পট-চেক করি।
| ব্রাউজার | AT | প্ল্যাটফর্ম | অবস্থা |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | পরীক্ষিত, পাস |
| Firefox | NVDA | Windows 11 | পরীক্ষিত, পাস |
| Chrome | NVDA | Windows 11 | পরীক্ষিত, পাস |
| Chrome | ChromeVox | ChromeOS | স্পট-চেক করা |
| Chrome | TalkBack | Android 14, 15 | স্পট-চেক করা |
| Edge | Narrator | Windows 11 | স্পট-চেক করা |
| Safari | JAWS | Windows 11 | এখনো পরীক্ষিত নয় |
কীবোর্ড ম্যাপ
- Tab / Shift+Tab: ফোকাসযোগ্য উপাদানগুলির মধ্য দিয়ে এগিয়ে / পিছিয়ে যান।
- Enter / Space: বোতাম এবং টগল সক্রিয় করুন।
- অ্যারো কী: রেডিও গ্রুপের মধ্যে বিকল্পগুলির মধ্যে যান (টাইপ নির্বাচনকারী, টেম্পলেট পিকার, ট্যাব বার)।
- Escape: মোডাল বন্ধ করুন (বিজনেস কার্ড ডিজাইনার, প্রিফ্লাইট, প্রিন্ট সেবা, ইমেজ ক্রপ)।
- একটি ওভারফ্লো মেনুর মধ্যে Home / End প্রথম / শেষ আইটেমে লাফ দেয়।
একটি সমস্যা রিপোর্ট করুন
কীবোর্ড দিয়ে কিছু অ্যাক্সেসযোগ্য না হলে, ভুল লেবেলযুক্ত হলে, বা আপনার সেটআপে অন্যথায় ব্যবহারযোগ্য না হলে, hello@abundera.ai-এ ইমেইল করুন। আপনার ব্রাউজার, OS, AT এবং নির্দিষ্ট প্রবাহ অন্তর্ভুক্ত করুন। আমরা অ্যাক্সেসিবিলিটি বাগগুলিকে অগ্রাধিকার সমস্যা হিসেবে বিবেচনা করি।