[技術] 無障礙網頁

EV1010100 圖片需要加上有意義、可代替圖片在文件脈絡中的功能及內容的替代文字
  • alt屬性請"勿為空值"或重複相同文字或使用與圖片內容無關的說明文字
        <img src="logo.jpg" alt="網站logo">

EV1030104 適當使用巢狀標頭呈現文件結構
  • 每個網頁內H1標籤只能使用一個
  • 首頁通常用於網站(機關)名稱或標誌圖片上,做為標識和描述網站使用,其他頁面的主要單元標題也可使用H1巢狀標題排序製作,其餘各標題大項請依H2~H6巢狀標題排序製作,全網站相同問題一併修正。
  • 使用H2~H6時,中間不可跳號

EV1100200 在會產生脈絡變更的表單控制元件變更生效前,先描述會發生什麼事
  • 開啟新視窗前,應先告知使用者「另開新視窗」,各項連結開啟新視窗並未提示使用者,建議直接於超連結上加註「另開新視窗」
            <li>
            <a href="https://www.google.com/" 
                 target="_blank" title="google網站(另開新視窗)">google</a></li>

EV1100202 提供下載檔案格式不可為需依賴特定文書商用軟體即能開啟之檔案
  • 各項檔案的下載或開啟,請將「檔案名稱」與「副檔名」(pdf、doc或其他格式)資訊,標示於超連結文字或替代文字內,讓游標移到該檔案連結時,即可預先知道檔案資訊。
          僅改超連結title即可,標示文件與另開新視窗
         <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

留言

這個網誌中的熱門文章

[體驗] 婚後孕前健康檢查-雙和醫院

[SEO] google search console提交sitemap失敗解決方法

[技術] checkmarx弱掃修補