Skip to content

Teste: Contraste - isenção: redio button inativo #44

@eupsama

Description

@eupsama

Pela imagem abaixo, teoricamente trata-se de uma opção "inativa" e, por isso, será uma exceção aos testes do contraste.

visualmente inativo

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>

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions