From 394552d6664a3e7c43f5639b43149d16d16eac40 Mon Sep 17 00:00:00 2001
From: somrat sorkar <themefisher.dev@gmail.com>
Date: Sun, 4 Feb 2024 15:35:38 +0600
Subject: [PATCH] update accessiblity:

---
 package.json                        | 4 ++--
 readme.md                           | 4 ++--
 src/layouts/helpers/SearchModal.tsx | 3 ++-
 src/layouts/partials/Header.astro   | 1 +
 src/pages/index.astro               | 2 +-
 src/styles/search.scss              | 2 +-
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index fc4ae7d..b5c72a6 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -36,7 +36,6 @@
     "react-lite-youtube-embed": "^2.4.0",
     "remark-collapse": "^0.1.2",
     "remark-toc": "^9.0.0",
-    "sharp": "^0.33.2",
     "swiper": "^11.0.5"
   },
   "devDependencies": {
@@ -53,6 +52,7 @@
     "prettier-plugin-astro": "^0.13.0",
     "prettier-plugin-tailwindcss": "^0.5.11",
     "sass": "^1.70.0",
+    "sharp": "0.33.1",
     "tailwind-bootstrap-grid": "^5.1.0",
     "tailwindcss": "^3.4.1",
     "typescript": "5.3.3"
diff --git a/readme.md b/readme.md
index 441a67f..d098e30 100755
--- a/readme.md
+++ b/readme.md
@@ -10,8 +10,8 @@
 </h2>
 
 <p align=center>
-  <a href="https://github.com/withastro/astro/releases/tag/astro%404.2.0" alt="Contributors">
-    <img src="https://img.shields.io/static/v1?label=ASTRO&message=4.2&color=000&logo=astro" />
+  <a href="https://github.com/withastro/astro/releases/tag/astro%404.3.2" alt="Contributors">
+    <img src="https://img.shields.io/static/v1?label=ASTRO&message=4.3&color=000&logo=astro" />
   </a>
 
   <a href="https://github.com/zeon-studio/astroplate/blob/main/LICENSE">
diff --git a/src/layouts/helpers/SearchModal.tsx b/src/layouts/helpers/SearchModal.tsx
index 351941e..6d29287 100644
--- a/src/layouts/helpers/SearchModal.tsx
+++ b/src/layouts/helpers/SearchModal.tsx
@@ -140,6 +140,7 @@ const SearchModal = () => {
                 width="18"
                 className="hover:text-red-500 cursor-pointer -mt-0.5"
               >
+                <title>close icon</title>
                 <path
                   fill="currentcolor"
                   d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"
@@ -152,6 +153,7 @@ const SearchModal = () => {
                 width="18"
                 className="-mt-0.5"
               >
+                <title>search icon</title>
                 <path
                   fill="currentcolor"
                   d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"
@@ -167,7 +169,6 @@ const SearchModal = () => {
             name="search"
             value={searchString}
             onChange={handleSearch}
-            autoFocus
             autoComplete="off"
           />
         </div>
diff --git a/src/layouts/partials/Header.astro b/src/layouts/partials/Header.astro
index fa9472b..136e356 100755
--- a/src/layouts/partials/Header.astro
+++ b/src/layouts/partials/Header.astro
@@ -75,6 +75,7 @@ const { pathname } = Astro.url;
                     <li class="nav-dropdown-item">
                       <a
                         href={child.url}
+                        aria-label={child.name}
                         class={`nav-dropdown-link block ${
                           (pathname === `${child.url}/` ||
                             pathname === child.url) &&
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3c0cb41..290e42d 100755
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -54,7 +54,7 @@ const { banner, features }: Homepage = homepage.data;
                 src={banner.image}
                 height={380}
                 width={1200}
-                alt="banner image"
+                alt="banner"
                 format="webp"
               />
             </div>
diff --git a/src/styles/search.scss b/src/styles/search.scss
index ab22252..b7c0f4d 100644
--- a/src/styles/search.scss
+++ b/src/styles/search.scss
@@ -1,6 +1,6 @@
 .search {
   &-modal {
-    @apply z-50 fixed top-0 left-0 w-full h-full flex items-start justify-center invisible opacity-0;
+    @apply z-50 fixed -top-10 left-0 w-full h-full flex items-start justify-center invisible opacity-0;
     &.show {
       @apply visible opacity-100;
     }