diff --git a/index.html b/index.html
index 8debcef..b5a5c6b 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">
   <head>
     <meta charset="utf-8" />
     <meta property="og:title" content="BR Dev Streamers" />
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 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">
   <head>
     <meta charset="utf-8" />
     <meta property="og:title" content="BR Dev Streamers" />
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 (
     <Stack>
       <Header />
-      <Box m={[0, "center"]}>
+      <Box m={[0, "center"]} as="main">
         <Container maxW="container.xl" mb="10">
           {children}
         </Container>
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 (
-    <Box>
-      <Box maxW={"container.xl"} m={"0 auto"}>
+    <Box as="footer">
+      <Box maxW={"container.xl"} m={"0 auto"} as="section">
         <Box
           py={4}
           m={4}
           borderTopColor={"whiteAlpha.100"}
           borderTopWidth={1}
           textAlign={"end"}
+          as="article"
         >
           <Text color="primary.400" fontSize={"sm"}>
             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 (
     <>
-      <Flex p={4} borderBottomColor={"whiteAlpha.100"} borderBottomWidth={1} alignItems="center">
+      <Flex p={4} borderBottomColor={"whiteAlpha.100"} borderBottomWidth={1} alignItems="center" as="header">
         <Link to="/">
           <HStack>
             <Image src="/logo.svg" alt="Br Dev Streamers" height={50} width={50} />
@@ -67,42 +69,52 @@ export default function Header() {
         <Spacer />
         {isLargerThanLg && (
           <>
-            <HStack gap={4}>
-              {links.map((link) => (
-                <Link
-                  to={link.to}
-                  key={link.id}
+            <HStack gap={4} as="nav">
+              <List display="flex" gap={4}>
+                {links.map((link) => (
+                  <ListItem key={link.id}>
+                    <Link
+                      to={link.to}
+                    
+                      color={"gray.100"}
+                      _activeLink={{
+                        color: "primary.500",
+                      }}
+                      _hover={{ textDecoration: "underline" }}
+                      data-test="header-link"
+                    >
+                      {link.label}
+                    </Link>
+                  </ListItem>
+                ))}
+              </List>
+            </HStack>
+            <Spacer />
+            <HStack gap={4} as="nav">
+            <List display="flex" gap={4}>
+              <ListItem>
+                <ChakraLink
+                  isExternal={true}
+                  href={"https://github.com/brdevstreamers"}
                   color={"gray.100"}
-                  _activeLink={{
-                    color: "primary.500",
-                  }}
                   _hover={{ textDecoration: "underline" }}
                   data-test="header-link"
                 >
-                  {link.label}
-                </Link>
-              ))}
-            </HStack>
-            <Spacer />
-            <HStack gap={4}>
-              <ChakraLink
-                isExternal={true}
-                href={"https://github.com/brdevstreamers"}
-                color={"gray.100"}
-                _hover={{ textDecoration: "underline" }}
-                data-test="header-link"
-              >
-                GitHub
-              </ChakraLink>
-              <ChakraLink
-                isExternal={true}
-                href={"https://discord.gg/collabcode"}
-                color={"gray.100"}
-                _hover={{ textDecoration: "underline" }}
-                data-test="header-link"
-              >
-                Discord
-              </ChakraLink>
+                  GitHub
+                </ChakraLink>
+              </ListItem>
+              <ListItem>
+                <ChakraLink
+                  isExternal={true}
+                  href={"https://discord.gg/collabcode"}
+                  color={"gray.100"}
+                  _hover={{ textDecoration: "underline" }}
+                  data-test="header-link"
+                >
+                  Discord
+                </ChakraLink>
+              </ListItem>
+              </List>
               {/* <Button
           bgColor={"primary.500"}
           borderRadius={"sm"}
@@ -136,50 +148,56 @@ export default function Header() {
         <DrawerOverlay />
 
         <DrawerContent bgColor="secondary.600" color="gray.100" px={4} pt={16}>
-          <DrawerCloseButton />
+          <DrawerCloseButton aria-label="Fechar" />
 
           <VStack alignItems="start">
-            {links.map((link) => (
-              <Link
-                to={link.to}
-                key={link.id}
-                w="full"
-                p={2}
-                rounded="sm"
-                color={"gray.100"}
-                _activeLink={{
-                  color: "primary.500",
-                  bgColor: "blackAlpha.500",
-                }}
-                _hover={{ bgColor: "blackAlpha.500" }}
-              >
-                {link.label}
-              </Link>
-            ))}
-
-            <ChakraLink
-              isExternal={true}
-              href={"https://github.com/brdevstreamers"}
-              color={"gray.100"}
-              w="full"
-              p={2}
-              rounded="sm"
-              _hover={{ bgColor: "blackAlpha.500" }}
-            >
-              GitHub
-            </ChakraLink>
+            <List display="flex" flexDirection="column" gap={4} width="100%">
+              {links.map((link) => (
+                <ListItem key={link.id} display="flex">
+                  <Link
+                    to={link.to}
+                    w="full"
+                    p={2}
+                    rounded="sm"
+                    color={"gray.100"}
+                    _activeLink={{
+                      color: "primary.500",
+                      bgColor: "blackAlpha.500",
+                    }}
+                    _hover={{ bgColor: "blackAlpha.500" }}
+                  >
+                    {link.label}
+                  </Link>
+                </ListItem>
+              ))}
 
-            <ChakraLink
-              isExternal={true}
-              href={"https://discord.gg/collabcode"}
-              p={2}
-              w="full"
-              rounded="sm"
-              color={"gray.100"}
-              _hover={{ bgColor: "blackAlpha.500" }}
-            >
-              Discord
-            </ChakraLink>
+              <ListItem display="flex"> 
+                <ChakraLink
+                  isExternal={true}
+                  href={"https://github.com/brdevstreamers"}
+                  color={"gray.100"}
+                  w="full"
+                  p={2}
+                  rounded="sm"
+                  _hover={{ bgColor: "blackAlpha.500" }}
+                >
+                  GitHub
+                </ChakraLink>
+              </ListItem>
+              <ListItem display="flex">
+                <ChakraLink
+                  isExternal={true}
+                  href={"https://discord.gg/collabcode"}
+                  p={2}
+                  w="full"
+                  rounded="sm"
+                  color={"gray.100"}
+                  _hover={{ bgColor: "blackAlpha.500" }}
+                >
+                  Discord
+                </ChakraLink>
+              </ListItem>
+            </List>
           </VStack>
         </DrawerContent>
       </Drawer>
diff --git a/src/components/sections/SkeletonListCard.tsx b/src/components/sections/SkeletonListCard.tsx
index 712ee30..7176723 100644
--- a/src/components/sections/SkeletonListCard.tsx
+++ b/src/components/sections/SkeletonListCard.tsx
@@ -9,7 +9,7 @@ import {
 
 export const SkeletonListCard = () => {
   return (
-    <SimpleGrid minChildWidth="300px" columns={{ sm: 2, md: 3, lg: 4 }} gap={4}>
+    <SimpleGrid minChildWidth="300px" columns={{ sm: 2, md: 3, lg: 4 }} gap={4} as="section">
       {[...new Array(8)].map((_el, index) => (
         <Box
           key={index}
@@ -23,6 +23,7 @@ export const SkeletonListCard = () => {
           overflowY="clip"
           textOverflow="ellipsis"
           bgColor="whiteAlpha.100"
+          as="article"
         >
           <Stack>
             <Skeleton height="167px" />
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 112ce02..5083e73 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -18,6 +18,7 @@ import LandingLayout from "../components/layouts/LandingLayout";
 export default function About() {
   return (
     <LandingLayout>
+      <Box as="section">
       <Box mt={8} mb={4}>
         <Heading>Sobre</Heading>
         <Text color={"gray.500"}>Saiba mais sobre o projeto!</Text>
@@ -133,6 +134,7 @@ export default function About() {
           </AccordionPanel>
         </AccordionItem>
       </Accordion>
+      </Box>
     </LandingLayout>
   );
 }
