From ebafe7b31d504c50492a1953a8c26dd061f2b66d Mon Sep 17 00:00:00 2001
From: Siarhei Karol <135722306+SKarolFolio@users.noreply.github.com>
Date: Tue, 21 Jan 2025 18:56:39 +0500
Subject: [PATCH] TCR-50: resolve a11y issues (#79)

---
 src/App.scss                                           |  9 +++++++++
 src/components/Dropdown/Dropdown.scss                  |  2 +-
 src/components/SearchResultEntry/SearchResultEntry.tsx | 10 ++++++++++
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index 279dc7c1..b7d690b4 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -191,4 +191,13 @@ h6 {
     gap: 8px;
     align-items: center;
   }
+
+  .invisible-text {
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+  }
 }
diff --git a/src/components/Dropdown/Dropdown.scss b/src/components/Dropdown/Dropdown.scss
index 880f59c8..321a2730 100644
--- a/src/components/Dropdown/Dropdown.scss
+++ b/src/components/Dropdown/Dropdown.scss
@@ -49,7 +49,7 @@
     &-group {
       &-label {
         margin-bottom: 0.5rem;
-        font-size: 0.75rem;
+        font-size: 0.855rem;
         font-weight: 700;
         color: rgba(0, 0, 0, 0.62);
       }
diff --git a/src/components/SearchResultEntry/SearchResultEntry.tsx b/src/components/SearchResultEntry/SearchResultEntry.tsx
index c4683554..a1cf58ca 100644
--- a/src/components/SearchResultEntry/SearchResultEntry.tsx
+++ b/src/components/SearchResultEntry/SearchResultEntry.tsx
@@ -28,6 +28,11 @@ type SearchResultEntry = {
 
 const instancesListHeader: Row = {
   selectCtl: {
+    label: (
+      <div className="invisible-text">
+        <FormattedMessage id="ld.aria.table.selectRow" />
+      </div>
+    ),
     position: 0,
   },
   title: {
@@ -51,6 +56,11 @@ const instancesListHeader: Row = {
     position: 5,
   },
   editCtl: {
+    label: (
+      <div className="invisible-text">
+        <FormattedMessage id="ld.editInstance" />
+      </div>
+    ),
     position: 6,
   },
 };