On the menu, I need to make it keyboard accessible. So user can tab through it. First issue is the dropdown arrows cannot receive focus or have aria-labels. I tried using jquery to fix this but cannot add a tabindex attribute to the span tag. Looks like this can be done via the code but I do not want to make direct changes to the plugin (Styles.php, starting at line 286ish).
Next issue would be to make the menu expand either on focus of the dropdown indicator or onfocus and enter key.
Please let me know if there is a way to do this via your filters or a possible plugin update.
Hi Teranecia,
I met with the team and was able to make accordion accessibly part of the next release. Version 3.12.0 of PRO will be available some time next week.
Among other improvements, this version will include:
tabindexattributes on all accordion icons.aria-expandedattributes on all accordion icons.aria-hiddenattributes on all sub menus which may be opened or closed via accordion icons.This should take care of your requested requirements.
Have a great weekend!
Mat Lipe
Thank you Mat! You all rock! Have a great weekend!
Good Morning Teranecia,
Version 3.12.0 is now available which includes these improvements.
Please let us know if anything is not working as expected.
Mat Lipe