Inputs

Make sure to enable Form Labels within Sa11y's settings.

Accessibility tests for form inputs.

Example 1

Error: Input without a label or missing id.

Example 2

Error: Input with ID, although previous label does not have a for attribute.

Example 3

Warning: Input is using aria-label. It is not recommended to use this method since there is no visual label.

Example 4

Pass: Input has id and label has corresponding for attribute.

Example 5

Warning: Input where type='reset'.

Example 6

Pass: Input where type='submit'

Example 7

Pass: Input where type='button'.

Example 8

Pass: Implicit labels. <label>First name: <input type="text"/><label>

Example 9

Fail: Implicit labels without text. <label><input type="text"/><label>

Example 10

Fail: Select without corresponding label.

Example 11

Fail: Textarea missing label.

Example 12

Pass: Textarea has label.