Source

پهچ

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

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

جائزو ۽ حدون

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

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

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

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

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

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

رنگ برعڪس

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

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

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

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

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

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

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

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

اضافي وسيلن