Joe Dolson

<h4>How to use this plug-in:</h4>
<p>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.</p>
<h4>Use Contact Form 7 with an accessible default form</h4>
<p>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.</p>
<p>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 <em>is</em> possible to make sure that the base you have for starting a form is accessible.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>


Contact Form 7: Accessible Defaults

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

fabbricaweb

<p>This plugin adds the <a href="https://jaredreich.com/projects/notie.js/" rel="nofollow ugc">Notie.js script</a> into <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> wordpress plugin submission process.</p>
<blockquote>
<p>This plugin requires the Contact Form 7 plugin to work.</p>
</blockquote>
<p>Just activate it to replace CF7 default submission output by a Sweet Alert pop up.<br />
The add-on will display the Contact Form 7 messages in the pop up.</p>
<p>If you want, you can set custom colors for the alerts.</p>
<h3>How does it work?</h3>
<p>It enqueues scripts and styles to override CF7 submission process and surcharge it with Notie.js script.</p>


CF7 Notie

A very good complement to the non very visible messages of CF7.



Excellent

Display Contact Form 7 response messages as an alternative the standard alert dialog.

Contact Form 7: Accessible Defaults vs CF7 Notie