親和性
簡要概述Bootstrap創建親和性內容的特性和限制。
Bootstrap提供了一個易于使用的框架，包括現成的樣式、布局工具和交互組件，允許開發人員創建具有視覺吸引力、功能豐富且可開箱即用的網站和應用程序。
概述和限制
使用Bootstrap構建的任何項目的總體可訪問性在很大程度上取決于作者的標記、附加樣式和腳本。然而，用Bootstrap創建執行WCAG 2.1（A/AA/AAA），Section 508，以及類似標準網站和應用是完全可以的。
結構化標記
Bootstrap的樣式和布局可以應用于大量的標記結構上。本文主旨在向開發者提供最佳的示范演示Bootstrap本身以及展示適當的語義標記，包括處理潛在親和性之方式。
交互式組件
Bootstrap的互動元件—比如modal dialogs，下拉式功能表和自定義工具提示，其設計目的是方便觸控式及鼠標用戶。通過使用WAI-ARIA角色和屬性，使用輔助性技術（比如屏幕閱讀器）這些元件應同時具有可理解性和操作性。
由于Bootstrap的元件有意被設計為具有相當的通用性，因此作者可能需要加入進一步的ARIA角色和屬性以及JavaScript行為，以便更加準確地傳達其元件的精確性質和功能。在文件中通常會加以注明。
顏色對比度
當前構成Boostrap預設的一些顏色—在整個框架內用于按鈕變化，警告變化，形式認證指示等—在淺色背景是不足夠的顏色對比（如下為建議的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和.sr-only-focusable相比之下，Bootstrap 5’s.visually-hidden-focusable是獨立的樣式，不得與.visually-hidden樣式一起使用。
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
簡化動畫
Bootstrap加入對于prefers-reduced-motion media feature的支持性。允許用戶指定減少動態的選項的瀏覽器/環境中，Bootstrap中的大多數CSS轉換效果（例如，打開或關閉互動視窗時）將被禁用，和有意義的動畫（例如微調器）將會變慢。
在支持prefers-reduced-motion的瀏覽器，并在用戶未明確表示他們希望減少reduced motion的情況下（即在prefers-reduced-motion: no-preference狀況下），Bootstrap可以使用scroll-behavior屬性實現平滑滾動。