diff --git a/frontend/src/app/app.component.css b/frontend/src/app/app.component.css
index a9dadea..498387c 100644
--- a/frontend/src/app/app.component.css
+++ b/frontend/src/app/app.component.css
@@ -4,6 +4,18 @@
   font-family: Arial, sans-serif;
 }
 
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 h1 {
   text-align: center;
 }
@@ -40,4 +52,4 @@ h1 {
 
 .suggestions li:hover {
   background-color: #f0f0f0;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 082a7e6..f60e56a 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -2,7 +2,9 @@
   <h1>Autocomplete Demo</h1>
 
   <form (ngSubmit)="onSubmit()" class="search-form">
+    <label class="visually-hidden" for="search-input">Search query</label>
     <input
+      id="search-input"
       data-testid="search-input"
       type="text"
       [value]="query"
@@ -20,4 +22,4 @@ <h1>Autocomplete Demo</h1>
       </button>
     </li>
   </ul>
-</div>
\ No newline at end of file
+</div>