# ویب صفحات کو قابل رسائی بنانا ![قابل رسائی ویب کے بارے میں](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ur.png) > اسکیچ نوٹ از [Tomomi Imura](https://twitter.com/girlie_mac) ## لیکچر سے پہلے کا کوئز [لیکچر سے پہلے کا کوئز](https://ff-quizzes.netlify.app/web/quiz/5) > ویب کی طاقت اس کی عالمگیریت میں ہے۔ معذوری سے قطع نظر ہر کسی کے لیے رسائی ایک لازمی پہلو ہے۔ > > \- سر ٹموتھی برنرز لی، 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 (+)` یا اسکرین ریزولوشن کو کم کرکے کنٹرول کیا جاتا ہے۔ اس قسم کا زوم پورے صفحے کو دوبارہ سائز دیتا ہے، اس لیے [Responsive Design](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 اور JavaScript کے ساتھ، کسی بھی عنصر کو کسی بھی قسم کے کنٹرول کی طرح دکھانا ممکن ہے۔ `` کو `