Accessibility in your theme / template - How to

More
4 years 6 months ago #56449 by trogladyte

ced1870 wrote: I have put a website here
wcag.ced1870.fr/

so what's next now ?


I looked at your test site. Using Tab (which is how I believe keyboard users navigate) does not select MaxiMenu at all. The first Tab selects the "logo", then there are 3 more Tab presses which don't appear to select anything (I tried pressing Enter during these Tab presses but nothing happened so I'm not sure what's in focus at those times). On the 4th press, the Home on the side menu comes into focus and is selectable.

Due to accessibility issues, I am now trying very hard to avoid menus with any sort of dropdown, because, as you said earlier, these are problematic to use without a mouse.

If MM would allow tabbing through each item, including dropdowns, that would work, though it would be tedious for keyboard users when there was a big menu. Alternatively, adding keyboard shortcuts to menu items (at least the top level ones) would work too and cut down on tabbing. So, say there's a couple of items with a dropdown, assign the first a keyboard shortcut A and the second one B. When a user uses the keyboard shortcut A the dropdown appears and the user is able to tab through it.

I agree this whole thing is not 100% simple, however it isn't going away either. And there are lots of disabled people surfing the net who want to use our sites, so we really need to ensure they can. I don't have anything against that, but I DO have issue with the evil people who are setting out deliberately to find site owners to sue.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #56450 by ced1870
ok, this is the focus state, this border is needed for the accessibility and it can be different according to browser's choice
you can update it like this
Code:
a:focus { outline: thin dotted red; }

Joomlack Webmaster and Developer
The following user(s) said Thank You: trogladyte

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #56451 by ced1870
ok, please check now I have added the focus on top items

adding keyboard shortcuts to menu items

this is possible using the access key option in the maximenu settings for each menu item (see doc)

I will now work on the submenu highlight

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #56454 by ced1870
please test, I have worked on the tab concept
It seems to work, for a small dropdown in this case

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #56457 by trogladyte
Perfect! If that HOME item had a keyboard shortcut, would selecting that open the dropdown and allow tabbing just like this did? If so, then that deals with accessibility as far as I read it.

Great Job Ced!

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #56458 by ced1870
thanks
I will check for the access key ...

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.229 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 524 guests and one member online