無障礙
如果這個網站把你擋在外面，那是一個有期限的缺陷。
這是一份聲明，說明我們做了什麼、什麼還沒做完，以及該怎麼告訴我們哪裡失敗了。沒有附上已知缺口清單的無障礙宣稱就是行銷，所以缺口寫在這一頁下面。
我們給自己設的標準
| 領域 | 目標 | 怎麼檢查 |
|---|---|---|
| 整體網站與應用程式 | WCAG 2.2 AA 等級 | 每個 pull request 自動掃描，並擋下合併 |
| 購買關鍵文字 | 對比與閱讀難度達 WCAG 2.2 AAA 等級 | 對比 7 比 1，每次文案變更都檢查閱讀難度 |
| 文字縮放 | 200 % 下不截斷、不重疊 | 在三種視窗寬度下做 100、150、200 % 的版面測試 |
| 鍵盤 | 每項功能都到得了，焦點永遠看得見 | 每次發版都人工走完每一條購買與安裝流程 |
| 螢幕閱讀器 | 在 VoiceOver、TalkBack 和 NVDA 上跑完整流程 | 每年一次與輔助科技使用者一起做的稽核，不是只靠工具 |
| 動態效果 | 尊重減少動態效果，沒有東西動超過五秒 | 自動化測試中包含偏好設定查詢的測試 |
| 右到左 | 阿拉伯文、希伯來文、波斯文與烏爾都文採鏡像版面 | 每次動到版面的發版都由母語者審閱 |
| 離線 | 沒有連線也能看設定檔、餘額、方案細節與安裝步驟 | 每次應用程式發版前用飛航模式跑一遍 |
自動化的檢查會擋下合併，人工的檢查會擋下發版。兩者都不是建議性質。
文字、對比與顏色
內文的對比度至少達到 4.5 比 1，購買關鍵文字則達到 7 比 1。
顏色從不單獨承載意義。覆蓋等級除了顏色還有文字標籤。錯誤除了紅框還有文字。用完的方案會用文字說出來，而不是只變灰。這條規則在錢易手的頁面上最重要。
動態字級可放大到 200 %。站上沒有任何地方是用固定高度排版而在放大時被裁掉，表格會在自己的容器內水平捲動，而不是把整頁往旁邊推。
購買按鈕上的合理使用門檻在任何字級下都看得清楚。如果你把瀏覽器或系統字級調得比預設大，網站會尊重它，而不是覆蓋掉。
鍵盤、焦點與螢幕閱讀器
每一項功能都有鍵盤路徑。下面這份清單是我們每次發版都會實測的標準，不是我們的意願說明。
- 每一頁的 Tab 順序第一項，都是跳至主要內容的連結
- 焦點指示在我們用到的每一種背景上都看得見，並符合 WCAG 2.2 的焦點外觀規定
- 對話框開啟時鎖住焦點，關閉時把焦點交還給觸發元件，並可用 Esc 鍵關閉
- 表單錯誤會被朗讀、與對應欄位關聯，而且說明怎麼修正，不是只說哪裡錯
- 每一張帶有意義的圖片都有替代文字，裝飾性圖片則對輔助科技隱藏
- 示意圖是帶有角色與標籤的內嵌向量圖，所以會描述其中的機制，而不是只被念成一張圖
- 標題是真正的階層，所以用標題導覽可以在幾秒內走完一個國家頁
動態效果
減少動態效果的偏好設定在全站和兩支應用程式上都會被尊重。
品牌圖案是用樣式表 keyframes 畫出來的向量，而不是透過動畫執行環境送出。它會完全停住，不會停在動一半的狀態，而且成本是幾百位元組，不是四分之一 MB 的程式碼。
沒有任何東西會自動播放聲音，沒有任何東西每秒閃爍超過三次，也沒有任何東西在沒有停止控制的情況下動超過五秒。
右到左，認真做
阿拉伯文、希伯來文、波斯文和烏爾都文是由右至左書寫的語言，我們把它當成排版問題，不是翻譯問題。
導覽、進度指示、方向性圖示、表格閱讀順序、表單流程和安裝步驟的方向全部鏡像。數字、拉丁字母的產品名稱和速度數值會正確落在句子裡，因為文字是以雙向文字處理，而不是把字串反過來。
這件事在商業上和倫理上一樣重要。限速數字、退款規則和合理使用門檻，是最容易被讀錯的句子，而一個壞掉的右到左排版，正是一個人開始不信任這一頁的地方。
今天有十二種語言上線，每一種都把相同的數字放在相同的位置。
離線是一種使用需求
已知缺口
一份沒有已知問題的聲明，就是還沒被測試過的聲明。以下這些仍未關閉，而且每一項都有負責人。
- 兩篇較舊的說明文章有表格，在窄螢幕搭配 200 % 字級時捲動起來很彆扭，正在重寫
- 覆蓋地圖是視覺輔助，旁邊附有完整的文字等同內容，但我們更希望地圖本身可以用鍵盤操作
- 有些第三方付款框架不在我們的控制範圍內，我們把具體的發現提給支付服務商，而不是默默接受
- 波斯文和烏爾都文在說明與法律內容上已經完整，但還沒涵蓋整個雜誌封存
告訴我們哪裡失敗了
請寫信到 accessibility at orbislo.com。告訴我們是哪一頁、哪一台裝置、哪一種輔助科技，以及發生了什麼事。
兩個工作天內會有真人回覆，附上嚴重程度與目標日期。任何擋住購買、安裝或退款的問題，都當成正式環境事故處理，而不是待辦清單上的一項。
你不是在提供意見。你是在回報一個錯誤，我們也會這樣對待它。