مکيه مواد ڏانهن وڃو Docs نيويگيشن ڏانھن وڃو
Check
in English

پهچ

بوٽ اسٽريپ جي خصوصيتن جو مختصر جائزو ۽ رسائي لائق مواد جي تخليق لاءِ حدون.

بوٽ اسٽريپ تيار ڪيل انداز، ترتيب واري اوزار، ۽ انٽرايڪٽو اجزاء جو استعمال ڪرڻ ۾ آسان فريم ورڪ مهيا ڪري ٿو، جيڪو ڊولپرز کي ويب سائيٽون ۽ ايپليڪيشنون ٺاهڻ جي اجازت ڏئي ٿو جيڪي بصري طور تي اپيل، فعال طور تي امير، ۽ باڪس کان ٻاهر رسائي لائق آهن.

جائزو ۽ حدون

بوٽ اسٽريپ سان ٺهيل ڪنهن به پروجيڪٽ جي مجموعي رسائي جو دارومدار وڏي حصي ۾ ليکڪ جي مارڪ اپ، اضافي اسٽائلنگ، ۽ اسڪرپٽنگ تي آهي جنهن ۾ اهي شامل آهن. بهرحال، مهيا ڪيو ويو آهي ته اهي صحيح طريقي سان لاڳو ڪيا ويا آهن، اهو مڪمل طور تي ممڪن آهي ته بوٽ اسٽريپ سان ويب سائيٽون ۽ ايپليڪيشنون ٺاهيون جيڪي WCAG 2.1 (A/AA/AAA)، سيڪشن 508 ، ۽ ساڳي پهچ جي معيار ۽ گهرجن کي پورو ڪن.

ساخت جي مارڪ اپ

بوٽ اسٽريپ جي اسٽائلنگ ۽ ترتيب کي لاڳو ڪري سگھجي ٿو وڏين حد تائين مارڪ اپ جوڙجڪ. ھن دستاويزن جو مقصد آھي ڊولپرز کي بھترين عملي مثالن سان مهيا ڪرڻ لاءِ جيڪو پاڻ Bootstrap جي استعمال کي ظاھر ڪري ۽ مناسب سيمينٽڪ مارڪ اپ کي واضع ڪري، بشمول طريقن سان جنھن ۾ امڪاني رسائي جي خدشن کي حل ڪري سگھجي ٿو.

انٽرايڪٽو اجزاء

بوٽ اسٽريپ جا انٽرايڪٽو جزا- جھڙوڪ ماڊل ڊائلاگ، ڊراپ ڊائون مينيو، ۽ ڪسٽم ٽول ٽائپس- ٽچ، ماؤس ۽ ڪيبورڊ استعمال ڪندڙن لاءِ ڪم ڪرڻ لاءِ ٺاھيا ويا آھن. لاڳاپيل WAI - ARIA ڪردارن ۽ خاصيتن جي استعمال جي ذريعي، اهي جزا پڻ سمجھڻ ۽ قابل هجڻ گهرجن مددگار ٽيڪنالاجيون استعمال ڪندي (جهڙوڪ اسڪرين ريڊر).

ڇاڪاڻ ته بوٽ اسٽريپ جا جزا صاف طور تي عام طور تي ٺهيل آهن، ليکڪن کي شايد وڌيڪ ARIA ڪردار ۽ خاصيتون شامل ڪرڻ جي ضرورت پوندي، انهي سان گڏ JavaScript جي رويي کي، وڌيڪ صحيح طور تي انهن جي جزن جي صحيح نوعيت ۽ ڪارڪردگي کي پهچائڻ لاء. اهو عام طور تي دستاويز ۾ نوٽ ڪيو ويو آهي.

رنگ برعڪس

رنگن جا ڪجهه مجموعا جيڪي هن وقت بوٽ اسٽريپ جي ڊفالٽ پيليٽ کي ٺاهيندا آهن- سڄي فريم ورڪ لاءِ استعمال ڪيا ويندا آهن جيئن ته بٽڻ جي مختلف تبديلين، خبرداري جي تبديلين، فارم جي تصديق جا اشارا- شايد رنگن جي اڻپوري برعڪس (سفارش ڪيل WCAG 2.1 ٽيڪسٽ رنگ جي ابتڙ تناسب جي هيٺان 4.5:1 ۽ WCAG 2.1 غير متن جي رنگ جي برعڪس تناسب جو 3:1 )، خاص طور تي جڏهن استعمال ڪيو ويو هلڪو پس منظر جي خلاف. ليکڪن کي حوصلا افزائي ڪئي وئي آهي ته انهن جي مخصوص رنگن جي استعمال جي جانچ ڪن ۽، جتي ضروري هجي، دستي طور تي انهن ڊفالٽ رنگن کي تبديل ڪرڻ / وڌائڻ لاء مناسب رنگ جي برعڪس تناسب کي يقيني بڻائڻ لاء.

بصري طور تي لڪيل مواد

مواد جيڪو بصري طور تي لڪايو وڃي، پر مددگار ٽيڪنالاجيز جهڙوڪ اسڪرين ريڊرز تائين رسائي لائق هجي، .visually-hiddenڪلاس کي استعمال ڪندي انداز ڪري سگهجي ٿو. اهو انهن حالتن ۾ ڪارائتو ٿي سگهي ٿو جتي اضافي بصري معلومات يا اشارو (جهڙوڪ مطلب ته رنگ جي استعمال ذريعي ظاهر ڪيو ويو آهي) پڻ غير بصري استعمال ڪندڙن تائين پهچائڻ جي ضرورت آهي.

<p class="text-danger">
  <span class="visually-hidden">Danger: </span>
  This action is not reversible
</p>

بصري طور تي لڪيل انٽرايڪٽو ڪنٽرولز لاءِ، جيئن روايتي ”اسڪپ“ لنڪس، .visually-hidden-focusableڪلاس استعمال ڪريو. اهو يقيني بڻائيندو ته ڪنٽرول هڪ ڀيرو مرڪوز ٿيڻ کان پوء نظر ايندو (ڏسندڙ ڪيبورڊ استعمال ڪندڙن لاءِ). ڏسو، ماضي جي ورزن ۾ برابري .sr-only۽ ڪلاسن جي مقابلي ۾، بوٽ اسٽريپ 5 هڪ اسٽينڊل ڪلاس آهي، ۽ ڪلاس سان ميلاپ ۾ استعمال نه ٿيڻ گهرجي ..sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

گھٽتائي واري حرڪت

prefers-reduced-motionبوٽ اسٽريپ ۾ ميڊيا فيچر لاءِ سپورٽ شامل آهي . برائوزرن/ماحولن ۾ جيڪي صارف کي اجازت ڏين ٿا ته گھٽ حرڪت لاءِ پنھنجي ترجيح بيان ڪن، بوٽ اسٽريپ ۾ گھڻا سي ايس ايس منتقلي اثرات (مثال طور، جڏھن ھڪ موڊل ڊائلاگ کوليو وڃي يا بند ڪيو وڃي، يا carousels ۾ سلائيڊنگ اينيميشن) غير فعال ٿي وينديون، ۽ بامعني انيميشن ( جهڙوڪ اسپنرز) کي سست ڪيو ويندو.

برائوزرن تي جيڪي سپورٽ ڪن ٿا prefers-reduced-motion، ۽ جتي صارف واضح طور تي اشارو نه ڪيو آهي ته اهي گھٽ حرڪت کي ترجيح ڏين ٿا (يعني جتي prefers-reduced-motion: no-preference)، بوٽ اسٽريپ ملڪيت کي استعمال ڪندي آسان اسڪرولنگ کي فعال ڪري ٿو scroll-behavior.

اضافي وسيلن