Access checkboxes via tab, accessibility

  • Resolved erik58

    (@erik58)


    7 months, 4 weeks ago

    Hello,
    Unfortunately, it seems that it is not possible to click through forms completely using the tab key. Checkboxes, for example, are skipped. The forms are also difficult to use with a screen reader. Is there a button for this that I have overlooked, or has this feature not been implemented? This is somewhat annoying, given that accessibility should now be standard on new websites. Perhaps something can be done about this.

    Thanks in advance and best regards,
    Erik

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Nik

    (@nikitaanisimov)

    7 months, 3 weeks ago

    Hi @erik58, this is Nik from 10Web, thank you for reaching out and for your feedback!

    The tab key click should work, here’s a recording from my test page where you can find the form (but yes, the checkboxes are skipped indeed)

    https://flamboyant-orc.10web.cloud/test-form/ https://www.loom.com/share/937780dbe56546b298502c6e32b5de00

    Could you please provide the URL of the page where you inserted your form at – I’ll have a look!

    Regarding your question about optimising the forms for screen readers – albeit we do not yet have an option to assign ARIA labels to the forms, you can still assign placeholder values and attributes as shown in the screenshot linked here: https://gyazo.com/2e3e34b9f5d2118cd05e7d5440544c7d

    Please let me know if you have further questions and suggestions. Once you share the working link, I’ll be glad to assist further!

    Thread Starter erik58

    (@erik58)

    7 months, 3 weeks ago

    In the meantime, I searched through all the options again and found the solution as to why radio buttons and checkboxes are skipped. Depending on the theme, these are not the browser’s standard functions, but custom graphics. When the actual buttons behind them are hidden, the form looks nice, but clicking through with the tab key no longer works. My solution was therefore to remove the graphics, make the standard buttons visible, and customize them via custom CSS.

    I’ll take another look at the option with the attributes. Thanks for the tip.

    Plugin Support Nik

    (@nikitaanisimov)

    7 months, 3 weeks ago

    Hi @erik58 , thanks a lot for your findings! These will be useful to our dev team!

    Please keep us posted on your progress and do not hesitate to reach out again by starting a new topic, should you have any extra questions 😉

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Access checkboxes via tab, accessibility’ is closed to new replies.