無障礙
Bootstrap 的功能和限制，用於建立無障礙內容的簡要概觀。
Bootstrap 提供一個易於使用的架構，包含現成的樣式、版面配置工具和互動式元件，讓開發人員可以建立視覺上吸引人、功能豐富且開箱即用的無障礙網站和應用程式。
概觀與限制
使用 Bootstrap 建立的任何專案的整體無障礙性在很大程度上取決於作者的標記、額外樣式和他們包含的腳本。然而，只要這些都已正確實作，便可以使用 Bootstrap 建立符合 WCAG 2.1 (A/AA/AAA)、第 508 條 和類似無障礙標準和要求的網站和應用程式。
結構標記
Bootstrap 的樣式和版面配置可以套用於各種標記結構。此文件旨在為開發人員提供最佳實務範例，以展示 Bootstrap 本身的用法，並說明適當的語意標記，包括可以解決潛在無障礙問題的方法。
互動式元件
Bootstrap 的互動元件（例如模態對話框、下拉式選單和自訂工具提示）設計為適用於觸控、滑鼠和鍵盤使用者。透過使用相關的 WAI-ARIA 角色和屬性，這些元件也應該可以使用輔助技術（例如螢幕閱讀器）來理解和操作。
由於 Bootstrap 的元件特別設計為相當通用，因此作者可能需要包含進一步的 ARIA 角色和屬性，以及 JavaScript 行為，才能更準確地傳達元件的精確性質和功能。這通常會在文件中註明。
色彩對比
目前組成 Bootstrap 預設調色盤的某些色彩組合（在整個架構中用於按鈕變化、警示變化、表單驗證指標等事項）可能會導致不足夠的色彩對比（低於建議的 WCAG 2.1 文字色彩對比比率 4.5:1 和 WCAG 2.1 非文字色彩對比比率 3: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>
減少動作
Bootstrap 包含對 prefers-reduced-motion 媒體功能 的支援。在允許使用者指定其對減少動作偏好的瀏覽器/環境中，Bootstrap 中的大部分 CSS 轉場效果（例如，當模態對話框開啟或關閉，或旋轉木馬中的滑動動畫）將會停用，而有意義的動畫（例如旋轉器）將會變慢。