Accessibility – Captcha Field does not have accociated label

[ad_1]

First let me say thank you for the recent update – Gutenberg blocks now work great. Your team immediately resolved the issue – wonderful plugin support.

I have been doing some accessibility testing and was pleasantly surprised with the results using CFF. The plugin does very well. The *only* issue I ran into is that the labels used for the Captcha field trigger the “Form elements do not have associated labels” notice within Google PageSpeed Insights.

I believe the issue is due to the Captcha label not including “for” attribute for the <input> ID as all other CFF fields use. For instance, the following is what I am seeing output on the page:

<label>Enter security code:</em></label>
<div class="dfield">
<input type="text" size="20" name="hdcaptcha_cp_calculated_fields_form_post" id="hdcaptcha_cp_calculated_fields_form_post_1" value="">
<div class="error message" id="hdcaptcha_error_1" style="display:none;">
</div>

Thanks again for a great plugin.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer