渾儀ARMILLARY

無障礙

無障礙聲明做到哪裡、還沒做到哪裡。

這一頁說明渾儀的網頁對使用鍵盤、螢幕報讀軟體、放大字級或系統對比主題的人,目前做到了什麼、還有哪些已知的缺口。

先說清楚範圍

本站沒有做過第三方無障礙稽核,也不宣稱符合 WCAG 的任何一個等級。下面列的每一項,都是自動測試在真實瀏覽器裡實際檢查的行為;沒有測試在守的,就寫在「還沒做到的」那一節。

自動測試在 Chromium 上跑,每次修改都要通過;Firefox 與 Safari(WebKit)只做不定期的抽查。

目前做到的

  • 鍵盤可以走完整個網站。每一頁開頭有「跳到主要內容」的連結;每一個可以操作的元素(摺疊標題也算)被鍵盤選到時,都有同一種 2px 的外框。
  • 寬表格可以用鍵盤捲動。表格比畫面寬、需要左右捲動時,它的外框才是一個 Tab 停留點,並以表格標題命名;放得下的表格不多佔一站。
  • 計算頁的每一個控制項都有自己的名稱。測試讀的是瀏覽器交給螢幕報讀軟體的無障礙樹:算出結果前後,每一個按鈕、欄位與選項的名稱都不空、也不重複。
  • 錯誤與狀態會被讀出來。送出被擋下時,每一個有問題的欄位帶著自己那一句說明,不是整張表單共用一句;精度、時區等改變會以即時區域朗讀;同一個時刻在當地出現兩次時,焦點會移到選擇區。
  • 中文輸入法不會誤觸搜尋。在地名欄用輸入法選字時按的 Enter 只確認選字,不送出查詢。
  • 字級跟著你的設定。中文字在桌機與手機寬度都至少 12px,並跟著瀏覽器的字級設定放大,不寫死像素。
  • 窄螢幕不需要左右捲動。在 320px 寬(相當於 1280px 寬放大到 400%)時,連同所有選配結果全部展開,頁面本身都不橫向捲動;只有寬表格與章節列在自己的框裡捲動。
  • 減少動態效果。系統設定「減少動態效果」時,每一個動畫與轉場都關掉。
  • 系統的高對比主題。Windows 的對比主題(強制色彩)照系統的顏色顯示;只靠底色表示的「已選」狀態,在這個模式下改用系統的醒目色。
  • 懸停時的文字對比。滑鼠移到按鈕上換底色時,字與底的對比至少 4.5:1,由測試從色彩 token 算出核對。
  • 星盤圖有文字替代。星盤圖與方盤帶有說明上升點的文字標籤;圖上的每一個位置、宮位與相位,在結果頁的表格裡都有同樣的數值。
  • 名詞解釋在手機上是對話框。打開時背後的頁面不能被 Tab 走到,關閉後焦點回到你按的那個按鈕。

還沒做到的

  • 沒有用螢幕報讀軟體逐頁實測。NVDA、JAWS、VoiceOver、TalkBack 都沒有系統性地走過一遍;測試讀的是瀏覽器的無障礙樹,那是報讀軟體拿到的資料,但不等於實際聽到的樣子。
  • 圖的空間關係沒有等價的文字。星盤圖、方盤與文章裡的圖,數值都另有表格或文字,但「哪幾條相位線交錯、哪幾顆星擠在一起」這種一眼看出的關係,沒有逐一寫成文字。
  • 完整結果很長。全部選項都開時,結果頁有上萬個元素;在較慢的裝置上,算完或一次展開全部章節時可能停頓一下。
  • 只有繁體中文,而且術語多。有名詞解釋,但沒有淺白語言的版本,也沒有其他語言。
  • 其他瀏覽器沒有每次都測。Firefox 與 Safari 上的行為只靠抽查;鍵盤在 Safari 預設不會 Tab 到連結與按鈕,需要在系統或瀏覽器設定裡打開。

遇到障礙,請告訴我們

哪一頁、用什麼裝置與輔助工具、卡在哪一步——照〈聯絡方式〉的地址寫信,或在 GitHub issue 回報(issue 是公開的,不要放真實出生資料)。回覆是盡力而為;修好的項目會移到上面「目前做到的」,並加上守住它的測試。