1. 知識庫
  2. 目錄總覽
  3. 校園授權軟體教學
  4. WordPress
  5. WordPress常見功能操作
  6. 無障礙網站設計
使用Smart Slider時，幻燈片 > 樣式 的Image Alt 需填入替代文字

536d0960e048a526515dff18a40c972d.png


當焦點遊走至橫幅輪播圖片功能上能出現焦點定位，在其CSS增加以下設定
.n2-section-smartslider:focus{
border: 2px solid blue;
}

10ece39b9ff9a6d3380d360daa31e038.png
24be99b78181842f73dfe9daff9856e1.png
    上一篇 下一篇
    位置
    1. 知識庫
    2. 目錄總覽
    3. 校園授權軟體教學
    4. WordPress
    5. WordPress常見功能操作
    6. 無障礙網站設計
    資料夾名稱
    無障礙網站設計
    上傳者
    程彥傑
    單位
    電子計算機中心系統管理組 (t04)
    建立
    2024-10-28 16:31:12
    最近修訂
    2025-03-10 11:10:26
    1. 1.
      讓換頁功能(Pagination)支援無障礙網站設計
    2. 2.
      3.6：H203005 適當使用巢狀標題呈現文件結構
    3. 3.
      使用Elementor元素中的藝廊時，若有設定圖片連結，則無法通過無障礙檢測，應該成基本圖庫
    4. 4.
      無障礙設定-scroll-top添加title屬性-滾動至頂端
    5. 5.
      GN1310100E 明確指出網頁文字所使用的人類語言(在<html>標籤中請正確宣告lang屬性與屬性值)
    6. 6.
      頁框<frame>組件及內嵌式頁框<iframe>組件需有標題(title)屬性，且其值不得為空字串或空白
    7. 7.
      符合無障礙設計的Tabs
    8. 8.
      113年無障礙網站培訓課程
    9. 9.
      網站的QR Code圖片設定注意事項
    10. 10.
      當設計檔案下載時，應注意事項
    11. 11.
      elementor的JetMenu外掛不支援無障礙網站設計，改換elementor-導航選單代替
    12. 12.
      [共通設定]一進入網站按鍵盤Tab鍵，第一下時會出現隱藏的按鈕引並導鍵盤使用者直接進入主要內容區
    13. 13.
      建立表格<table>時，要注意標頭<th>的用法，或採用elementor元素table
    14. 14.
      使用Elementor元素幻燈片，將無法通過無障礙檢測，若有超連結需求，則需更換為Smart Slider；若無，則改用圖片轉盤代替
    15. 15.
      若使用Elementor元素中的圖示或圖示方框時，若有設定超連結，這該項功能無法通過無障礙檢測，其因應方式
    16. 16.
      110年無障礙網站培訓課程講義
    17. 17.
      111年「網站與行動化應用軟體無障礙規範」推廣說明會
    18. 18.
      [共通設定]Noscript：當瀏覽器的javascript被停用時，要顯示文字告知使用者
    19. 19.
      當圖片是有意義的，替代文字不能為空值
    20. 20.
      使用elementor元件時，若要動態填入超連結<a>的tiltle屬性時，可透過進階>屬性>自訂屬性
    更多
    © Copyright since 2020 by Computer Center, NPUST.
    All rights reserved.