Contact Form 7 Checkbox tabindex out of order
-
I am creating an accessible Contact Form 7 form for a blind client. Tabindexes on all fields are working, but the tabindex on the Checkbox (for MailChimp Signup) is getting skipped until user tabs through the entire page. How do I get the checkbox to be in correct tab order? Unfortunately, we have an Under Construction page up so visiting the site is not possible right now. But here is what the Contact Form 7 code looks like:
[response]
<p><label for=”your-name”>Your Name (required)</label>
[text* your-name id:your-name tabindex:2] </p><p><label for=”your-email”>Your Email (required)</label>
[email* your-email id:your-email tabindex:3] </p><p><label for=”phone”>Your Phone Number</label>
[tel phone tabindex:4 “xxx-xxx-xxxx”]<p><label for=”your-subject”>Your Subject</label>
[text your-subject id:your-subject tabindex:5] </p><p><label for=”your-message”>Your Message</label>
[textarea your-message id:your-message tabindex:6] </p><p>Please know that I take your privacy very seriously, and will never sell lists or email addresses. By using this form to contact me, you will not be subscribed to any mailing lists. If you would like to receive my newsletters or other information about upcoming Vibrant Vision Coaching events and offerings, please check the box below. </p>
<p>[mc4wp_checkbox “Yes! I would like to receive newsletters and other encouraging information from Vibrant Vision Coaching.” tabindex:7]</p>
<p><label for=”recaptcha”>Please check the ReCaptcha box below to let us know you are a real person before sending your message.</label></p>
[recaptcha size:compact]<p>[submit “Send”]</p>
Thanks for any help that can be provided.
- The topic ‘Contact Form 7 Checkbox tabindex out of order’ is closed to new replies.