I am picking up a light blue border upon a click in menu. It is using the white version, with some changes. I can't find what is causing this. I removed all references to borders. Not consistent in different browsers. Any ideas most appreciated.
AMM menu question
(8 posts) (3 voices)-
Posted 3 years ago
-
That's the focus rectangle. The default AMM styling leaves it as the browser renders it for accessibility reasons. If you want to disable the focus rectangle add this style rule to your AMM style sheet:
.p7AMM li a:focus {
outline: 0 !important;
}Posted 3 years ago -
Thank you
Posted 3 years ago -
Thank you
You might want to re-consider before you make any changes because disabling it will impact your users who are keyboarders.
Posted 3 years ago -
Thank you
You might want to re-consider before you make any changes because disabling it will impact your users who are keyboarders.
thanks for the insight... but my clients see this and are complaining, how do I explain it? It is a design element after all, right? I am open to learning more about this topic that I have never considered...
Posted 3 years ago -
Reopening this issue. New client is in medical field and needs to pay attention to ADA issues. However, I am using MegaMax menu on this new site. I didn't make any changes to MM. Is this a built in default? I don't see the hover blue like in AMM menu. Any thoughts?
Thank you
You might want to re-consider before you make any changes because disabling it will impact your users who are keyboarders.
Posted 1 month ago -
The original issue with your AMM page was an focus rectangle when the menu item is clicked, the focus rectangle would never appear on hover. The MXM menu also displays a focus rectangle when the menu item is clicked, but since the MXM styles also style a border you'll the focus rectangle in the corresponding color.
Posted 1 month ago -
Thank you.
Posted 1 month ago
Reply
You must log in to post.