Skip to content

Falso-positivo na regra G162 quando elementos <label> e <input> se encontram dentro de containers #76

@YarnSphere

Description

@YarnSphere

O seguinte HTML:

<div class="label-container">
  <label for="input-id">Nome:</label>
</div>
<div class="input-container">
  <input id="input-id" />
</div>

Acusa uma violação na regra G162:

Localizei 1 elemento <label> que não está visível ou está incorretamente posicionado.

As etiquetas devem ser posicionadas imediatamente antes dos campos. As etiquetas para os campos do tipo listas de verificação (checkbox) e do tipo botões de rádio (radio) devem ser posicionadas logo após os campos.

G162: Colocar etiquetas para aumentar a previsibilidade das relações
Esta técnica WCAG 2.1 está relacionada com:
Critérios de sucesso: 1.3.1 (Nível A) Noções sobre o CS 1.3.1
Critérios de sucesso: 3.3.2 (Nível A) Noções sobre o CS 3.3.2

A meu ver o HTML acima é perfeitamente válido, a regra diz respeito a posicionamento visual e não a nível de markup.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions