قابلِ رسائی
ہم کی بورڈ، اسکرین ریڈر، کم بینائی اور کم تکنیکی صارفین کے لیے کیسے تیار کرتے ہیں۔ ایک ایمانداری سے تاریخ شدہ اسنیپ شاٹ۔
رسمی قابلِ رسائی بیان
- ہدف معیار
- پوری تجربے میں WCAG 2.2 AA۔ فوکس کی ظاہری شکل (موٹی ہائی کنٹراسٹ رنگز، غیر مسدود) اور فارم لیبلنگ + خرابی کی بازیابی پر AAA علاج۔ W3C سفارش کے خلاف ٹریک کیا گیا، پیرا فریز نہیں۔
- آخری اندرونی آڈٹ
- 2026-04-19۔ ہوم پیج، print-size، /standards/ ہب + 9 اتھارٹی صفحات، اور 45 ادائیگی اسکیم لینڈنگ صفحات کے خلاف ہماری اپنی ٹیم کا دستی پاس۔
- بیرونی آڈٹ
- کمیشن کیا گیا، رپورٹ زیرِ التواء۔ آمد پر تدارک نوٹس کے ساتھ /accessibility/audit/ پر شائع کیا جائے گا, خامیاں برقرار، کوئی چیری پکنگ نہیں۔
- دوبارہ جانچ کی رفتار
- ماہانہ اسپاٹ چیک + کسی بھی بڑی UI تبدیلی کے بعد مکمل دستی پاس۔ خودکار جانچ (کنٹراسٹ لنٹنگ، WCAG 2.2 نئے معیار اسکین) ہر ڈیپلوئی پر چلتی ہے۔
- رابطہ + SLA
- hello@abundera.ai, ہم 2 کاروباری دنوں میں قابلِ رسائی رپورٹس کا اعتراف کرتے ہیں، 5 میں تریاژ کرتے ہیں، اور کی بورڈ / اسکرین ریڈر / معرفتی بلاکرز کو ترجیحی مسائل کے طور پر علاج کرتے ہیں (فیچر کام سے آگے شپ کرتے ہیں)۔
کامیابی کے معیار کے مطابق WCAG 2.2 AA مطابقت
2.2 میں نئے معیار جن پر ہم فعال طور پر نظر رکھ رہے ہیں۔ حالت اس بات کی عکاسی کرتی ہے جو ہم نے اندرونی طور پر تصدیق کی ہے؛ بیرونی آڈٹ اسے برتر بنائے گا۔
| SC | معیار | سطح | حالت |
|---|---|---|---|
| 2.4.11 | فوکس مسدود نہیں (کم از کم) | AA | کامیاب, فوکس رنگ ہمیشہ نظر آتی ہے، فکسڈ ہیڈرز کے نیچے چھپی نہیں |
| 2.4.12 | فوکس مسدود نہیں (بہتر) | AAA | جنریٹر سطح پر کامیاب؛ کچھ ڈراور میں اینیمیشن کے دوران مختصر اوورلیپ ہوتی ہے |
| 2.4.13 | فوکس کی ظاہری شکل | AAA | کامیاب, 3 px آؤٹ لائن + 2 px آفسیٹ + کسی بھی پس منظر پر box-shadow بیک اپ |
| 2.5.7 | ڈریگنگ حرکات | AA | کامیاب, کوئی ضروری صرف ڈریگ تعاملات نہیں؛ بزنس کارڈ ڈیزائنر ہر ڈریگ کے لیے کی بورڈ متبادل فراہم کرتا ہے |
| 2.5.8 | ہدف کا حجم (کم از کم) | AA | کامیاب, ہر انٹریکٹو ہدف پر 24×24 CSS px کم از کم تصدیق کیا گیا؛ زیادہ تر 28×28 یا 40×40 پر |
| 3.2.6 | مستقل مدد | A | کامیاب, مدد / رابطہ ہر صفحے پر ایک ہی جگہ ظاہر ہوتا ہے (فوٹر + نیو) |
| 3.3.7 | فالتو اندراج | A | کامیاب, کوئی فارم اسی سیشن میں پہلے سے فراہم کردہ ڈیٹا دوبارہ درج کرنے کا تقاضا نہیں کرتا |
| 3.3.8 | قابلِ رسائی توثیق (کم از کم) | AA | N/A, کوئی معرفتی فنکشن ٹیسٹ نہیں؛ Abundera QR کو لاگ ان کی ضرورت نہیں |
موشن اور فورسڈ کلرز سپورٹ
- prefers-reduced-motion: reduce, ایمبیئنٹ اوربِ فلوٹ اور فیڈ ان ٹرانزیشنز دبا دی جاتی ہیں۔ فعال ٹرانزیشنز مختصر رہتی ہیں۔ macOS Reduce Motion اور Windows "شو اینیمیشنز" معطل کے ساتھ تصدیق کیا گیا۔
- forced-colors: active (Windows ہائی کنٹراسٹ موڈ), فوکس رنگز سسٹم Highlight رنگ استعمال کرتی ہیں؛ بارڈرز سسٹم CanvasText وراثت کرتے ہیں۔ Windows 11 High Contrast پر Edge میں تصدیق کیا گیا۔
معلوم حدود
- JAWS ابھی تک جانچا نہیں گیا۔ اگلا AT راؤنڈ Windows 11 پر Edge پر JAWS کو ہدف بناتا ہے۔
- بزنس کارڈ ڈیزائنر ڈریگ ٹو پوزیشن پریویو کے ڈیزائن میں پہلے ماؤس ہے۔ ہر کنٹرول میں کی بورڈ متبادل ہے لیکن لائیو فیڈ بیک لوپ ابھی بھی بصری ہے۔ رنگ ان پٹ، پریسیٹ گرڈ، اور ہیکس فیلڈز میں اب واضح ARIA بائنڈنگز ہیں (2026-04-19)۔
- بیرونی آڈٹ رپورٹ زیرِ التواء ہے۔ اوپر ٹیبل میں خود تصدیق شدہ حالت آڈیٹر کے نتائج سے بدل دی جائے گی جب رپورٹ آئے گی۔
- کچھ تھرڈ پارٹی معاون ٹیکنالوجیز (Dragon NaturallySpeaking، Android پر Speech-to-text) ہماری ریگریشن میٹرکس میں نہیں ہیں؛ ہم کمیونٹی رپورٹس قبول کرتے ہیں اور فی ٹکٹ ٹھیک کرتے ہیں۔
قابلِ رسائی چینج لاگ
- 2026-04-19 (شام), TalkBack لائیو ریجن ڈبل فائر ٹھیک کیا:
#qr-previewریپر سےaria-live="polite"ہٹایا گیا؛ اعلانات اب صرف اسکین ایبلٹیrole="status"بیج سے آتے ہیں، ہر جنریٹ پر ایک بار۔ BCD موڈل: کلر پکرز کو مناسب<label for>بائنڈنگز ملیں (Background، Text، Accent، Gradient)؛ پریسیٹ گرڈ کنٹینر کوrole="group"+aria-labelملا۔ قابلِ رسائی ٹیبلز کو<caption>+scope="col"/"row"ملے, WCAG 2.2 AA + AT میٹرکس اب VoiceOver، NVDA، اور TalkBack پر درست طور پر اعلان کرتی ہیں۔ - 2026-04-19 (صبح), فوکس انڈیکیٹرز اپ گریڈ کیے گئے (3 px + box-shadow بیک اپ)۔ forced-colors + prefers-reduced-motion سپورٹ شامل کی گئی۔ ہدف سائز آڈٹ:
.saved-profile-delete،.type-search-clear،.compat-toggle-btnکو ≥ 28 px تک بڑھایا گیا۔ ہیڈنگ لیول اسکپ ٹھیک کیا گیا (vCard/MECARD سب ہیڈز h4 → h3)۔ رسمی WCAG 2.2 AA بیان + AT میٹرکس شائع کی گئی۔ - 2026-04-18, دستی WCAG 2.2 AA بیس لائن پاس دستاویز کیا گیا۔ چار ستون ٹرسٹ پٹی صاف تر درجہ بندی کے لیے سکڑی۔
- 2026-03-08, ابتدائی /accessibility/ صفحہ شائع کیا گیا۔
ہم کیا عہد کرتے ہیں
- مکمل کی بورڈ ٹریورسل۔ ہر جنریٹر کنٹرول، ہر موڈل، اور ہر ایکسپورٹ فلو ماؤس کے بغیر قابلِ رسائی ہے۔
- نظر آنے والی فوکس حالات۔ فوکس کردہ ان پٹ، بٹن، اور لنکس واضح رنگ دکھاتے ہیں۔ ہم صرف رنگ پر انحصار نہیں کرتے۔
- ہر فیلڈ پر لیبل۔ فارم ان پٹ میں متعلقہ
<label>عناصر یاaria-labelصفات ہیں۔ پلیس ہولڈر متن کبھی صرف لیبل کے طور پر استعمال نہیں کیا جاتا۔ - QR پریویو اور ٹوسٹ کے لیے ARIA لائیو ریجنز۔ اسکرین ریڈرز "QR تیار ہوا" اور ٹوسٹ پیغامات سنتے ہیں جب وہ فائر ہوتے ہیں، صرف فوکس کے منتقل ہونے پر نہیں۔
- آئیکن صرف بٹنوں کے لیے متن متبادل۔ ہر SVG صرف بٹن پر
aria-label۔ - رنگ سے آزاد اسٹیٹس معنی۔ اسکین ایبلٹی بیجز اور کمپیٹ چپس رنگ کو گلف اور متن لیبل کے ساتھ جوڑتے ہیں۔
- واضح ایکسپورٹ فارمیٹ نام۔ ڈاؤن لوڈ بٹن "PNG ڈاؤن لوڈ کریں"، "SVG ڈاؤن لوڈ کریں" وغیرہ کہتے ہیں، صرف "ڈاؤن لوڈ" نہیں۔
- بڑے ٹیپ موبائل ہدف۔ WCAG 2.5.8 کے مطابق موٹے پوائنٹرز پر انٹریکٹو عناصر کم از کم 44 × 44 CSS پکسل ہیں۔
- کم موشن کا احترام۔
prefers-reduced-motion: reduceکے تحت ٹرانزیشنز معطل ہیں۔
ہم ابھی بھی کہاں پیچھے ہیں
- JAWS ابھی تک جانچا نہیں گیا۔ JAWS لائسنس حاصل کیا، اگلے AT راؤنڈ کے لیے ٹیسٹر سلاٹ بک۔ تمام دیگر بڑے (VoiceOver macOS + iOS، NVDA، Narrator، TalkBack) حالیہ ترین ریگریشن پاس کر چکے ہیں۔
- بزنس کارڈ ڈیزائنر ڈیزائن کے مطابق ماؤس بھاری ہے (ڈریگ ٹو پوزیشن، کینوس پریویو)۔ ہر کنٹرول کے لیے کی بورڈ متبادل موجود ہیں لیکن لائیو پریویو فیڈ بیک لوپ ابھی بھی بصری اول ہے۔ رنگ کنٹرولز اب مناسب
<label for>بائنڈنگز + پریسیٹ پکر پرrole="group"استعمال کرتے ہیں (2026-04-19)۔ - پیچیدہ جنریٹر فلوز (بیچ CSV، ملٹی اسٹیپ وزرڈ) بہتر اسکپ لنک ڈھانچہ استعمال کر سکتے ہیں۔ منصوبہ بند۔
- وضاحتی ٹیبل خلاصے۔ قابلِ رسائی + مطابقت ٹیبلز کو اب
<caption>+scopeصفات ہیں (2026-04-19)۔ ہر قطار کے لیے طویل قطار سطح بیانیہ خلاصے ابھی بھی منصوبہ بند ہیں۔
معاون ٹیک سپورٹ میٹرکس
انجینئرنگ آرٹیفیکٹ، PR بیان نہیں۔ ہر قطار ایک حقیقی براؤزر + AT + پلیٹ فارم مجموعہ ہے جسے ہم نے جسمانی طور پر جانچا ہے۔ حالت حالیہ ترین دستی پاس کی عکاسی کرتی ہے؛ احتیاطیں وہ کچھ ریکارڈ کرتی ہیں جو ابھی بھی مکمل پاس کو روکتی ہیں۔
| براؤزر | AT | پلیٹ فارم | آخری کامیابی | حالت | معلوم احتیاطیں |
|---|---|---|---|---|---|
| Safari | VoiceOver | macOS 15 | 2026-04-19 | کامیاب | کمانڈ پیلیٹ "Shortcuts" فہرست پہلی بار کھلنے پر آئٹمز دو بار پڑھتی ہے؛ کاسمیٹک، بلاک نہیں کر رہا |
| Safari | VoiceOver | iOS 18 | 2026-04-19 | کامیاب | روٹر کچھ متحرک طور پر داخل چپس کو دوبارہ ترتیب دیتا ہے؛ تعامل پر دوبارہ اعلان ترتیب بحال کرتا ہے |
| Firefox | NVDA | Windows 11 | 2026-04-19 | کامیاب | , |
| Chrome | NVDA | Windows 11 | 2026-04-19 | کامیاب | , |
| Chrome | ChromeVox | ChromeOS 128 | 2026-03-30 | اسپاٹ چیک کیا گیا | مکمل ریگریشن واجب الادا؛ اگلی ریلیز کے لیے دوبارہ قطار میں |
| Chrome | TalkBack | Android 14 | 2026-04-19 | کامیاب | QR پریویو پر لائیو ریجن ڈبل فائر (ڈیباؤنس کے دوران دو بار "QR preview updated" کا اعلان) 2026-04-19 کو ٹھیک کیا: پریویو ریپر سے aria-live ہٹایا گیا؛ اعلانات اب صرف اسکین ایبلٹی role="status" بیج سے آتے ہیں، ہر جنریٹ پر ایک بار۔ |
| Edge | Narrator | Windows 11 | 2026-04-12 | کامیاب | فورسڈ کلرز موڈ (اس ریلیز میں نیا): فوکس رنگز ٹھیک، لیکن کچھ چپ بارڈرز شفاف میں منہدم ہو جاتے ہیں, قطار میں |
| Safari | JAWS | Windows 11 | , | جانچا نہیں گیا | اگلے AT راؤنڈ کے لیے طے شدہ؛ JAWS لائسنس حاصل، ٹیسٹر سلاٹ بک |
| Any | Dragon NaturallySpeaking | Windows 11 | , | جانچا نہیں گیا | کمیونٹی رپورٹس قبول؛ وقف ریگریشن آنے تک فی ٹکٹ ٹھیک |
کی بورڈ نقشہ
- Tab / Shift+Tab: فوکس قابل عناصر کے ذریعے آگے / پیچھے جائیں۔
- Enter / Space: بٹن اور ٹاگل فعال کریں۔
- ایرو کیز: ریڈیو گروپ کے اندر آپشنز کے درمیان جائیں (ٹائپ سلیکٹر، ٹیمپلیٹ پکر، ٹیب بار)۔
- Escape: موڈلز بند کریں (بزنس کارڈ ڈیزائنر، پری فلائٹ، پرنٹ سروسز، امیج کراپ)۔
- Home / End اوور فلو مینو میں پہلے / آخری آئٹم پر جائیں۔
اندرونی آڈٹ, 2026-04-19
ہوم پیج، /print-size/، نئے /standards/ ہب + 9 اتھارٹی صفحات، اور 45 ادائیگی اسکیم لینڈنگ صفحات (جو مشترک ٹیمپلیٹ سے وراثت لیتے ہیں) کے خلاف دستی WCAG 2.2 AA پاس۔ جو ہم نے تصدیق کی، کیا ٹھیک کیا، اور کیا کھلا ہے:
کامیاب کے طور پر تصدیق شدہ
- اسکپ لنک ہدف موجود ہے, اسکپ لنک (
href="#generator") ہر صفحے کے ویریئنٹ پر نظر آنے والے عنصر کو حل کرتا ہے۔ - فوکس نظر آنے والی اسٹائلز,
:focus-visible2px آؤٹ لائن کے ساتھ عالمی طور پر اعلان کیا گیا ہے، نیز رنگین بارڈر + شیڈو کے ساتھ فی ان پٹ اوورائیڈز۔site/css/style.c17bfd85.cssکی لائنوں 34 اور 88 پر CSS آڈٹ کے ذریعے تصدیق کی گئی۔ - تمام فارم ان پٹ میں لیبل ہیں, جنریٹر میں ہر
<input>/<select>/<textarea>میں یا تو واضح<label for="...">یا ریپنگ<label>ہے۔ پلیس ہولڈر بطور لیبل کہیں استعمال نہیں کیا گیا۔ - بٹنوں میں قابلِ رسائی نام ہیں, ہر
<button>میں یا تو متن مواد ہے یاaria-label۔ SVG صرف بٹن (ہیمبرگر، شیئر، انسٹال) سبaria-labelرکھتے ہیں۔ - سجاوٹی SVGs چھپے ہوئے نشان زد ہیں, ہر سجاوٹی آئیکن پر
aria-hidden="true"تاکہ اسکرین ریڈرز ان کی جیومیٹری اعلان کرنے کی بجائے چھوڑ دیں۔ - درست ARIA کردار, ٹائپ سلیکٹر پر
role="radiogroup"کے ساتھ ہر آپشن پرrole="radio"+aria-checked؛ پینل ٹیبز پرrole="tablist"/role="tab"+aria-selected۔ - متن کنٹراسٹ, بنیادی متن
#f5f5f5#08090aپر (≈ 17:1، WCAG AAA)۔ مدھم متن#a3a3a3اسی پس منظر پر ≈ 8:1 ہے (AAA 7:1 سے اوپر)۔ - زبان سوئچر میں
aria-label="Language"ہے چاہے نظر آنے والا لیبل مضمر ہو۔
اس پاس میں ٹھیک کیا گیا
- ہیڈنگ لیول اسکپ, vCard / MECARD ایکسٹرا فیلڈ سیکشنز کے اندر تین سب ہیڈز
<h2>کے تحت<h4>تھے بغیر کسی درمیانی<h3>کے۔ اسکرین ریڈر آؤٹ لائن ٹولز نے اسے "چھوٹا ہوا سطح" کے طور پر نشان لگایا۔<h3>میں تبدیل کیا گیا تاکہ خاکہ h1 → h2 → h3 → h3 صاف پڑھے۔
معلوم حدود
- Axe / NVDA / VoiceOver مکمل اسکین کے لیے براؤزر + AT کی ضرورت ہے جسے ہم بلڈ پائپ لائن سے نہیں چلا سکتے۔ دستی براؤزر پر مبنی پاس ماہانہ طے شدہ ہے۔
- تھرڈ پارٹی آزاد آڈٹ کمیشن کیا گیا ہے (دیکھیں /accessibility/audit/ پلیس ہولڈر)۔ رپورٹ آمد پر شائع ہوگی چاہے اس میں نتائج ہوں۔
- "/" کی بورڈ شارٹ کٹ سرچ فیلڈز والے صفحات پر معمولی تصادم کا خطرہ ہے۔ ہم فوکس ان پٹ سے باہر ہونے پر ہی preventDefault() کرتے ہیں؛ دستاویز کیا گیا لیکن ابھی AT کے ساتھ آڈٹ نہیں کیا گیا۔
کوئی مسئلہ رپورٹ کریں
اگر کچھ کی بورڈ سے ناقابلِ رسائی ہے، غلط لیبل کیا گیا ہے، یا آپ کی سیٹ اپ کے ساتھ ناقابلِ استعمال ہے، تو hello@abundera.ai پر ای میل کریں۔ اپنا براؤزر، OS، AT، اور مخصوص فلو شامل کریں۔ ہم قابلِ رسائی بگز کو ترجیحی مسائل کے طور پر سمجھتے ہیں۔