在今天的 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 - 結尾
資源:
- 立即觀看示範影片 → https://goo.gle/3SDW5YT
- 取得原始碼 → https://goo.gle/3SCNxBj
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → https://goo.gle/ChromeDevs