diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-10 11:38:01 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2023-12-10 11:44:39 -0500 |
| commit | f3b2a2662afde6c818152127c76f821dd38a1966 (patch) | |
| tree | 4d88c02fec417d42bcfb2b39bf67c2e65e5a7a1a | |
| parent | 34c373272ba11077c2dfa31eee3736f51ffde684 (diff) | |
Improve accessibility
| -rw-r--r-- | src/app/globals.css | 2 | ||||
| -rw-r--r-- | src/app/layout.tsx | 22 |
2 files changed, 13 insertions, 11 deletions
diff --git a/src/app/globals.css b/src/app/globals.css index bb707bc..fd6f706 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -10,7 +10,7 @@ --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; - --primary: 161 90% 31%; + --primary: 163 94% 24%; --primary-foreground: 355.7 100% 97.3%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2abc96a..9fd82b0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -79,16 +79,18 @@ export default function RootLayout({ /> </h1> </Link> - <ul role="nav" className="flex items-center text-sm"> - <li> - <Button variant="link" asChild className="-my-3"> - <Link href="/groups">Groups</Link> - </Button> - </li> - <li> - <ThemeToggle /> - </li> - </ul> + <div role="navigation" aria-label="Menu" className="flex"> + <ul className="flex items-center text-sm"> + <li> + <Button variant="link" asChild className="-my-3"> + <Link href="/groups">Groups</Link> + </Button> + </li> + <li> + <ThemeToggle /> + </li> + </ul> + </div> </header> {children} |