無障礙
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），特別是在淺色背景下使用時。建議作者測試其特定色彩用途，並在必要時手動修改/延伸這些預設色彩，以確保足夠的色彩對比比率。
視覺上隱藏的內容
應視覺上隱藏但仍可供輔助技術（例如螢幕閱讀器）存取的內容，可以使用 .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 的 .visually-hidden-focusable 是獨立的類別，不能與 .visually-hidden 類別合併使用。
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
減少動態
Bootstrap 支援 prefers-reduced-motion 媒體功能。在允許使用者指定減少動態偏好的瀏覽器/環境中，Bootstrap 中的大多數 CSS 轉場效果（例如，當開啟或關閉模式對話方塊，或在輪播中滑動動畫時）將會停用，而有意義的動畫（例如旋轉器）將會變慢。
在支援 prefers-reduced-motion 的瀏覽器中，且使用者未明確表示他們偏好減少動作（即 prefers-reduced-motion: no-preference），Bootstrap 會使用 scroll-behavior 屬性啟用平滑捲動。