Source

Хүртээмжтэй байдал

Bootstrap-ийн боломжууд болон хүртээмжтэй контент үүсгэх хязгаарлалтуудын товч тойм.

Bootstrap нь ашиглахад хялбар, бэлэн загвар, зохион байгуулалтын хэрэгсэл, интерактив бүрэлдэхүүн хэсгүүдийг бий болгож, хөгжүүлэгчдэд харагдахуйц сэтгэл татам, үйл ажиллагааны хувьд баялаг, хайрцагнаас гарах боломжтой вэбсайт, програмуудыг бий болгох боломжийг олгодог.

Тойм ба хязгаарлалт

Bootstrap ашиглан бүтээгдсэн аливаа төслийн ерөнхий хүртээмж нь зохиогчийн тэмдэглэгээ, нэмэлт загвар, тэдгээрийн оруулсан скриптээс ихээхэн хамаардаг. Гэсэн хэдий ч эдгээрийг зөв хэрэгжүүлсэн тохиолдолд WCAG 2.0 (A/AA/AAA), 508 -р хэсэг болон ижил төстэй хүртээмжийн стандарт, шаардлагыг хангасан Bootstrap-тай вэб сайт, программуудыг үүсгэх бүрэн боломжтой байх ёстой.

Бүтцийн тэмдэглэгээ

Bootstrap-ийн загвар, зохион байгуулалтыг өргөн хүрээний тэмдэглэгээний бүтцэд ашиглаж болно. Энэхүү баримт бичиг нь хөгжүүлэгчдэд Bootstrap-ийн хэрэглээг харуулах шилдэг туршлагын жишээг өгөх, боломжит хүртээмжтэй холбоотой асуудлуудыг шийдвэрлэх арга замуудыг багтаасан зохих семантик тэмдэглэгээг харуулах зорилготой юм.

Интерактив бүрэлдэхүүн хэсгүүд

Bootstrap-ийн интерактив бүрэлдэхүүн хэсгүүд, тухайлбал модаль харилцах цонх, унадаг цэс, тусгай хэрэгслийн зөвлөмжүүд нь мэдрэгчтэй, хулгана, гар хэрэглэгчдэд зориулагдсан болно. Холбогдох WAI - ARIA үүрэг, шинж чанаруудыг ашигласнаар эдгээр бүрэлдэхүүн хэсгүүд нь туслах технологи (дэлгэц уншигч гэх мэт) ашиглан ойлгомжтой, ажиллах боломжтой байх ёстой.

Bootstrap-ийн бүрэлдэхүүн хэсгүүд нь нэлээд ерөнхий байхаар зориудаар бүтээгдсэн байдаг тул зохиогчид бүрэлдэхүүн хэсгийнхээ мөн чанар, функцийг илүү нарийвчлалтай илэрхийлэхийн тулд ARIA -ийн цаашдын үүрэг, шинж чанарууд, түүнчлэн JavaScript-ийн үйлдлийг оруулах шаардлагатай байж магадгүй юм. Үүнийг ихэвчлэн баримт бичигт тэмдэглэсэн байдаг.

Өнгөний ялгаа

Одоогийн байдлаар Bootstrap-ийн анхдагч палитрыг бүрдүүлдэг ихэнх өнгө нь товчлуурын өөрчлөлт, дохиоллын өөрчлөлт, маягтын баталгаажуулалтын үзүүлэлт гэх мэт зүйлсэд ашиглагддаг бөгөөд эдгээрийн эсрэг ашиглах үед өнгөний тодосгогч хангалтгүй (санал болгож буй 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>

Нэмэлт нөөц