無障礙
本站以無障礙網頁的常見要求來製作,方向對齊 WCAG 2.1 AA。這份說明列出已經做到的項目與已知限制,不是檢測合格證書。
已經做到的
- 頁面語言為
zh-Hant-TW,主要內文是繁體中文。 - 每個頁面有一個主標題,關於我們、十六族、組織與無障礙頁可在沒有 JavaScript 時閱讀。
- 頁首有「跳至主要內容」。導覽分成網站分區與新聞分類,目前位置用
aria-current標示。 - 可用鍵盤操作連結、分類、字級、搜尋、載入更多、摘要與聯絡表單。焦點有明顯外框。
- 右上角字級分為小、中、大,記在這臺裝置的瀏覽器裡,不傳到伺服器。瀏覽器本身的縮放也沒有被關掉。
- 分類除了顏色,還有文字名稱。【示例】徽章同時有文字,不只靠顏色。
- 內文對比以深色文字配淺色紙張為主。分類標籤用深底白字。
- 版面在約 900 畫素與 640 畫素兩段改為單欄,分類列可以橫向捲動,按鈕高度不小於 44 畫素。
- 表單控制項都有標籤。送出失敗時,錯誤以文字列出。
- 尊重系統的「減少動態效果」。沒有自動播放的聲音或影片。
- 十六族導讀用文字,不把民族做成裝飾圖,也不畫傳統領域地圖。
響應式版面
桌面版是報頭、分類列、頭條加焦點、左欄分類與右欄來源。寬度降到 900 畫素以下時,焦點、側欄與十六族卡片改成上下排列。640 畫素以下,新聞卡改為一欄,較長的摘要先收成三行,並出現「展開摘要」。
已知限制
- 新聞列表、搜尋與摘要展開需要 JavaScript。停用腳本時,靜態頁面仍可讀。
- 聯絡表單是示例,沒有後端,也不能用它完成正式申訴。
- 尚未委託第三方做出具報告的無障礙檢測。若標案要求檢測報告,應在正式網址上另案辦理。
- 字型檔由瀏覽器向字型服務索取。載入失敗時改用系統的黑體與明體。
問題回報
若鍵盤無法到達某個區塊,或字級造成重疊,請用組織與聯絡頁的示例表單記下頁面名稱與操作方式。該表單目前不會把訊息送出;正式信箱公布後,同一頁會改接真實窗口。