輔助功能
Foundation for Sites 是完全無障礙的架構。以下是一些一般準則，讓您在製作網頁時能注意無障礙性。
除了 Foundation 元件內建的無障礙功能外，請務必遵循最佳實務，讓您的網站更具無障礙性。
關心無障礙性或想要貢獻？提交拉取請求或參與 [GitHub 上的討論](https://github.com/foundation/foundation-sites/labels/accessibility)。
基本原則
- 適當地建構您的文件。標記導覽、清單、連結、控制項等時，請使用正確的 HTML 標籤。
- 標記所有內容。如果控制項或表單元素沒有文字標籤，請新增一個。您可以使用 可見度類別 在視覺上隱藏標籤，同時維持無障礙性。對所有影像使用
alt屬性來描述它們的內容。 - 不要依賴純粹的視覺提示。即使頁面正在被讀給使用者聽，或使用者是色盲且無法使用基於顏色的標籤，頁面的內容也應具有意義。
- 讓所有內容都能使用鍵盤和滑鼠。對您來說很幸運，我們的元件一開箱就能與鍵盤、滑鼠和觸控螢幕搭配使用。
殘障類型
視覺
視障使用者可能有低視力或完全失明。對於低視力使用者而言，適當的字體對比度很重要，包括大小和顏色。前景顏色應與背景顏色形成對比。您可以使用工具計算前景和背景顏色的對比度。對於普通文字，對比度應至少為 1:4.5，對於大文字應為 3:1。盲人使用者會使用螢幕閱讀器來閱讀網路。螢幕閱讀器會大聲朗讀網頁內容，或使用某些 HTML 提示來推斷含義，並將其寫成盲文。
運動
運動障礙使用者可能難以使用滑鼠，或根本不使用滑鼠。因此，您的網站完全支援鍵盤操作非常重要。視障使用者通常也只使用鍵盤瀏覽網站。
僅使用鍵盤時，tab 鍵是瀏覽頁面的主要方式。但是，大多數螢幕閱讀器都包含許多快速鍵，可跳過頁面。例如，螢幕閱讀器可以朗讀頁面上的每個標題或每個連結，讓使用者更容易找到頁面上的正確內容。
較複雜的元件，例如選單、標籤或滑桿，通常也可以使用箭頭鍵，而不仅仅是tab 鍵。我們的 JavaScript 外掛程式預設提供進階鍵盤支援。
聽覺
如果您的網站有影片，請提供字幕，以便聽障或重聽使用者可以正確觀看內容。
Foundation 和無障礙
Foundation 的所有元件都可使用鍵盤存取，且對螢幕閱讀器友善。我們所有的程式碼範例都包含必要的無障礙輔助工具，但有時身為開發人員的你，可能需要微調這些輔助工具的使用方式。我們的 JavaScript 外掛程式會自動將許多必要的屬性加入 HTML 中。請參閱各元件的說明文件，以了解如何確保你的標記對螢幕閱讀器友善。
Foundation 的 CSS 使用 what-input 函式庫，它可以偵測使用者的目前輸入裝置，並相應調整 CSS。我們使用它來停用滑鼠使用者的輪廓，但不會停用鍵盤使用者的輪廓，因為他們需要輪廓來知道頁面上哪個元素有焦點。
如果你使用的是 Foundation 的 Sass 版本，你可以使用這個混合來在自己的元件上啟用這個功能
.element {
@include disable-mouse-outline;
// ...
}