-
Notifications
You must be signed in to change notification settings - Fork 8
Open
Description
Pela imagem abaixo, teoricamente trata-se de uma opção "inativa" e, por isso, será uma exceção aos testes do contraste.
O código do botão de rádio inativo é:
<div class="agora-radio-button disabled">
<input disabled="" aria-disabled="true" id="_r_b_" class="inner-input" tabindex="-1" type="radio" value="baf599e4-6f6e-4884-9029-9065dc1ce953" name="confidenceLevels">
<div class="radio-wrapper">
<div class="mark-wrapper"><span class="mark"></span></div>
<label class="label-wrapper" for="_r_b_"><span class="label">Nível baixo</span></label>
</div>
</div>
Relação entre label e input:
- estabelecida via label for / input id c/ valor de "r_b", parece OK;
- estado inativo referenciado pelo atributo disabled, parece OK;
Conclusão:
- Texto de uma label programaticamente ligada a um input disabled deveria de entrar na exceção do CS 1.4.3 e no CS 1.4.6
Mesmo eliminando alguns atributos que estão incorretos ou redundantes, o código continua a não passar no teste de contraste (eliminei tabindex="-1"; aria-disabled="true"; coloquei apenas disabled; deixei disabled no primeiro div porque é o responsável pela pintura disabled.
<div class="agora-radio-button disabled">
<input disabled id="_r_b_" class="inner-input" type="radio" value="baf599e4-6f6e-4884-9029-9065dc1ce953" name="confidenceLevels">
<div class="radio-wrapper">
<div class="mark-wrapper"><span class="mark"></span></div>
<label class="label-wrapper" for="_r_b_"><span class="label">Nível baixo</span></label>
</div>
</div>
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels