Security key (capcha) tab index


(Ryan Archer) #1

Hi all,

 

Got a bit of a forms dilemna in regards to accessibility. Tab index works fine on all aspects of the form except for the Security Key section (captcha form to keep out spammers).

 

The tab button just goes right over the Security key input field and straight to the submit/reset buttons. I attempted to hand code in the Security Key form details via HTML and include in the tab index but then the security key image does no generate anymore.

 

This bites, as the form is not truly accessible. Is there a solution for this? Also another thing comes to mind. People with a vision impairment are naturally going to use the tab index but when they have to copy in the letters from the image - how are they going to do that?

 

In common Google Recaptcha forms, there is an audio option for people with vision impairments. What can the Squiz system do here to improve on accessibility for these people?


(Nic Hubbard) #2

Custom Forms and Asset Builders do provide Google Recaptcha options. Have you looked into this?


(Ryan Archer) #3

Sorry I was not aware of this. Does one just set it up in Google and paste the (Google provided) code into a custom form?


(Nic Hubbard) #4

Sorry I was not aware of this. Does one just set it up in Google and paste the (Google provided) code into a custom form?

 

Yeah, you need to signup on Google, then configure the public and private keys in the External Tools in Matrix. Then configure the Custom Form: 

 

http://manuals.matrix.squizsuite.net/custom-form/chapters/form-contents


(Ryan Archer) #5

Cool thanks for the assistance. BTW, cool Gumby avatar. Good to know he still lives on. I was going to use Pokey until I got lazy and just used my Gravatar.


(Ryan Archer) #6

Now this is the tricky part. I can see the Google reCaptcha options in the external tools configuration. Now we have multiple sites hosted with SQUIZ. Do I need to log in to the specific site where I wish to use the google recaptcha form? i.e. I am testing on donations.slq.qld.gov.au and that is the site/domain that I have registered with the Google ReCAPTCHA service.

 

Or is it best to set up Google ReCAPTCHA to cover slq.qld.gov.au and it will cover all sites on the server? (i.e. sitename.slq.qld.gov.au).


(Ryan Archer) #7

Ok, I have setup the Google REcaptcha public and private key in the External Tools Configuration for the website.

I now go back to the form and select "Form Contents" just as the user guide at http://manuals.matrix.squizsuite.net/custom-form/chapters/form-contentstells me to do.

 

I am scrolling down the options and I cannot find any Google Recaptcha option whatsoever. Is there something I am missing here? I have read the instructions over and over again but I still can't find it. I can't find even half of the Form options that are stated in the Squiz matrix manual.

 

We are still using Squiz Matrix 4.18.4 - are these features for more recent releases of the system? I have selected the version we are using within the support website (via the right top corner toggle button).


(Nic Hubbard) #8

Ok, I have setup the Google REcaptcha public and private key in the External Tools Configuration for the website.

I now go back to the form and select "Form Contents" just as the user guide at http://manuals.matrix.squizsuite.net/custom-form/chapters/form-contentstells me to do.

 

I am scrolling down the options and I cannot find any Google Recaptcha option whatsoever. Is there something I am missing here? I have read the instructions over and over again but I still can't find it. I can't find even half of the Form options that are stated in the Squiz matrix manual.

 

We are still using Squiz Matrix 4.18.4 - are these features for more recent releases of the system? I have selected the version we are using within the support website (via the right top corner toggle button).

 

REcaptcha was added in 4.18.0, so you should be seeing it.

 

Are you sure you are looking on the Form Contents screen? Right click the form and choose Edit Contents?


(Ryan Archer) #9

Yes, I believe I am definitely looking in the right section. I have checked so many times. I have attached a screenshot of the Form Contents screen.

I stitched it up in Photoshop as the screen capture chrome extension i have was not able to scroll the page and capture (usually it does). Yeah so please forgive the repeated left side menu. form-options-screenshot.jpg (220 KB)


(Nic Hubbard) #10

Yes, I believe I am definitely looking in the right section. I have checked so many times. I have attached a screenshot of the Form Contents screen.

I stitched it up in Photoshop as the screen capture chrome extension i have was not able to scroll the page and capture (usually it does). Yeah so please forgive the repeated left side menu.

 

Ah. This is because you are using an Ecommerce Form Page. All of the Captcha options seem to only be in regular Custom Forms and Asset Builders.

 

I will add a feature request to get this also added to Ecommerce Forms.


(Ryan Archer) #11

Thanks heaps for pointing that out! I honestly would have taken ages to figure that out on my own.

I'll try it out on a regular custom form page with Ecommerce option.


(Ryan Archer) #12

Got the reCaptcha working on the regular custom form. Was a bit tricky setting up the public and private keys from google. We have a number of websites hosted on subdomains. After a few errors I figured that I needed to get the keys for the parent domain and it would apply (cascade) to the other domains we host other websites on.

 

:D