Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng chú giải công cụ bằng một phần tử tuỳ chỉnh (không có thành phần web!), :has(), phép biến đổi và các thuộc tính logic. Bên cạnh một tập lệnh dự phòng nhỏ để sử dụng :has(), tất cả tập lệnh này đều là CSS hỗ trợ. Đừng bỏ lỡ trải nghiệm của trình đọc màn hình vì tính năng này được chú ý đặc biệt như thường lệ.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:20 - Chú giải công cụ so với Toggletips
- 2:22 – Tổng quan về tính năng
- 6:25 – Trải nghiệm người dùng của trình đọc màn hình
- 9:06 - Cây hỗ trợ tiếp cận
- 14:12 – :has()
- 14:55 – HTML
- 15:18 – CSS
- 18:50 – JavaScript
- 20:21 - Phần kết thúc
Tài nguyên:
- Thử bản minh hoạ → https://goo.gle/3SDW5YT
- Xem nguồn → https://goo.gle/3SCNxBj
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi kênh Google Chrome Developers → https://goo.gle/ChromeDevs