CheckBox

Элемент управления для хранения значений формы с множественным выбором.

CheckBox

Основные данные

Основной ресурс откуда взята информация - https://ebay.gitbook.io/mindpatterns/input/checkbox

Позволяет выбрать ноль или более элементов в группе параметров. HTML дает нам встроенные флажки, которые полностью доступны по умолчанию. К сожалению, внешний вид этих элементов управления часто расходится с системой дизайна веб-сайта или рекомендациями по брендингу. Эта проблема усугубляется тем фактом, что встроенные флажки традиционно очень сложно изменить стиль. Наш шаблон показывает, как можно использовать современные CSS и SVG для создания настраиваемого фасада над собственными флажками, сохраняя при этом требования доступности.

Терминология

Лучшая практика

Интерактивный дизайн

Управление клавиатурой

Screenreader

Код

XML/HTML/SVG

SCSS

Заголовок («Вы здесь») обычно скрывается за кадром с помощью класса .clipped.

Хотя значок разделителя можно создать с помощью CSS, мы обнаружили, что встроенный SVG предлагает более доступный и гибкий подход.

ARIA