← Thiết kế & CSS
Thiết kế & CSS · chạy cục bộ

Máy tạo chuyển đổi bật tắt CSS có thể truy cập

Tạo một công tắc chuyển đổi dựa trên ô chọn có khả năng đáp ứng với hình học đường dẫn và nút bấm đồng bộ, màu sắc khi hoạt động và kiểu hiển thị khi nhận focus có thể nhìn thấy bằng bàn phím.

Sẵn sàng. Dữ liệu làm việc của bạn sẽ ở lại trong trình duyệt này.

Tại sao công cụ này hữu ích

Định dạng tùy chọn bật/tắt thành một công tắc quen thuộc, đồng thời giữ một ô chọn thực để dùng cho biểu mẫu, trình đọc màn hình và tương tác bằng bàn phím.

Cách hoạt động của nó

Kích thước track và thumb được xác thực cùng nhau, quãng di chuyển của thumb được tính từ chênh lệch của chúng và mẫu trực tiếp vẫn nằm trong tab trình duyệt hiện tại.

Ví dụ thực tế

Tạo một công tắc thông báo kích thước 56 x 30 pixel, trong đó trạng thái bật màu xanh lá di chuyển nút gạt 24 pixel chính xác 26 pixel dọc theo thanh trượt.

Xác thực

Phép tính là xác định và giải thích các lỗi xác thực thay vì âm thầm thay đổi dữ liệu đầu vào không hợp lệ.

Ranh giới quyền riêng tư

Đầu vào và đầu ra vẫn ở trong tab này. Sao chép và tải xuống diễn ra thông qua các API trình duyệt mà không cần tải lên máy chủ.

Hộ chiếu kết quả

Mỗi lần chạy đều báo cáo chế độ công cụ, dấu thời gian và kích thước đầu vào/đầu ra để có thể kiểm tra dữ liệu đã chuyển đổi.