لاسرسی

د لاسرسي وړ مینځپانګې رامینځته کولو لپاره د بوټسټریپ ځانګړتیاو او محدودیتونو لنډه کتنه.

په دې پاڼه کې

بوټسټریپ د چمتو شوي سټایلونو ، ترتیب وسیلو ، او متقابل اجزاو کارول اسانه چوکاټ چمتو کوي ، پراختیا کونکو ته اجازه ورکوي چې ویب پا andې او غوښتنلیکونه رامینځته کړي چې په لید کې زړه راښکونکي ، په فعاله توګه بډایه او له بکس څخه د لاسرسي وړ وي.

کتنه او محدودیتونه

د بوټسټریپ سره رامینځته شوې هرې پروژې عمومي لاسرسي په لویه برخه کې د لیکوال مارک اپ ، اضافي سټایل کولو ، او سکریپټینګ پورې اړه لري چې دوی پکې شامل کړي دي. په هرصورت، په دې شرط چې دا په سمه توګه پلي شوي وي، دا باید په بشپړه توګه ممکن وي چې د بوټسټراپ سره ویب پاڼې او غوښتنلیکونه جوړ کړي چې د WCAG 2.1 (A/AA/AAA)، برخه 508 ، او ورته ورته د لاسرسي معیارونه او اړتیاوې پوره کړي.

ساختماني نښه

د بوټسټریپ سټایل او ترتیب د مارک اپ جوړښتونو پراخه لړۍ کې پلي کیدی شي. د دې اسنادو هدف دا دی چې پراختیا کونکو ته د غوره تمرین مثالونه چمتو کړي ترڅو پخپله د بوټسټراپ کارول وښیې او مناسب سیمانټیک مارک اپ روښانه کړي ، پشمول هغه لارې چې د لاسرسي احتمالي اندیښنې حل کیدی شي.

متقابل اجزا

د بوټسټریپ متقابل اجزا — لکه د موډل ډیالوګونه ، د ډراپ ډاون مینو ، او دودیز اوزار لارښوونې — د ټچ ، ماوس او کیبورډ کاروونکو لپاره کار کولو لپاره ډیزاین شوي. د اړونده WAI - ARIA رولونو او ځانګړتیاو په کارولو سره، دا برخې باید د پوهیدو وړ وي او د مرستندویه ټیکنالوژیو په کارولو سره د کار وړ وي (لکه د سکرین لوستونکي).

ځکه چې د بوټسټریپ اجزا په قصدي ډول ډیزاین شوي ترڅو په عادلانه ډول عمومي وي، لیکوالان اړتیا لري چې د ARIA نور رولونه او ځانګړتیاوې، او همدارنګه د جاوا سکریپټ چلند شامل کړي، ترڅو د دوی د برخې دقیق ماهیت او فعالیت په سمه توګه وړاندې کړي. دا معمولا په اسنادو کې یادونه کیږي.

د رنګ برعکس

د رنګونو ځینې ترکیبونه چې اوس مهال د بوټسټریپ ډیفالټ پیلټ جوړوي — په ټول چوکاټ کې د شیانو لپاره کارول کیږي لکه د تڼۍ تغیرات، د خبرتیا تغیرات، د فورمې تایید شاخصونه - کیدای شي د رنګ ناکافي توپیر لامل شي (د وړاندیز شوي 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میډیا ځانګړتیا لپاره ملاتړ شامل دی . په براوزرونو/چاپیریالونو کې چې کاروونکي ته اجازه ورکوي چې د کم حرکت لپاره خپل غوره توب مشخص کړي، په بوټسټریپ کې د CSS ډیری لیږد اغیزې (د مثال په توګه، کله چې د موډل ډیالوګ پرانستل یا بند شي، یا په carousels کې سلیډینګ حرکت) به غیر فعال وي، او معنی لرونکي حرکتونه ( لکه سپنران) به ورو شي.

په براوزرونو کې چې ملاتړ کوي prefers-reduced-motion، او چیرې چې کارونکي په څرګنده توګه اشاره نه ده کړې چې دوی کم حرکت غوره کوي (یعنې چیرې prefers-reduced-motion: no-preference) ، بوټسټریپ د scroll-behaviorملکیت په کارولو سره اسانه سکرول کول وړوي.