About this plugin
Easily make any html form accessible using the Simple Accessible Forms Plugin. Forms must be carefully constructed to ensure accessibility.
- The form element must include an aria-label describing the purpose of the form.
- In the event of error or during a multiple step entry process, information previously entered must be auto populated or available for the user to select.
- Each form field must be labeled using the label tag or by using an aria-label attribute.
- Required fields should be annotated within the field label. This may be done using an asterisk for sited users but the word required should be used for screen reader users. Screen reader text may be hidden off screen using CSS. WordPress has a built in class for this purpose: screen-reader-text.
- An error notice should be displayed next to fields with invalid entries when the user navigates away from the field.
- If the form submission results in an error the values previously entered must be repopulated, an error displayed to clearly identify the issue and focus should be taken to the first field resulting in error.
The Simple Accessible Forms Plugin allows you to define form field validation information which will be used to add the necessary features to make the form accessible. It will add form field labels, required field markings, add form field validation and display screen reader friendly error message when a user navigates away from a field, moves focus to the first field in error in the event of a form submission failure.
Upgrade to the Pro version to add:
[PRO] unlimited forms (free version is limited to 2 forms).
[PRO] unlimited form fields (free version is limited to 4 form fields).
[PRO] automatically adds id attributes to all form elements.
[PRO] activates the form field import option to allow you to quickly import and configure the plugin to work with your website forms.
[PRO] adds option to remove “Form accessibility enhanced by Simple Accessible Forms” from forms
Learn More about the Simple Accessible Forms Plugin