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