Joe Dolson

<h4>How to use this plug-in:</h4>
If you install and activate this plug-in before installing Contact Form 7, the default form created by Contact Form 7 will be accessible. If you’ve already installed Contact Form 7, you’ll want to delete the default form and create new forms using the templates available in this plug-in.
<h4>Use Contact Form 7 with an accessible default form</h4>
This plug-in replaces the default template that Contact Form 7 automatically generates with an accessible equivalent of that form and adds a suite of additional basic form types that you can choose from to model your new forms.
The plug-in doesn’t change anything about forms that have already been built with Contact Form 7. The structure of Contact Form 7 is such that it isn’t possible for the plug-in to rewrite existing forms for improved accessibility, but it is possible to make sure that the base you have for starting a form is accessible.
Contact Form 7 is actually a very accessible plug-in. It has an accessible back-end, and if you create the right template, the front-end form will have great accessibility.
Since version 4.5, Contact Form 7 has included the label element; but the usage of them is limited, and isn’t the best possible method. This plug-in supplies a new default form that includes everything you need to make your default form accessible.
For more information about making Contact Form 7 accessible, read <a href="https://rianrietveld.com/2014/03/how-to-set-up-an-accessible-form-using-contact-form-7-in-wordpress/" rel="nofollow ugc">how to set up an accessible form using contact form 7</a>, by Rian Rietveld.

Contact Form 7: Accessible Defaults

Replaces the default Contact Form 7 form with an accessible equivalent and provides a suite of selectable base forms.

Janis Freimann

CF7 Additional Types
This plugin extends Contact Form 7 by adding additional input field types.
Implemented Types:
<ul>
<li>
Range Slider
HTML5-based range slider (using Ion.RangeSlider jQuery Plugin)
</li>
<li>
Date Picker
HTML5-based date picker (using Ion.Calendar jQuery Plugin)
</li>
</ul>
Types I am considering for the next version:
Time Picker, On/Off Toggles.
<h4>Bug Reports</h4>
Bug reports are welcomed on <a href="https://github.com/janisf/cf7-additional-types" rel="nofollow ugc">GitHub</a>. Please note that GitHub is not a support forum.

CF7 Additional Types

Additional input field types for Contact Form 7.

Contact Form 7: Accessible Defaults vs CF7 Additional Types