فائدہ:
- آرٹیفیشل انٹیلی جنس سپورٹ کے ساتھ رنگ کے برعکس، متبادل متن، کی بورڈ تک رسائی اور ڈبلیو سی اے جی کے معیار کو کنٹرول کرنے اور بہتر بنانے کی صلاحیت
- مصنوعی ذہانت کے ساتھ اسکرین ریڈر کا تجربہ، Alt ٹیکسٹ اور فارم لیبل جیسے قابل رسائی متن کو بنانے اور اس کی تصدیق کرنے کی صلاحیت
- حقیقی معاون ٹکنالوجی اور صارف کی جانچ کے ساتھ AI کی رسائی کی سفارشات کی توثیق کی حد کو سمجھنا
رسائی (مختصر طور پر a11y) کسی پروڈکٹ کی قابلیت ہے جس کا استعمال ہر کسی کے ذریعہ کیا جاسکتا ہے، بشمول معذور افراد: ایک بصارت سے محروم صارف اسکرین ریڈر (معاون سافٹ ویئر جو متن کو تقریر میں تبدیل کرتا ہے) کے ساتھ نیویگیٹ کرسکتا ہے، موٹر کی مشکلات کا شکار شخص کی بورڈ سے کچھ بھی کرسکتا ہے، ایک رنگ نابینا شخص رنگ پر انحصار کیے بغیر معلومات حاصل کرسکتا ہے۔ جامع ڈیزائن وسیع تر ہے: یہ انسانی تنوع کو ڈیزائن کے مرکز میں رکھتا ہے، بشمول عمر، زبان، ثقافت، عارضی معذوری (ٹوٹا ہوا بازو) یا متعلقہ معذوری (سورج میں اسکرین)۔ رسائی ایک "اضافی" نہیں ہے بلکہ زیادہ تر ممالک میں ایک بنیادی ذمہ داری اور قانونی ضرورت ہے۔ AI اس فیلڈ میں ایک طاقتور پریس اسکرینر اور ڈرافٹ جنریٹر ہے۔ لیکن حقیقی رسائی کی تصدیق صرف اصل معاون ٹیکنالوجی اور صارف کی جانچ سے ہوتی ہے۔
WCAG اور کلیدی کنٹرول کے علاقے
WCAG (ویب مواد تک رسائی کے رہنما خطوط) رسائی کے لیے بین الاقوامی سطح پر قبول شدہ معیارات کا ایک مجموعہ ہے۔ AA کی سطح کو عام طور پر نشانہ بنایا جاتا ہے۔ اس کے چار اصول ہیں: مواد قابل فہم ہونا چاہیے، انٹرفیس قابل استعمال ہونا چاہیے، معلومات قابل فہم اور تکنیکی طور پر درست ہونی چاہیے۔ عملی طور پر سب سے زیادہ عام کنٹرول کے علاقے ہیں:
- رنگ کے برعکس: کیا متن اور پس منظر کے درمیان فرق کافی ہے؟ (AA کے لیے، عام متن میں کم از کم 4.5:1 تناسب۔)
- متبادل متن (Alt text): کیا تصاویر میں متن کے مساوی متن موجود ہے جو اسکرین ریڈر کو ان کی وضاحت کرتا ہے؟
- کی بورڈ تک رسائی: کیا ماؤس کے بغیر کچھ بھی کیا جا سکتا ہے؟ کیا فوکس آرڈر کا مطلب ہے؟
- صرف رنگین معلومات: "سرخ شعبوں میں بھریں" جیسے جملے رنگ بلائنڈ صارف کو خارج کر دیتے ہیں۔
- فارم لیبلز: کیا ہر ان پٹ فیلڈ میں ایک لیبل ہوتا ہے جسے اسکرین ریڈر پڑھے گا؟
- ٹچ ٹارگٹ: کیا بٹن اتنے بڑے ہیں کہ انگلیوں سے آرام سے دبایا جا سکے؟
AI ان میں سے بہت سے شعبوں میں فوری ابتدائی اسکین کر سکتا ہے: آپ کچھ متن دے سکتے ہیں اور پوچھ سکتے ہیں "کیا اس کے برعکس کافی ہے؟"، تصویر کی تفصیل دیں اور "Alt متن تجویز کریں"، انٹرفیس کی تفصیل دیں اور پوچھیں "کی بورڈ تک رسائی کے مسائل کیا ہیں"۔
احتیاط: صرف اس وجہ سے کہ AI کہتا ہے "یہ قابل رسائی لگتا ہے" رسائی کی ضمانت نہیں ہے۔ خودکار چیک صرف WCAG کی کچھ غلطیاں پکڑتا ہے۔ باقی اصل استعمال کے ساتھ سامنے آئے گا۔
Alt متن: اچھے Alt متن کا راز
Alt متن بصارت سے محروم صارف کے لیے تصویر کی جگہ لے لیتا ہے۔ اچھا Alt متن تصویر کے فنکشن اور معنی کو ظاہر کرتا ہے، نہ کہ اس کی آرائشی تفصیل۔ "کارٹ میں شامل کریں" آئیکن کے لیے متبادل متن "کارٹ میں شامل کریں" ہونا چاہیے نہ کہ "شاپنگ کارٹ کی تصویر" کیونکہ یہ وہ عمل ہے جو صارف کے لیے اہمیت رکھتا ہے۔ AI ذیلی متن کی خاکہ تیار کرنے میں اچھا ہے، لیکن چونکہ یہ سیاق و سباق کو نہیں جانتا ہے، اس لیے یہ حد سے زیادہ وضاحتی یا غیر متعلقہ متن پیدا کر سکتا ہے۔ آپ ہر Alt متن سے پوچھتے ہیں "یہ تصویر یہاں کیوں ہے؟" سوال کے ساتھ فصل۔
بصری
کمزور ذیلی متن
مضبوط ذیلی متن
کارٹ آئیکن (بٹن)
"کارٹ آئیکن، سرمئی رنگ"
"کارٹ میں شامل کریں"
مصنوعات کی تصویر
"تصویر"
"نیلا موسم سرما کوٹ، سامنے کا منظر"
آرائشی لائن
"زیور کی لکیر"
(خالی چھوڑ دیں - آرائشی)
گرافکس
"گرافک امیج"
"2024 فروخت: ہر سہ ماہی میں اضافہ"
جامع زبان اور دائرہ کار
رسائی صرف تکنیکی کنٹرول تک محدود نہیں ہے۔ زبان بھی جامع ہے۔ وہ متن جو جنس ("صارف اور اس کی شریک حیات") کا تصور کرتا ہے، قابلیت کی بنیاد پر خارج ہوتا ہے ("نظر،" "آسانی سے سننا")، یا ثقافتی مفروضوں پر مشتمل کچھ صارفین کو خارج کر دیا جائے گا۔ AI اس نقطہ نظر سے متن کو اسکین کر سکتا ہے، لیکن آپ کو یہ یقینی بنانا ہوگا کہ اس کی تجویز کردہ "غیر جانبدار" زبان قدرتی اور قابل فہم رہے؛ حد سے زیادہ درست کرنا متن کو عجیب بنا سکتا ہے۔
تین چھوٹے مقدمات
کیس 1 - متضاد غلطیاں جلد پکڑی گئیں۔ ایک ٹیم نے AI کو 20 اسکرینوں کے متن کے رنگوں کو اسکین کیا اور اس بات کا تعین کیا کہ 7 جگہوں پر کنٹراسٹ AA کی حد سے نیچے ہے۔ اصلاحات ترقی میں جانے کے بغیر کی گئیں۔ بعد میں اصلاح کی قیمت سے گریز کیا گیا تھا. لیکن ٹیم نے پھر بھی اصل سکرین ریڈر ٹیسٹ کو نہیں چھوڑا۔
کیس 2 - صرف رنگ سے متعلق معلومات کو درست کیا گیا تھا۔ ایک فارم میں صرف سرخ بارڈر کے ساتھ ایرر فیلڈز دکھائے گئے۔ AI نے اس پر جھنڈا لگایا؛ ٹیم نے ہر غلطی میں متن اور شبیہیں بھی شامل کیں۔ کلر بلائنڈ صارفین اب اس غلطی کو دیکھ سکتے ہیں۔ سبق: رنگ صرف معلومات نہیں پہنچا سکتا۔
کیس 3 - AI نے منظوری کو گمراہ کیا۔ ایک ڈیزائنر نے اسکرین ریڈر ٹیسٹنگ کو چھوڑ دیا کیونکہ اس نے AI کو "قابل رسائی" کہا۔ اصلی امتحان میں، یہ پتہ چلا کہ فوکس آرڈر الجھن میں تھا اور کچھ بٹن بالکل نہیں پڑھے گئے تھے۔ سبق: خودکار تصدیق آغاز ہے۔ حقیقی معاون ٹیکنالوجی کی جانچ لازمی ہے۔
کاپی کرنے کے قابل اشارے
رسائی کے لیے اس انٹرفیس کی تفصیل کو پہلے سے اسکین کریں: 1) کیا معلومات مکمل طور پر رنگ کی بنیاد پر لی جاتی ہیں؟ 2) کیا ہر کلک کرنے کے قابل عنصر کے لیے ٹیکسٹ لیبل موجود ہے؟ 3) کیا کوئی ایسے عناصر ہیں جن تک کی بورڈ کے ذریعے رسائی حاصل نہیں کی جاسکتی؟ 4) کیا فوکس آرڈر معنی رکھتا ہے؟ ہر مسئلہ اور تجویز کی فہرست بنائیں نوٹ شامل کریں "حقیقی ٹیسٹ درکار ہے۔" ترکیب: <<text>>
ان تصاویر کے لیے متبادل متن تجویز کریں۔ اصول: تصویر کا فنکشن/مطلب بیان کریں، آرائشی تفصیل نہیں۔ بٹن آئیکنز کے لیے ایکشن لکھیں۔ آرائشی امیجز کے لیے، "Alt text کو خالی چھوڑ دیا جانا چاہیے" کہیں۔ سیاق و سباق اور تصویر کی تفصیل: <<list>>
جامع زبان کے لیے ان عبارتوں کو چیک کریں: کیا وہاں صنفی مفروضے، قابلیت پر مبنی خارجی زبان (جیسے "دیکھیں،" "سنیں")، ثقافتی مفروضے ہیں؟ ایسے متبادل تجویز کریں جو قدرتی رہیں۔ زیادہ درست نہ کریں۔ متن: <<list>>
اس فارم کے لیے قابل رسائی ایرر اور لیبل ٹیکسٹ لکھیں: ہر فیلڈ کے لیے مرئی لیبل، اسکرین ریڈر کے لیے تفصیل، اور غلطی کو بیان کرنے والا پیغام، رنگ سے قطع نظر (متن + آئیکن)۔ آواز اور لہجہ: <<card>>فارم فیلڈز: <<list>>
کمزور فوری / مضبوط اشارہ
کمزور: "اس تصویر کے لیے متبادل متن لکھیں۔"
نتیجہ: "ایک تصویر" یا حد سے زیادہ وضاحتی متن جو فنکشن سے محروم ہے۔
مضبوط: "ان امیجز کے لیے Alt ٹیکسٹ تجویز کریں؛ تصویر کے فنکشن/معنی کو بتائیں؛ بٹن آئیکنز کے لیے ایکشن لکھیں؛ آرائشی کو 'خالی چھوڑ دیا جانا چاہیے' کے بطور نشان زد کریں۔"
نتیجہ: سیاق و سباق، فنکشن پر مبنی، درست ذیلی متن۔
فرق: مضبوط پرامپٹ فنکشنل فوکس + بٹن کنونشن + آرائشی امتیاز لاتا ہے۔
عام غلطیاں
- رسائی کی ضمانت کے طور پر مصنوعی ذہانت کی منظوری کو غلط سمجھنا۔ یہ حقیقی جانچ کا متبادل نہیں ہے۔
- صرف معلومات کو رنگ میں لوڈ کرنا۔ کلر بلائنڈ صارفین معلومات سے محروم ہیں۔
- Alt متن میں تصویر کی وضاحت کرنا، فنکشن کی نہیں۔ بٹن کے آئیکن کے لیے ایک ایکشن لکھنا ضروری ہے۔
- آخری تک رسائی کو چھوڑنا۔ اگر اسے وائر فریم کے مرحلے پر شروع نہیں کیا جاتا ہے، تو اسے بعد میں پیچ کرنا مہنگا پڑے گا۔
- حد سے زیادہ درست زبان۔ جامع زبان جو فطری پن کھو دیتی ہے وہ بھی فہم کو متاثر کرتی ہے۔
خلاصہ میں
رسائی کا مطلب ہے کہ پروڈکٹ ہر کسی کے لیے دستیاب ہے۔ یہ کوئی اضافی نہیں ہے، یہ ایک ضروری اور زیادہ تر جگہوں پر ایک قانونی ذمہ داری ہے۔ کنٹراسٹ، آلٹ ٹیکسٹ، کی بورڈ تک رسائی، اور جامع لینگویج اسکیننگ کے لیے فوری پری فلائٹ اور ڈرافٹ جنریٹر کے طور پر AI قابل قدر ہے۔ لیکن خودکار منظوری صرف WCAG کی کچھ غلطیوں کو پکڑتی ہے۔ اصل رسائی کی تصدیق اسکرین ریڈرز اور حقیقی معاون ٹیکنالوجی کے صارفین کے ساتھ جانچ کے ذریعے کی جاتی ہے۔ ماڈل کو فرنٹ براؤزر کے طور پر استعمال کریں، حقیقی جانچ سے ثبوت حاصل کریں۔
درخواست کا کام
- پہلے پرامپٹ پر رسائی کے لیے انٹرفیس کی تفصیل کو پہلے سے اسکین کریں۔
- صرف رنگ پر مبنی معلومات یا بغیر لیبل والی اشیاء کو درست کریں۔
- دوسرے پرامپٹ کے ساتھ اپنی اسکرین پر موجود بصریوں کے لیے فنکشن اورینٹڈ آلٹ ٹیکسٹس بنائیں۔
- تیسرے پرامپٹ کے ساتھ جامع زبان کے لیے اپنے متن کو چیک کریں۔
- اگر ممکن ہو تو، اسکرین ریڈر کے ساتھ اصل ٹیسٹ آزمائیں اور نوٹ کریں کہ خودکار اسکین کیا چھوٹ جاتا ہے۔
چیک لسٹ
- میں نے کنٹراسٹ، کی بورڈ تک رسائی اور لیبلز کو پہلے سے اسکین کیا ہے۔
- میں نے صرف رنگ کی بنیاد پر معلومات نہیں چھوڑیں۔
- [ ] میں نے ذیلی متن کو عملی طریقے سے لکھا اور آرائشی کو خالی چھوڑ دیا۔
- [ ] میں نے ایک جامع زبان کو کنٹرول کیا، میں نے فطرت کو محفوظ رکھا۔
- میں نے خودکار منظوری کو رسائی کی ضمانت نہیں سمجھا۔
- میں نے حقیقی معاون ٹیکنالوجی کی جانچ کی منصوبہ بندی/عمل درآمد کیا۔