1. 知識庫
  2. 目錄總覽
  3. 校園授權軟體教學
  4. WordPress
  5. WordPress常見功能操作
  6. 無障礙網站設計
附件:
重點
  1. 1.
    CSS
    #tabs-all {
            background-color: #00000000 ;
            border: 0px;
    }
    #myTab {
            background-color: #00000000;
             border: 0px;
    }
    #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6 {
            background-color: #000000CC !important;
            border: 0px;
    }
    .ui-state-active :hover{
            background-color: #000000CC;
    }
    #nav-tab01, #nav-tab02, #nav-tab03, #nav-tab04, #nav-tab05, #nav-tab06 {
            background-color: #000000CC;
            color: white;
            border: none;
            outline: 1px solid #000000CC;
    }

    95d5d54f18c60055e3d95c1e1cc7b4f2.png

  2. 2.
    使用OceanWP Child版型時，有可能點選tab跳至頁首
    在tabs上方合適的位置，使用HTML元件將以下程式碼加入
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
    <div id="tabs-4"></div>
    <div id="tabs-5"></div>
    上一篇 下一篇
    位置
    1. 知識庫
    2. 目錄總覽
    3. 校園授權軟體教學
    4. WordPress
    5. WordPress常見功能操作
    6. 無障礙網站設計
    資料夾名稱
    無障礙網站設計
    上傳者
    程彥傑
    單位
    電子計算機中心系統管理組 (t04)
    建立
    2025-02-08 09:38:19
    最近修訂
    2025-04-22 14:58:57
    1. 1.
      1.3.1 HM1130104E 適當使用巢狀標題呈現文件結構
    2. 2.
      3.2.2 GN1320202E 提供下載檔案格式為不需依賴特定文書商用軟體即能開啟之檔案
    3. 3.
      指引3.2：可預期性 GN1320201E 請將檔案名稱與副檔名(pdf、doc或其他格式)資訊，標示於超連結文字或替代文字內，讓游標移到該檔案連結時，即可預先知道檔案資訊。
    4. 4.
      翻轉方框不符合無障礙網站設計，請改用其他表現方式
    5. 5.
      讓換頁功能(Pagination)支援無障礙網站設計
    6. 6.
      3.6：H203005 適當使用巢狀標題呈現文件結構
    7. 7.
      使用Elementor元素中的藝廊時，若有設定圖片連結，則無法通過無障礙檢測，應該成基本圖庫
    8. 8.
      無障礙設定-scroll-top添加title屬性-滾動至頂端
    9. 9.
      GN1310100E 明確指出網頁文字所使用的人類語言(在<html>標籤中請正確宣告lang屬性與屬性值)
    10. 10.
      頁框<frame>組件及內嵌式頁框<iframe>組件需有標題(title)屬性，且其值不得為空字串或空白
    11. 11.
      符合無障礙設計的Tabs
    12. 12.
      113年無障礙網站培訓課程
    13. 13.
      網站的QR Code圖片設定注意事項
    14. 14.
      當設計檔案下載時，應注意事項
    15. 15.
      elementor的JetMenu外掛不支援無障礙網站設計，改換elementor-導航選單代替
    16. 16.
      [共通設定]一進入網站按鍵盤Tab鍵，第一下時會出現隱藏的按鈕引並導鍵盤使用者直接進入主要內容區
    17. 17.
      建立表格<table>時，要注意標頭<th>的用法，或採用elementor元素table
    18. 18.
      使用Elementor元素幻燈片，將無法通過無障礙檢測，若有超連結需求，則需更換為Smart Slider；若無，則改用圖片轉盤代替
    19. 19.
      若使用Elementor元素中的圖示或圖示方框時，若有設定超連結，這該項功能無法通過無障礙檢測，其因應方式
    20. 20.
      110年無障礙網站培訓課程講義
    更多
    © Copyright since 2020 by Computer Center, NPUST.
    All rights reserved.