drew_currenthaus

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter drew_currenthaus

    (@drewrpolk)

    After a quick search, I found a solution that may be what is needed. Since the honeypot is a passive input, it needs to be hidden from people. By adding aria-hidden=”true” to the label, it should hide it from screen readers.

    Example code below and what the benefits could be. I don’t agree with the ID and Name attributes, but could be helpful: (resource: https://racheleditullio.com/blog/2020/04/add-an-accessible-honeypot-field-to-your-php-form/):

    <label for="honeypot" aria-hidden="true" class="visually-hidden">Honeypot <input type="radio" name="honeypot" id="honeypot" style="display:none" value="1"></label>
    • Include the aria-hidden="true" attribute on the <label> element to hide the honeypot from assistive technologies
    • Use a CSS class to hide the <label> element from sighted users
    • Add style="display:none" to the <input> element, which prevents keyboard users from tabbing to the radio button

    Hey @btees & @creprodu! I think it’s just the apostrophes that you’re using in the Contact Form 7 code.

    Currently, you have: on_sent_ok:”fbq(‘track’, ‘Lead’);”

    Notice the apostrophes around track and Lead.

    vs what is correct below:

    on_sent_ok:”fbq(‘track’, ‘Lead’);”

    ‘ vs ‘

    I don’t think this forum is showing the difference of apostrophes in my post here, but look at your code in your original post and see the difference between the <head> code and the CF7 code. You can see the difference between the 2. The apostrophes in the <head> code is the correct type.

    Hope this helps!

Viewing 2 replies - 1 through 2 (of 2 total)