• 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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hi,

    It seems related to your theme. Please switch to default theme (i.e. twentysixteen) and check its working proper.

    Please use default checkbox instead of using fancy checkbox.

    @mertzsor or anyone else, if you run into this problem, try using different tabindex number starting number.

    For example, you may be tempted to start your first text field with a “0” or “1” then start counting up, Try starting with a high number, e.g. “5” then keep counting up from there..

    Hope that helps.

    • This reply was modified 7 years, 10 months ago by you4eea.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Contact Form 7 Checkbox tabindex out of order’ is closed to new replies.