-
Notifications
You must be signed in to change notification settings - Fork 143
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
@W-12627224@ Account menu a11y #1884
Conversation
The border on the menu item looks a bit odd, was it intentional? Why does it only show border-top and border-bottom with round corners? |
@alexvuong I replaced the |
@@ -42,20 +42,24 @@ export default { | |||
color: 'black', | |||
justifyContent: 'flex-start', | |||
fontSize: 'sm', | |||
_hover: {bg: 'gray.50', textDecoration: 'none'}, | |||
_hover: {bg: 'gray.50', textDecoration: 'underline', textDecorationColor: '#181818'}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
_hover: {bg: 'gray.50', textDecoration: 'underline', textDecorationColor: '#181818'}, | |
_hover: {bg: 'gray.50', textDecoration: 'underline', textDecorationColor: 'gray.900'}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Suggestion applied. I also replaced the blues with blue.600
Signed-off-by: vcua-mobify <[email protected]>
7fb40de
This PR contains a couple of a11y fixes for the account dropdown
<p>
tag on the account drop down menu headermenu-link
items.menu-link
items.<li>
tagDesktop view changes: (Order History is active page, Account Details is hovered)
Mobile view changes: (Wishlist is active page, Order History is hovered)
Testing these changes:
<h2>
instead of<p>
. Also verify that the text styling is the same as before<li>