Accessibility in your theme / template - How to

Replied by trogladyte on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56449

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.

Replied by ced1870 on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56450
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

by ced1870
The following user(s) said Thank You: trogladyte

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

Replied by ced1870 on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56451
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

by ced1870

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

Replied by ced1870 on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56454
please test, I have worked on the tab concept
It seems to work, for a small dropdown in this case

Joomlack Webmaster and Developer

by ced1870

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

Replied by trogladyte on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56457
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.

Replied by ced1870 on topic Accessibility in your theme / template - How to

Posted 3 years 11 months ago #56458
thanks
I will check for the access key ...

Joomlack Webmaster and Developer

by ced1870

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

Time to create page: 0.775 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1194 guests and no members online