HansvanWijk
Member
I really like your plugin, but one thing is really killing me.
When a form uses conditional logic it receives inline css with display:none; This means that the form is totally inaccessible for people browsing without javascript.
Is there any way (without editing core files) to disable the display:none. I also think it would be much better to add this style with javascript, that would keep the form accessible at all times
Looking forward to your answer,
When using conditional logic, JS is used to show or hide the fields. So the form being inaccessible when Javascript is disabled is a bit moot as the form is most likely unusable anyway due to how conditional logic works. This was unavoidable.
The display: none; was added inline to avoid having the form temporarily visible before being hidden with script. What would happen is you would see the entire form until the Javascript that tells it to hide would be loaded, which results in a flickering of the form before it is hidden.
Javascript is used to show and hide the fields based on your conditional logic rules.
We can look into how we can best handle a situation where the user has Javascript turned off, but conditional logic relies on it to function. It is what does the conditional functionality.
If you're really concerned about this, you can simply create an alternate form that doesn't use the conditional logic features (or any other Javascript-dependent features like the datepicker, etc), embed that on another page and then use a noscript tag in your original form page to direct people without Javascript enabled browsers to the alternate form page.
<noscript>It appears that you don't have Javascript enabled. Please continue <a href="http://www.mysite.com/noscriptform/">to this page</a> to complete the contact form.</noscript>
