diff --git a/components/Nav/MobileNavbar.js b/components/Nav/MobileNavbar.js
index 3bd01c100..fc72474b0 100644
--- a/components/Nav/MobileNavbar.js
+++ b/components/Nav/MobileNavbar.js
@@ -89,7 +89,11 @@ const MobileNavbar = props => {
   return (
     <Wrapper>
       {showSideNav !== false && (
-        <NavButton $active={!isSideFolded} onClick={onSideToggle}>
+        <NavButton
+          $active={!isSideFolded}
+          onClick={onSideToggle}
+          aria-label={!isSideFolded ? 'Close side menu' : 'Open side menu'}
+        >
           {isSideFolded ? <FoldIcon /> : <CloseIcon />}
         </NavButton>
       )}
@@ -98,11 +102,15 @@ const MobileNavbar = props => {
         <Logo $compact />
       </LogoLink>
       <div>
-        <NavButton onClick={onSearchButtonClick}>
+        <NavButton aria-label="Search" onClick={onSearchButtonClick}>
           <StyledIcon as={Search} size={28} />
         </NavButton>
 
-        <NavButton onClick={onMobileNavToggle} $active={!isMobileNavFolded}>
+        <NavButton
+          onClick={onMobileNavToggle}
+          $active={!isMobileNavFolded}
+          aria-label={!isMobileNavFolded ? 'Close Navigation' : 'Open Navigation'}
+        >
           <ArrowWrapper $shouldRotate={!isMobileNavFolded}>
             <StyledIcon as={KeyboardArrowDown} size={36} />
           </ArrowWrapper>
diff --git a/components/Nav/Navbar.js b/components/Nav/Navbar.js
index 4052027aa..30d1455ad 100644
--- a/components/Nav/Navbar.js
+++ b/components/Nav/Navbar.js
@@ -136,7 +136,7 @@ class ModalContainer extends PureComponent {
     return (
       <>
         <AlgoliaModalHeader $isOpen={this.props.isOpen}>
-          <button onClick={this.onCloseButtonClick}>
+          <button onClick={this.onCloseButtonClick} aria-label="Close Search Bar">
             <StyledModalCloseIcon />
           </button>
         </AlgoliaModalHeader>
@@ -172,7 +172,7 @@ class Navbar extends PureComponent {
       <Wrapper $transparent={transparent}>
         <NormalNavbar>
           <StartWrapper>
-            <LogoLink>
+            <LogoLink aria-label="Styled Components Home Page">
               <Logo />
             </LogoLink>
             <NavLinks />
diff --git a/components/Nav/Search.js b/components/Nav/Search.js
index 25d5cccfa..85498dabf 100644
--- a/components/Nav/Search.js
+++ b/components/Nav/Search.js
@@ -164,7 +164,7 @@ const Search = ({ isDocs, className }) => {
   return (
     <Wrapper className={className}>
       <GlobalStyles />
-      <Button>
+      <Button aria-label="Search">
         <StyledSearchIcon />
       </Button>
       <Input id={INPUT_ID} placeholder={isDocs ? `Search ...` : `Search docs ...`} ref={searchInput} type="search" />
diff --git a/components/Nav/Social.js b/components/Nav/Social.js
index d0e8eaff7..e79f80c27 100644
--- a/components/Nav/Social.js
+++ b/components/Nav/Social.js
@@ -75,16 +75,16 @@ const Spectrum = () => (
 
 const Social = props => (
   <Wrapper {...props}>
-    <SocialLink href="https://spectrum.chat/styled-components/">
+    <SocialLink href="https://spectrum.chat/styled-components/" aria-label="Spectrum Chat">
       <Spectrum />
     </SocialLink>
     {/* <SocialLink href="https://twitter.com/someone">
       <Twitter />
     </SocialLink> */}
-    <SocialLink href="https://github.com/styled-components">
+    <SocialLink href="https://github.com/styled-components" aria-label="GitHub">
       <StyledIcon as={Github} height="18" />
     </SocialLink>
-    <SocialLink href="https://medium.com/styled-components">
+    <SocialLink href="https://medium.com/styled-components" aria-label="Medium.com">
       <StyledIcon as={MediumM} height="18" />
     </SocialLink>
   </Wrapper>
diff --git a/components/Slider/Navigation.js b/components/Slider/Navigation.js
index 524949de3..34cbf2d97 100644
--- a/components/Slider/Navigation.js
+++ b/components/Slider/Navigation.js
@@ -102,7 +102,7 @@ const Navigation = ({ prev, next }) => {
   return (
     <SlideNav>
       <ShowcaseLink item={prev}>
-        <NavButton>
+        <NavButton role="button" aria-label="previous image">
           <Image
             width={1920}
             height={1080}
@@ -123,7 +123,7 @@ const Navigation = ({ prev, next }) => {
       </ShowcaseLink>
 
       <ShowcaseLink item={next}>
-        <NavButton>
+        <NavButton role="button" aria-label="next image">
           <Image
             width={1920}
             height={1080}
diff --git a/components/Slider/ShowcaseBody.js b/components/Slider/ShowcaseBody.js
index 2c8cc396e..6213cba30 100644
--- a/components/Slider/ShowcaseBody.js
+++ b/components/Slider/ShowcaseBody.js
@@ -91,12 +91,12 @@ const ShowcaseBody = ({ title, owner, description, link, repo }) => (
       {description && <p>{description}</p>}
     </div>
     <SlideMetaLinks>
-      <SlideMetaLink href={link} target="_blank">
+      <SlideMetaLink href={link} target="_blank" aria-label={`${title} website`}>
         <span>Go to website</span>
         <Globe />
       </SlideMetaLink>
       {repo && (
-        <SlideMetaLink href={repo} target="_blank">
+        <SlideMetaLink href={repo} target="_blank" aria-label={`${title} repository`}>
           <span>Go to repository</span>
           <RepoIcon url={repo} />
         </SlideMetaLink>