ramix priority asked 4 years ago


Hi, when user TABS through components, both check boxes and radio dials don't get focus (and also "switches"). Select box does get focused, but then can not be navigated with the key.   These are major needs, in my country it is even illegal to not have responsive and accessible site. Is this going to be patched up or fixed in the near future?   or at least do you have a temporary solution?

Mikołaj Smoleński staff answered 4 years ago


Hi ramix, Could You share Your code with us here or send it via email (m.smolenski@mdbootstrap.com)? Regards

ramix priority commented 4 years ago

This is not specific code, this is all code - go into the sites examples of forms. Naturally, when one fills a form, and hits the "TAB" key on the keyboard, it should focus into the next element. but since mdb "hides" the real input of checkbox and radio, the browser doesn't focus on them. a solution must be made for this! I have an approach to begin with: add the attribute [tabindex="0"] to the label itself, it will make it "focus-able", than have js listeners toggle the selection based on the keyboard hits.

Mikołaj Smoleński staff commented 4 years ago

Here is our forms documentation and in each form TAB key is working correctly: https://mdbootstrap.com/components/forms/

ramix priority commented 4 years ago

Not when it comes to a select box, check box or radio

Mikołaj Smoleński staff commented 4 years ago

You're right. Thanks for letting us know about that issue. We'll try to add focusable event to these forms in the future.

ramix priority commented 4 years ago

Thanks. note that it isn't enough to add a focus event, it should also allow triggering with the keys (space foe checking/de checking. and in a select-box - up and down buttons to go through items

Mikołaj Smoleński staff commented 4 years ago

Ok, thanks for Your suggestions.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags