Хүртээмжтэй байдал
Bootstrap-ийн боломжууд болон хүртээмжтэй контент үүсгэх хязгаарлалтуудын товч тойм.
Bootstrap нь ашиглахад хялбар, бэлэн загвар, зохион байгуулалтын хэрэгсэл, интерактив бүрэлдэхүүн хэсгүүдийг бий болгож, хөгжүүлэгчдэд харагдахуйц сэтгэл татам, үйл ажиллагааны хувьд баялаг, хайрцагнаас гарах боломжтой вэбсайт, програмуудыг бий болгох боломжийг олгодог.
Bootstrap ашиглан бүтээгдсэн аливаа төслийн ерөнхий хүртээмж нь зохиогчийн тэмдэглэгээ, нэмэлт загвар, тэдгээрийн оруулсан скриптээс ихээхэн хамаардаг. Гэсэн хэдий ч эдгээрийг зөв хэрэгжүүлсэн тохиолдолд WCAG 2.0 (A/AA/AAA), 508 -р хэсэг болон ижил төстэй хүртээмжийн стандарт, шаардлагыг хангасан Bootstrap-тай вэб сайт, программуудыг үүсгэх бүрэн боломжтой байх ёстой.
Bootstrap-ийн загвар, зохион байгуулалтыг өргөн хүрээний тэмдэглэгээний бүтцэд ашиглаж болно. Энэхүү баримт бичиг нь хөгжүүлэгчдэд Bootstrap-ийн хэрэглээг харуулах шилдэг туршлагын жишээг өгөх, боломжит хүртээмжтэй холбоотой асуудлуудыг шийдвэрлэх арга замуудыг багтаасан зохих семантик тэмдэглэгээг харуулах зорилготой юм.
Bootstrap-ийн интерактив бүрэлдэхүүн хэсгүүд, тухайлбал модаль харилцах цонх, унадаг цэс, тусгай хэрэгслийн зөвлөмжүүд нь мэдрэгчтэй, хулгана, гар хэрэглэгчдэд зориулагдсан болно. Холбогдох WAI - ARIA үүрэг, шинж чанаруудыг ашигласнаар эдгээр бүрэлдэхүүн хэсгүүд нь туслах технологи (дэлгэц уншигч гэх мэт) ашиглан ойлгомжтой, ажиллах боломжтой байх ёстой.
Bootstrap-ийн бүрэлдэхүүн хэсгүүд нь нэлээд ерөнхий байхаар зориудаар бүтээгдсэн байдаг тул зохиогчид бүрэлдэхүүн хэсгийнхээ мөн чанар, функцийг илүү нарийвчлалтай илэрхийлэхийн тулд ARIA -ийн цаашдын үүрэг, шинж чанарууд, түүнчлэн JavaScript-ийн үйлдлийг оруулах шаардлагатай байж магадгүй юм. Үүнийг ихэвчлэн баримт бичигт тэмдэглэсэн байдаг.
Одоогийн байдлаар Bootstrap-ийн анхдагч палитрыг бүрдүүлдэг ихэнх өнгө нь товчлуурын өөрчлөлт, дохиоллын өөрчлөлт, маягтын баталгаажуулалтын үзүүлэлт гэх мэт зүйлсэд ашиглагддаг бөгөөд эдгээрийн эсрэг ашиглах үед өнгөний тодосголт хангалтгүй (санал болгож буй WCAG 2.0 өнгөний тодосгогч харьцаанаас доогуур) хүргэдэг. цайвар дэвсгэр. Зохиогчид өнгөний тодосголтын харьцааг хангахын тулд эдгээр анхдагч өнгийг гараар өөрчлөх/өргөтгөх шаардлагатай болно.
Харагдах байдлаар далд байх ёстой, гэхдээ дэлгэц уншигч гэх мэт туслах технологид хандах боломжтой контентыг .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>Bootstrap нь prefers-reduced-motionмедиа функцийг дэмждэг . Хөдөлгөөнийг багасгахын тулд хэрэглэгчдэд өөрийн сонголтоо тодорхойлох боломжийг олгодог хөтөч/орчинд Bootstrap дээрх ихэнх CSS шилжилтийн эффектүүд (жишээ нь, модаль харилцах цонх нээгдэх эсвэл хаагдах үед) идэвхгүй болно. Одоогоор macOS болон iOS дээрх Safari-д дэмжлэг үзүүлж байна.