無障礙：背景與承諾

本狀態報告適用於 withings.com 網站。截至目前，我們的 Withings.com 網站因以下主要不符合項，僅部分符合數位無障礙標準。

已識別的主要不符合項：

我們的審核發現以下幾類無障礙問題：

1. 表單與互動元素問題：

許多表單欄位和按鈕缺乏無障礙標籤或名稱，導致螢幕閱讀器使用者和鍵盤導覽使用者難以或無法使用。

下拉式清單和輸入欄位需要無障礙名稱。

由於使用了大於 0 的 tabindex，Tab 鍵順序並不總是合乎邏輯，妨礙了鍵盤導覽。

2. 色彩對比問題：

部分文字和圖形元素未達到最低色彩對比度要求，可能導致視覺障礙者無法閱讀內容。

3. 語意與結構問題：

ARIA 屬性有時被誤用或不適用於相關元素。

清單元素並不總是正確地嵌套在清單中，可能破壞輔助技術的語意結構。

主要 元素缺少語言屬性（lang），可能影響螢幕閱讀器的發音。

4. 圖片缺乏替代文字：

部分圖片缺乏替代文字描述（alt），導致無法看見圖片的使用者無法存取。

不成比例負擔的豁免

無

無障礙評估工具

我們已進行深入的無障礙審核，特別使用了 Axe 和 Pa11y 工具。

無障礙行動計畫

我們全力致力於持續改進以達到合規。以下行動計畫詳述了我們將採取的步驟：

目標：於 2027 年 6 月 28 日前達到數位無障礙標準合規。

優先領域：

1. 改善表單與鍵盤導覽：

- 行動：系統性地為所有表單欄位 "input"、"textarea"、"select" 關聯清晰且精確的 "label" 標籤。

- 行動：確保所有按鈕和互動元素具有無障礙名稱（aria-label、aria-labelledby、文字內容）。

- 行動：消除或修正大於 0 的 tabindex 使用，以確保合乎邏輯且自然的 Tab 鍵順序。

- 行動：對整個網站進行完整的鍵盤導覽測試。

2. 修正色彩對比問題：

- 行動：審查我們網站的色彩調色盤，確保所有重要文字和元素符合所需的色彩對比度（WCAG 2.1 AA）。

- 行動：在開發和驗證過程中使用對比度驗證工具。

3. 優化程式碼語意與結構：

- 行動：修正 ARIA 屬性的使用，使其適合元素的角色。

- 行動：確保清單（"ul"、"ol"、"li"）的正確語意結構。

- 行動：為 元素新增正確的 lang 屬性。

4. 為圖片新增替代文字：

- 行動：為所有有意義的圖片新增具描述性且相關的 alt 文字。

- 行動：對於裝飾性圖片，確保 alt 屬性為空（alt=""），使其被螢幕閱讀器忽略。