fix(components-widgets): add sr-only into sidebar and alt

This commit is contained in:
xHyroM 2023-01-05 14:04:59 +01:00
parent a52dce33c8
commit 8b49bc36e7
2 changed files with 9 additions and 3 deletions

View file

@ -48,7 +48,7 @@ const navItems = [
<span class="sr-only">menu</span> <span class="sr-only">menu</span>
<img <img
src="/icons/menu.svg" src="/icons/menu.svg"
alt="hambuerger menu icon" alt="hamburger menu icon"
class="h-[23px] w-[24px]" class="h-[23px] w-[24px]"
/> />
</button> </button>
@ -56,7 +56,7 @@ const navItems = [
<span class="sr-only">menu</span> <span class="sr-only">menu</span>
<img <img
src="/icons/x.svg" src="/icons/x.svg"
alt="hambuerger menu icon" alt="hamburger menu icon"
class="h-[23px] w-[24px]" class="h-[23px] w-[24px]"
/> />
</button> </button>

View file

@ -21,7 +21,13 @@ const categories = Object.keys(sections);
<aside aria-label="Sidebar"> <aside aria-label="Sidebar">
<div class="absolute z-10 text-white md:hidden"> <div class="absolute z-10 text-white md:hidden">
<button id="sidebar-show" class="p-4 pl-2"> <button id="sidebar-show" class="p-4 pl-2">
<img src={rightArrow} alt="" id="open-arrow" class="duration-200" /> <span class="sr-only">sidebar menu</span>
<img
src={rightArrow}
alt="sidebar hamburger menu icon"
id="open-arrow"
class="duration-200"
/>
</button> </button>
</div> </div>
<nav <nav