Tags

Forms created with the Contact Form 7 plugin can be altered to meet accessibility requirements.

The default form, which is not WCAG accessible, looks like this:

<p>Your Name (required)<br />
[text* your-name] </p>

<p>Your Email (required)<br />
[email* your-email] </p>

<p>Subject<br />
[text your-subject] </p>

<p>Your Message<br />
[textarea your-message] </p>

<p>[submit "Send"]</p>

Labels need to be added for each input field, thusly:

<p><label for="name">Your Name (required)
 [text* your-name id:name]</label> </p>

<p><label for="email">Your Email Address (required)</label>
 [email* your-email id:email] </p>

<p><label for="subject">Subject (required)</label>
 [text your-subject id:subject] </p>

<p><label for="message">Your Message</label>
 [textarea your-message id:message] </p>

<p>[submit "Send"]</p>
Advertisements