search

carinadiesel-dev / calico-creatives-react

Project initially started on https://gitlab.com/carinadiesel/calico-creatives-react
0 stars 0 forks source link

Making mobile nav menu accessible #3

Closed carinadiesel-dev closed 1 year ago

carinadiesel-dev commented 1 year ago

Desktop Nav Menu looks as follows image

I am using Shadcn/UI

I want to make the mobile menu as accessible and user-friendly as possible. My thinking is that a submenu for Graphic Design will only make it hard to use on mobile.

A possible solution would be to direct graphic design to a page where the user can then pick the item they want to go to like in the original design image

Feedback would be appreciated

schalkventer commented 1 year ago

@carinadiesel-dev have you checked out Heydon Pickering's "Inclusive Components", the following section in it I think relevant to what you're doing: https://inclusive-components.design/menus-menu-buttons/

schalkventer commented 1 year ago

As an aside, it might also be worth checking the colour contrast of your foreground/background for colour blindness, at the moment some of it fails WCAG guidelines: image