قابل رسائی
ہم کی بورڈ، اسکرین ریڈر، کم بینائی، اور کم ٹیکنالوجی صارفین کے لیے کس طرح بناتے ہیں۔ ایک ایماندارانہ، تاریخ شدہ تصویر۔
ہم کیا عہد کرتے ہیں
- مکمل کی بورڈ ٹراورسل۔ ہر جنریٹر کنٹرول، ہر modal، اور ہر ایکسپورٹ فلو ماؤس کے بغیر قابل رسائی ہے۔
- نظر آنے والی فوکس حالتیں۔ فوکس کردہ inputs، بٹن، اور لنکس واضح رنگ دکھاتے ہیں۔ ہم صرف رنگ پر انحصار نہیں کرتے۔
- ہر فیلڈ پر لیبل۔ فارم inputs میں منسلک
<label>عناصر یاaria-labelصفات ہیں۔ Placeholder text کبھی بھی واحد لیبل کے طور پر استعمال نہیں ہوتا۔ - QR پری ویو اور toasts کے لیے ARIA live regions۔ اسکرین ریڈرز "QR generated" اور toast پیغامات سنتے ہیں جب وہ فائر ہوتے ہیں، نہ کہ صرف جب فوکس ان کی طرف جاتا ہے۔
- صرف آئیکن بٹنوں کے لیے متنی متبادل۔ ہر SVG-only بٹن پر
aria-label۔ - رنگ سے آزاد حیثیت کا معنی۔ Scannability badges اور compat chips رنگ کو ایک glyph اور متنی لیبل کے ساتھ جوڑتے ہیں۔
- واضح ایکسپورٹ فارمیٹ نام۔ ڈاؤن لوڈ بٹن "Download PNG"، "Download SVG" وغیرہ کہتے ہیں، نہ کہ صرف "Download"۔
- بڑے ٹیپ موبائل اہداف۔ WCAG 2.5.8 کے مطابق coarse pointers پر تعاملاتی عناصر کم از کم 44 × 44 CSS pixels ہیں۔
- کم حرکت کا احترام۔
prefers-reduced-motion: reduceکے تحت transitions غیر فعال ہیں۔
جہاں ہم ابھی کم رہتے ہیں
- اسکرین ریڈر ٹیسٹنگ کوریج ناہموار ہے۔ Generator کو VoiceOver (macOS/iOS) اور NVDA کے ساتھ ٹیسٹ کیا گیا ہے۔ JAWS اور TalkBack کو مزید وقت درکار ہے۔
- Business Card Designer ڈیزائن کے لحاظ سے ماؤس پر بھاری ہے (drag-to-position، canvas preview)۔ ہر کنٹرول کے لیے کی بورڈ متبادل موجود ہیں لیکن live-preview فیڈ بیک لوپ ابھی بھی بصری طور پر پہلی ترجیح ہے۔
- پیچیدہ جنریٹر فلوز (batch CSV، multi-step wizard) کو بہتر skip-link ڈھانچے کی ضرورت ہو سکتی ہے۔ منصوبہ بند ہے۔
- ہماری compatibility matrix فی الحال HTML tables کے طور پر پیش کی گئی ہے۔ اسکرین ریڈر column headers کام کرتے ہیں، لیکن ہم ہر row کے لیے لمبی وضاحتی خلاصے شامل کرنا چاہتے ہیں۔
ٹیسٹ کردہ براؤزرز اور معاون ٹیکنالوجی
آخری مکمل پاس: اپریل 2026۔ پاسز کے درمیان ہم اہم UI تبدیلیوں کے بعد spot-check کرتے ہیں۔
| براؤزر | AT | پلیٹ فارم | حیثیت |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | ٹیسٹ کیا، پاس |
| Firefox | NVDA | Windows 11 | ٹیسٹ کیا، پاس |
| Chrome | NVDA | Windows 11 | ٹیسٹ کیا، پاس |
| Chrome | ChromeVox | ChromeOS | Spot-checked |
| Chrome | TalkBack | Android 14, 15 | Spot-checked |
| Edge | Narrator | Windows 11 | Spot-checked |
| Safari | JAWS | Windows 11 | ابھی ٹیسٹ نہیں ہوا |
کی بورڈ نقشہ
- Tab / Shift+Tab: فوکس قابل عناصر میں آگے / پیچھے جائیں۔
- Enter / Space: بٹن اور toggles کو فعال کریں۔
- Arrow keys: radio group کے اندر اختیارات کے درمیان جائیں (type selector، template picker، tab bar)۔
- Escape: modals بند کریں (Business Card Designer، preflight، print services، image crop)۔
- Home / End ایک overflow menu کے اندر پہلے / آخری آئٹم پر جائیں۔
مسئلہ رپورٹ کریں
اگر کوئی چیز کی بورڈ سے قابل رسائی نہ ہو، غلط لیبل شدہ ہو، یا آپ کے سیٹ اپ کے ساتھ قابل استعمال نہ ہو، تو hello@abundera.ai پر ای میل کریں۔ اپنا براؤزر، OS، AT، اور مخصوص فلو شامل کریں۔ ہم قابل رسائی بگز کو ترجیحی مسائل کے طور پر سمجھتے ہیں۔