思考如何解決 TOOLTIPS

在今天的 GUI Challenge 中,@AdamArgyleInk 建立了含有自訂元素 (無網頁元件!) 的工具提示,:has()、轉換和邏輯屬性除了使用 :has() 的小備份指令碼之外,該指令碼也支援 CSS。千萬別錯過螢幕閱讀器的使用體驗,它會像往常一樣受到特別注意。

章節:

  • 0:00 - 簡介
  • 0:20 - 工具提示與 Toggletips
  • 2:22 - 功能總覽
  • 6:25 - 螢幕閱讀器使用者體驗
  • 9:06 - 無障礙樹狀結構
  • 14:12 - :has()
  • 14:55 - HTML
  • 15:18 - CSS
  • 18:50 - JavaScript
  • 20:21 - 結尾

資源:

觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges

訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs

返回所有集數