# ویب صفحات کو قابل رسائی بنانا ![قابل رسائی کے بارے میں سب کچھ](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ur.png) > اسکیچ نوٹ: [Tomomi Imura](https://twitter.com/girlie_mac) ## لیکچر سے پہلے کا کوئز [لیکچر سے پہلے کا کوئز](https://ff-quizzes.netlify.app/web/) > ویب کی طاقت اس کی عالمگیریت میں ہے۔ معذوری سے قطع نظر، ہر کسی کے لیے رسائی ایک لازمی پہلو ہے۔ > > \- سر ٹموتھی برنرز لی، W3C کے ڈائریکٹر اور ورلڈ وائڈ ویب کے موجد یہ قول ویب سائٹس کو قابل رسائی بنانے کی اہمیت کو بہترین انداز میں اجاگر کرتا ہے۔ ایک ایسی ایپلیکیشن جو سب کے لیے قابل رسائی نہ ہو، وہ بذات خود امتیازی ہے۔ بطور ویب ڈویلپرز، ہمیں ہمیشہ قابل رسائی ہونے کو مدنظر رکھنا چاہیے۔ اگر آپ ابتدا سے ہی اس پر توجہ دیں گے تو آپ اس بات کو یقینی بنانے کے قریب ہوں گے کہ آپ کے بنائے گئے صفحات سب کے لیے قابل رسائی ہوں۔ اس سبق میں، آپ ان ٹولز کے بارے میں سیکھیں گے جو آپ کی ویب اثاثوں کو قابل رسائی بنانے میں مدد فراہم کرتے ہیں اور قابل رسائی ہونے کو مدنظر رکھتے ہوئے کیسے تعمیر کیا جائے۔ > آپ یہ سبق [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/accessibility/?WT.mc_id=academic-77807-sagibbon) پر لے سکتے ہیں! ## استعمال کے لیے ٹولز ### اسکرین ریڈرز قابل رسائی ٹولز میں سب سے زیادہ مشہور اسکرین ریڈرز ہیں۔ [اسکرین ریڈرز](https://en.wikipedia.org/wiki/Screen_reader) عام طور پر بصارت سے محروم افراد کے لیے استعمال کیے جانے والے کلائنٹس ہیں۔ جیسے ہم وقت صرف کرتے ہیں کہ براؤزر معلومات کو صحیح طریقے سے پہنچائے، ہمیں یہ بھی یقینی بنانا ہوگا کہ اسکرین ریڈر بھی ایسا ہی کرے۔ بنیادی طور پر، ایک اسکرین ریڈر صفحے کو اوپر سے نیچے تک آواز کے ذریعے پڑھتا ہے۔ اگر آپ کا صفحہ مکمل طور پر متن پر مشتمل ہے، تو ریڈر معلومات کو اسی طرح پہنچائے گا جیسے براؤزر کرتا ہے۔ لیکن ویب صفحات شاذ و نادر ہی صرف متن پر مشتمل ہوتے ہیں؛ ان میں لنکس، گرافکس، رنگ، اور دیگر بصری اجزاء شامل ہوتے ہیں۔ اس بات کو یقینی بنانے کے لیے احتیاط برتنی چاہیے کہ یہ معلومات اسکرین ریڈر کے ذریعے صحیح طریقے سے پڑھی جائے۔ ہر ویب ڈویلپر کو اسکرین ریڈر سے واقف ہونا چاہیے۔ جیسا کہ اوپر ذکر کیا گیا ہے، یہ وہ کلائنٹ ہے جسے آپ کے صارفین استعمال کریں گے۔ جیسے آپ براؤزر کے کام کرنے کے طریقے سے واقف ہیں، آپ کو اسکرین ریڈر کے کام کرنے کے طریقے سے بھی واقف ہونا چاہیے۔ خوش قسمتی سے، زیادہ تر آپریٹنگ سسٹمز میں اسکرین ریڈرز شامل ہوتے ہیں۔ کچھ براؤزرز میں بھی بلٹ ان ٹولز اور ایکسٹینشنز موجود ہیں جو متن کو بلند آواز میں پڑھ سکتے ہیں یا کچھ بنیادی نیویگیشن فیچرز فراہم کر سکتے ہیں، جیسے [Edge براؤزر کے یہ قابل رسائی ٹولز](https://support.microsoft.com/help/4000734/microsoft-edge-accessibility-features)۔ یہ بھی اہم قابل رسائی ٹولز ہیں، لیکن یہ اسکرین ریڈر ٹیسٹنگ ٹولز سے مختلف طریقے سے کام کرتے ہیں اور انہیں اسکرین ریڈر کے طور پر غلط نہیں سمجھنا چاہیے۔ ✅ اسکرین ریڈر اور براؤزر ٹیکسٹ ریڈر آزمائیں۔ ونڈوز پر [Narrator](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1/?WT.mc_id=academic-77807-sagibbon) ڈیفالٹ کے طور پر شامل ہے، اور [JAWS](https://webaim.org/articles/jaws/) اور [NVDA](https://www.nvaccess.org/about-nvda/) بھی انسٹال کیے جا سکتے ہیں۔ macOS اور iOS پر، [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) ڈیفالٹ کے طور پر انسٹال ہے۔ ### زوم بصارت سے محروم افراد کے ذریعہ عام طور پر استعمال ہونے والا ایک اور ٹول زومنگ ہے۔ زومنگ کی سب سے بنیادی قسم جامد زوم ہے، جسے `Control + plus sign (+)` یا اسکرین ریزولوشن کو کم کرکے کنٹرول کیا جاتا ہے۔ اس قسم کا زوم پورے صفحے کو دوبارہ سائز دیتا ہے، لہذا [جوابی ڈیزائن](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) کا استعمال بڑھتے ہوئے زوم لیولز پر اچھا صارف تجربہ فراہم کرنے کے لیے اہم ہے۔ زومنگ کی ایک اور قسم خصوصی سافٹ ویئر پر انحصار کرتی ہے جو اسکرین کے ایک علاقے کو بڑا کرتا ہے اور پین کرتا ہے، بالکل حقیقی میگنیفائنگ گلاس کی طرح۔ ونڈوز پر، [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1c-d3bd-8615-0e5e32204198) بلٹ ان ہے، اور [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) ایک تھرڈ پارٹی میگنیفیکیشن سافٹ ویئر ہے جس میں زیادہ خصوصیات اور بڑا صارف بیس ہے۔ macOS اور iOS دونوں میں ایک بلٹ ان میگنیفیکیشن سافٹ ویئر ہے جسے [Zoom](https://www.apple.com/accessibility/mac/vision/) کہا جاتا ہے۔ ### کنٹراسٹ چیکرز ویب سائٹس پر رنگوں کو احتیاط سے منتخب کرنے کی ضرورت ہے تاکہ رنگوں کے اندھے صارفین یا وہ لوگ جنہیں کم کنٹراسٹ والے رنگ دیکھنے میں دشواری ہوتی ہے، ان کی ضروریات پوری کی جا سکیں۔ ✅ کسی ایسی ویب سائٹ کو آزمائیں جسے آپ استعمال کرنا پسند کرتے ہیں اور براؤزر ایکسٹینشن جیسے [WCAG کا کلر چیکر](https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp?hl=en-US&WT.mc_id=academic-77807-sagibbon) کے ذریعے رنگوں کا تجزیہ کریں۔ آپ کیا سیکھتے ہیں؟ ### لائٹ ہاؤس آپ کے براؤزر کے ڈویلپر ٹول ایریا میں، آپ کو لائٹ ہاؤس ٹول ملے گا۔ یہ ٹول کسی ویب سائٹ کی قابل رسائی (اور دیگر تجزیہ) کا پہلا جائزہ حاصل کرنے کے لیے اہم ہے۔ اگرچہ صرف لائٹ ہاؤس پر انحصار کرنا ضروری نہیں ہے، لیکن 100% اسکور ایک مفید بنیاد فراہم کرتا ہے۔ ✅ اپنے براؤزر کے ڈویلپر ٹول پینل میں لائٹ ہاؤس تلاش کریں اور کسی بھی سائٹ پر تجزیہ چلائیں۔ آپ کیا دریافت کرتے ہیں؟ ## قابل رسائی ڈیزائننگ قابل رسائی ایک نسبتاً بڑا موضوع ہے۔ آپ کی مدد کے لیے، متعدد وسائل دستیاب ہیں۔ - [Accessible U - University of Minnesota](https://accessibility.umn.edu/your-role/web-developers) اگرچہ ہم قابل رسائی سائٹس بنانے کے ہر پہلو کا احاطہ نہیں کر سکیں گے، نیچے کچھ بنیادی اصول دیے گئے ہیں جنہیں آپ نافذ کرنا چاہیں گے۔ ابتدا سے ایک قابل رسائی صفحہ ڈیزائن کرنا **ہمیشہ** موجودہ صفحے کو قابل رسائی بنانے کے لیے واپس جانے سے آسان ہے۔ ## اچھے ڈسپلے اصول ### رنگوں کے محفوظ پیلیٹس لوگ دنیا کو مختلف طریقوں سے دیکھتے ہیں، اور اس میں رنگ بھی شامل ہیں۔ اپنی سائٹ کے لیے رنگ سکیم منتخب کرتے وقت، آپ کو یہ یقینی بنانا چاہیے کہ یہ سب کے لیے قابل رسائی ہو۔ رنگ پیلیٹس بنانے کے لیے ایک بہترین [ٹول Color Safe](http://colorsafe.co/) ہے۔ ✅ ایسی ویب سائٹ کی شناخت کریں جو رنگوں کے استعمال میں بہت زیادہ مسئلہ پیدا کرتی ہو۔ کیوں؟ ### صحیح HTML کا استعمال کریں CSS اور جاوا اسکرپٹ کے ساتھ، کسی بھی عنصر کو کسی بھی قسم کے کنٹرول کی طرح دکھانا ممکن ہے۔ `` کو `