form
Available techniques:
- Accessible rating component
Create a rating component with semantic HTMl
- Identify required inputs
Visibly mark required inputs
- Avoid empty buttons
Ensure that icon buttons are accessible for screenreader and other assistive technologies.
- Buttons have suficient contrast
Buttons have have a minimum contrast ratio of 3:1
- Use descriptive labels
Provide a descriptive labels for inputs.
- Group radio-buttons properly
Use the right HTML elements to group radio-buttons and labels
- Input support
If needed provide user with further information for inputs.
- Invisible labels for inputs
Use aria-label to provide an invisible label where a visible label cannot be used
- Proper invisible labels
If label is not visible offer a text alternative for assistive technologies
- Repeating buttons
users undestand the purpose of generic buttons like edit, add or remove.
- Use autocomplete
Use the `autocomplete` attribute to identify the purpose if the input