eye 行人號誌閱讀器
無障礙聲明
最後更新:2026 年 10 月 9 日
我們的承諾
本網站介紹一項為視障者設計的輔助裝置,網站本身同樣以可及性為設計前提。我們的目標是符合《網頁內容無障礙指引》(WCAG)2.2 AA 等級,讓使用螢幕閱讀器、鍵盤、放大功能或其他輔助科技的訪客,都能取得與其他訪客相同的資訊。
已採取的措施
- 以語意化 HTML 標示標題層級、導覽與頁面區塊,並提供「跳至主要內容」連結。
- 所有功能皆可僅以鍵盤操作,焦點位置以清楚的外框標示;固定於畫面上方的導覽列不會遮住取得焦點的元素(WCAG 2.4.11)。
- 導覽列標示目前閱讀的段落,方便在長頁面中掌握位置。
- 圖片提供文字替代說明;裝飾性圖形不會被螢幕閱讀器朗讀。
- 每張圖表皆提供可展開的表格版本,數據不必依賴滑鼠懸停即可取得。
- 首頁動畫可隨時暫停,畫面捲離時自動停止;若系統開啟「減少動態效果」,所有動畫即停用。
- 提供自動、淺色、深色與高對比四種顯示模式,選擇會保存在本機瀏覽器。
- 文字與背景的色彩對比符合 AA 等級;色彩不是傳達資訊的唯一方式,圖表另有文字標示與圖例。
- 在 320 CSS 像素寬的畫面上,內容可完整重新排列,不需要水平捲動(WCAG 1.4.10)。
- 不使用自動播放的聲音,也不設置操作時間限制。首頁動畫中的綠燈閃爍為每 0.8 秒一次、面積小,低於 WCAG 2.3.1 每秒 3 次的上限。
- 語音提示可按「試聽」以瀏覽器內建語音播放,只在使用者按下時發聲,可隨時停止。
- 列印時會展開所有內容與數據表格,並隱藏不需要的操作元件。
評估方式
本網站以下列工具進行自動化檢測,最近一次評估日期為 2026 年 10 月 9 日:
- axe-core(WCAG 2.0–2.2 A/AA 與最佳實務規則),透過 Playwright 在桌面淺色、桌面深色、高對比、平板 768、手機 390 與 320 像素寬、減少動態效果等情境執行,並檢查導覽列是否遮住焦點。
- Lighthouse:效能、無障礙、最佳實務與搜尋引擎最佳化。
- html-validate:HTML 語法與結構。
- 鍵盤操作檢查:逐一確認每個可操作元素皆可聚焦,且焦點外框清晰可見。
自動化工具只能找出部分無障礙問題,因此我們也將下方列出的限制視為後續改善的重點。
已知限制
- 本網站尚未經螢幕閱讀器使用者(例如 VoiceOver、NVDA)進行實際使用測試。
- 首頁的行人號誌動畫僅為示意,螢幕閱讀器會朗讀其文字說明,不會逐格描述動畫內容。
- 外殼圖片為電腦繪製的模型渲染圖,已提供文字說明,但細部形狀難以完整以文字呈現。
- 「試聽」使用瀏覽器內建的中文語音,音色與裝置實際播放的錄音不同;瀏覽器沒有中文語音時無法試聽。使用螢幕閱讀器時,試聽的聲音可能與朗讀重疊。
相容性
本網站以最新版本的 Chrome、Edge、Safari 與 Firefox 為設計目標,並依賴 HTML、CSS 與 JavaScript 運作;停用 JavaScript 時,全部內容仍可閱讀,僅動畫與篩選功能無法使用。
意見回饋
若您在使用本網站時遇到任何障礙,或有改善建議,歡迎與專題作者聯繫。聯絡方式將於作者資訊公布後提供。