Tabbing with radio and checkboxes

Enable keyboard navigation for radio buttons and checkboxes in ChronoForms.

Overview

The tab order was skipping radio and checkbox fields, causing accessibility issues.
Update to the latest version of ChronoForms where this bug has been fixed. For radio buttons, use the up/down arrow keys to navigate between options within the same field.

Answered
ChronoForms v6
co coughlin 23 May, 2019
1 Likes
I have a form with a grid area with 3 columns. When I tab, all text fields are in the correct order: down column one, then down column two, then down column three. However, I have one field that is a radio that is skipped by keyboard navigation. I also have a checkboxes field which is also totally skipped by keyboard.

This presents a problem not just in efficiency but also with WCAG accessibility.

I checked all field settings and do not see where I could change anything regarding tab order. Is this a bug? Help?!
co coughlin 24 May, 2019
Can anyone else verify that keyboard navigation with radio and checkbox elements does not work?
he healyhatman 26 May, 2019
Yes I can confirm this too. Not sure why it's happening, will have to wait for Max to see it
co coughlin 28 May, 2019
Can we get a response from someone at Chrono? Five days of silence. Can we confirm that this is an issue?
Max_admin Max_admin 29 May, 2019
Confirmed, to be fixied in the next update!

Best regards
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
co coughlin 05 Jul, 2019
Was this fixed in the latest update (6.1.4)? We seem to still be having issues with tabbing on radio buttons.
Max_admin Max_admin 07 Jul, 2019
Yes its fixed and I just tested it here!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
co coughlin 08 Jul, 2019
This is one form we're having an issue with: https://watertownldc.com/rent-assistance/apply

Try tabbing between the radio options for the business plan and the lease agreement. I can select one option, but not the other, and then there is no way to change the selection.

There is also very little focus indicator due to the styling nature of the actual input element being hidden, but that not as severe of an issue.
Max_admin Max_admin 09 Jul, 2019
Answer

Try tabbing between the radio options for the business plan and the lease agreement. I can select one option, but not the other


I guess because of the same field name, its a one selection field, you need to change fields with the up/down, checkboxes work differently because they do not have a single selection.
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.