Creating Accessible Contact Form 7 Forms

Posted on by

Last Updated on May 10, 2013 by Neil Murray

Creating Accessible Forms

Aenean accumsan massa ut risus dapibus a aliquet ante volutpat. Proin ac lectus lectus. Morbi suscipit lacinia dui, nec hendrerit purus ullamcorper ut. Fusce consectetur volutpat est ac blandit. Proin mi mauris, feugiat ac malesuada vel, suscipit at nunc.

Semantic Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros, adipiscing semper euismod condimentum, bibendum eget purus.

Contact Form 7 plugin is not WCAG accessible
esmi – Theme Diva & Forum Moderator

Yes. For example, the forum at http://quirm.net/contact/ uses the following in the form field:

<p><label for="name">Name (required)</label>
    [text 1="your-name" 2="akismet:author" 3="id:name" language="*"][/text] </p>
<p><label for="email">Email Address (required)</label>
    [email* your-email akismet:author_email id:email] </p>
<p><label for="subject">Subject (required)</label>
    [select* your-subject id:subject include_blank "I would like to develop an eShop add-on plugin" "I want a custom theme" "I need you to install WordPress for me" "I need you to troubleshoot my WordPress site" "I just want to rant!"]</p>
<p><label for="message">Your Message</label><br />
    [textarea your-message id:message] </p>
<p class="right">[submit "Send"]</p></code>

http://blog.rrwd.nl/2014/03/01/how-to-set-up-an-accessible-form-using-contact-form-7-in-wordpress/

http://wordpress.org/support/topic/how-to-add-an-id-to-a-field-so-i-can-use-a-label-tag