[技術] 無障礙網頁
EV1010100 圖片需要加上有意義、可代替圖片在文件脈絡中的功能及內容的替代文字
EV1030104 適當使用巢狀標頭呈現文件結構
EV1100200 在會產生脈絡變更的表單控制元件變更生效前,先描述會發生什麼事
參考資料:
網站無障礙規範2.0版
https://www.handicap-free.nat.gov.tw/Download/Detail/1418?Category=28
網站無障礙規範2.0版標章圖示下載
https://www.handicap-free.nat.gov.tw/Download/Detail/1419?Category=28
- alt屬性請"勿為空值"或重複相同文字或使用與圖片內容無關的說明文字
EV1030104 適當使用巢狀標頭呈現文件結構
- 每個網頁內H1標籤只能使用一個
- 首頁通常用於網站(機關)名稱或標誌圖片上,做為標識和描述網站使用,其他頁面的主要單元標題也可使用H1巢狀標題排序製作,其餘各標題大項請依H2~H6巢狀標題排序製作,全網站相同問題一併修正。
- 使用H2~H6時,中間不可跳號
EV1100200 在會產生脈絡變更的表單控制元件變更生效前,先描述會發生什麼事
- 開啟新視窗前,應先告知使用者「另開新視窗」,各項連結開啟新視窗並未提示使用者,建議直接於超連結上加註「另開新視窗」
<a href="https://www.google.com/"
target="_blank" title="google網站(另開新視窗)">google</a></li>
EV1100202 提供下載檔案格式不可為需依賴特定文書商用軟體即能開啟之檔案
<a href="https://www.test.com/test.pdf" target="_blank"
EV1100202 提供下載檔案格式不可為需依賴特定文書商用軟體即能開啟之檔案
- 各項檔案的下載或開啟,請將「檔案名稱」與「副檔名」(pdf、doc或其他格式)資訊,標示於超連結文字或替代文字內,讓游標移到該檔案連結時,即可預先知道檔案資訊。
<a href="https://www.test.com/test.pdf" target="_blank"
title="測試報告.pdf(另開新視窗下載)">測試報告下載</a>
不可為(無意義的英數字或日期)
不可為(無意義的英數字或日期)
<a href="https://www.test.com/test.pdf" target="_blank"
title="test_20190815.pdf(另開新視窗)">測試報告下載</a>
參考資料:
網站無障礙規範2.0版
https://www.handicap-free.nat.gov.tw/Download/Detail/1418?Category=28
網站無障礙規範2.0版標章圖示下載
https://www.handicap-free.nat.gov.tw/Download/Detail/1419?Category=28