From 5a6846ca9612984b009b425f6e35f264d1d4d80e Mon Sep 17 00:00:00 2001 From: gabrielbsb21 Date: Mon, 28 Nov 2022 14:20:30 -0300 Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20improve=20accessibility?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit algumas modificacoes para melhorar a acessibilidade do site, principalmente para os usuarios que usam o leitor de tela para navegar na internet. --- index.html | 2 +- public/index.html | 2 +- src/components/layouts/LandingLayout.tsx | 2 +- src/components/sections/Footer.tsx | 5 +- src/components/sections/Header.tsx | 166 ++++++++++--------- src/components/sections/SkeletonListCard.tsx | 3 +- src/pages/About.tsx | 2 + 7 files changed, 102 insertions(+), 80 deletions(-) diff --git a/index.html b/index.html index 8debcef..b5a5c6b 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + diff --git a/public/index.html b/public/index.html index 21d87fb..c5be80b 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,5 @@ - + diff --git a/src/components/layouts/LandingLayout.tsx b/src/components/layouts/LandingLayout.tsx index 1595571..abb0e2b 100644 --- a/src/components/layouts/LandingLayout.tsx +++ b/src/components/layouts/LandingLayout.tsx @@ -11,7 +11,7 @@ export default function LandingLayout({ children }: Props) { return (
- + {children} diff --git a/src/components/sections/Footer.tsx b/src/components/sections/Footer.tsx index 6022549..2133dca 100644 --- a/src/components/sections/Footer.tsx +++ b/src/components/sections/Footer.tsx @@ -2,14 +2,15 @@ import { Box, Text, Link } from "@chakra-ui/react"; export default function Footer() { return ( - - + + Idealizado por{" "} diff --git a/src/components/sections/Header.tsx b/src/components/sections/Header.tsx index 192848b..1f31f21 100644 --- a/src/components/sections/Header.tsx +++ b/src/components/sections/Header.tsx @@ -9,6 +9,8 @@ import { Spacer, Text, Button, + List, + ListItem, Link as ChakraLink, useMediaQuery, useDisclosure, @@ -52,7 +54,7 @@ export default function Header() { return ( <> - + Br Dev Streamers @@ -67,42 +69,52 @@ export default function Header() { {isLargerThanLg && ( <> - - {links.map((link) => ( - + + {links.map((link) => ( + + + {link.label} + + + ))} + + + + + + + - {link.label} - - ))} - - - - - GitHub - - - Discord - + GitHub + + + + + Discord + + + {/*