Accessibility in your theme / template - How to
- trogladyte
- Offline
- Platinum Member
4 years 6 months ago #56449
by trogladyte
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!
Replied by trogladyte on topic Accessibility in your theme / template - How to
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.
4 years 6 months ago #56450
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accessibility in your theme / template - How to
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
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.
4 years 6 months ago #56451
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accessibility in your theme / template - How to
ok, please check now I have added the focus on top items
I will now work on the submenu highlight
this is possible using the access key option in the maximenu settings for each menu item (see doc)adding keyboard shortcuts to menu items
I will now work on the submenu highlight
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
4 years 6 months ago #56454
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accessibility in your theme / template - How to
please test, I have worked on the tab concept
It seems to work, for a small dropdown in this case
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.
- trogladyte
- Offline
- Platinum Member
4 years 6 months ago #56457
by trogladyte
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Replied by trogladyte on topic Accessibility in your theme / template - How to
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!
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.
4 years 6 months ago #56458
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accessibility in your theme / template - How to
thanks
I will check for the access key ...
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