Hello,
We selected the “Add link to reset the form” option in our form to remove any pre-populated content on the form and create a new contact on submission. When this option appears in the form, however, it is not keyboard accessible.
It is not a tabbable element, but unfortunately even if it is tabbed to on a keyboard, there are no listeners for either the standard space or enter keys to activate the option. Can this please be fixed so all website visitors have a usable experience?
I recommend updating the HTML from this:
<div class="cookie-reset-container">Not you? <a>Click here to reset</a></div>
to the following to utilize the standard button element so it will be tabbable by default and the correct HTML semantic element for this kind of non-link use:
<div class="cookie-reset-container">Not you? <button class="reset-button">Click here to reset</button></div>
Please also ensure standard-use keys can activate the option, including space and enter keys.
Thank you!
Hi, @WCouchIPRO 
Thanks for bringing this to our attention. I am happy to take this to our internal resources. Quick questions — if I want to make a really simple example™ to share, would I?
- create a new standalone form in-app
- enable the Add link to reset the form option
- publish form
- try tabbing to the element
- try interacting with the checkbox element via the space or enter keys
Additionally, between what you shared and my question, did I miss anything that you think is important to share? I want to make sure I submit this along with a reproducible example.
Thank you! — Jaycee
Hi Jaycee,
I appreciate the quick reply!
Yes, it sounds like those steps are exactly what one would do to duplicate the issue. One item of note is that we use the “Set as raw HTML form” option in the “Style & preview” form creation process. I’m unsure if that makes a difference for this element (HTML or otherwise) as all of our forms use that option so I can’t be certain what it appears like if this setting is changed.
Please let me know if I can assist in any other way. Thanks
Did you ever figure out a way to make the checkboxes accessible so people can tab through the whole form and submit it?
I’m having the same issue right now, and I’d love to know if you figured something out. Thanks!
Hey @enweigel - thanks for following up here! Apologies to hear that you’re having the same issue.
I’d like to re-tag @WCouchIPRO back into the conversation to see if we can get any update on a solve for this inquiry! I’d also like to tag in some Community experts to see if they have any insight for us. @Anton and @Mike_Eastwood - any thoughts on this?
Shane, Senior Community Moderator