Checkbox
📘 Modo de Uso
Checkbox deve ser usado quando o usuário selecionará múltiplas opções independentes dentro de um conjunto de escolhas. Cada opção pode ser ativada ou desativada individualmente, sem afetar as outras opções.
🧩 Anatomia
📋 Propriedades
⌨️ Código
opl.selectionControl.component.checkbox
🎨 Variantes
Estados
Tamanhos
🛡️ Boas Práticas e Acessibilidade
- Todas as checkboxes exigem um rótulo claro, conciso e exclusivo. Para variantes de checkboxes sem rótulos, como aquelas usadas em uma tabela, um rótulo oculto ainda é necessário para tecnologias assistivas. WCAG 2.1: 1.3.1 Informações e relacionamentos, 2.4.6 Títulos e rótulos.
- Os erros de entrada de dados devem ser indicados e descritos ao usuário de forma acessível. Além disso, devem haver sugestões para correção de erros quando apropriado, ajudando os usuários a preencher formulários corretamente. WCAG 2.1: 3.3.1 - Identificação de Erros, 3.3.3 - Sugestões de Correção.