Improve a11y by adding aria-label in LinkButton

This commit is contained in:
Sat Naing
2022-09-17 01:05:28 +06:30
parent 3ea112470e
commit 215e9722e7
+3 -1
View File
@@ -44,6 +44,8 @@ const { activeNav } = Astro.props;
className={`focus-outline p-1 ${ className={`focus-outline p-1 ${
activeNav === "search" ? "active" : "" activeNav === "search" ? "active" : ""
}`} }`}
ariaLabel="search"
title="Search"
> >
<svg xmlns="http://www.w3.org/2000/svg" <svg xmlns="http://www.w3.org/2000/svg"
><path ><path
@@ -52,7 +54,7 @@ const { activeNav } = Astro.props;
</svg> </svg>
</LinkButton> </LinkButton>
<button id="theme-btn" class="focus-outline"> <button id="theme-btn" class="focus-outline" aria-label="switch theme">
<svg xmlns="http://www.w3.org/2000/svg" id="moon-svg" <svg xmlns="http://www.w3.org/2000/svg" id="moon-svg"
><path ><path
d="M20.742 13.045a8.088 8.088 0 0 1-2.077.271c-2.135 0-4.14-.83-5.646-2.336a8.025 8.025 0 0 1-2.064-7.723A1 1 0 0 0 9.73 2.034a10.014 10.014 0 0 0-4.489 2.582c-3.898 3.898-3.898 10.243 0 14.143a9.937 9.937 0 0 0 7.072 2.93 9.93 9.93 0 0 0 7.07-2.929 10.007 10.007 0 0 0 2.583-4.491 1.001 1.001 0 0 0-1.224-1.224zm-2.772 4.301a7.947 7.947 0 0 1-5.656 2.343 7.953 7.953 0 0 1-5.658-2.344c-3.118-3.119-3.118-8.195 0-11.314a7.923 7.923 0 0 1 2.06-1.483 10.027 10.027 0 0 0 2.89 7.848 9.972 9.972 0 0 0 7.848 2.891 8.036 8.036 0 0 1-1.484 2.059z" d="M20.742 13.045a8.088 8.088 0 0 1-2.077.271c-2.135 0-4.14-.83-5.646-2.336a8.025 8.025 0 0 1-2.064-7.723A1 1 0 0 0 9.73 2.034a10.014 10.014 0 0 0-4.489 2.582c-3.898 3.898-3.898 10.243 0 14.143a9.937 9.937 0 0 0 7.072 2.93 9.93 9.93 0 0 0 7.07-2.929 10.007 10.007 0 0 0 2.583-4.491 1.001 1.001 0 0 0-1.224-1.224zm-2.772 4.301a7.947 7.947 0 0 1-5.656 2.343 7.953 7.953 0 0 1-5.658-2.344c-3.118-3.119-3.118-8.195 0-11.314a7.923 7.923 0 0 1 2.06-1.483 10.027 10.027 0 0 0 2.89 7.848 9.972 9.972 0 0 0 7.848 2.891 8.036 8.036 0 0 1-1.484 2.059z"