From 1a013650322053f347b0542ba036e88ce2aa4772 Mon Sep 17 00:00:00 2001
From: "Henry O." <devodehenry.2000@gmail.com>
Date: Sun, 23 Mar 2025 16:11:33 -0700
Subject: [PATCH] Make Kiwix search results accessible for screen readers #778
 (#1321)

Signed off by @devhenode
---
 www/index.html | 6 +++---
 www/js/app.js  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/www/index.html b/www/index.html
index 70515045..d3cbb538 100644
--- a/www/index.html
+++ b/www/index.html
@@ -104,7 +104,7 @@
 
                 </nav>
 
-                <form id="formArticleSearch">
+                <form id="formArticleSearch" role="search" aria-label="Search articles">
                     <div class="container">
                         <div class="row">
                             <span class="col-10">
@@ -774,8 +774,8 @@
 
                 <!-- List of articles matching the typed prefix -->
                 <div id="articleListWithHeader" style="display: none;" class="container">
-                    <span id="articleListHeaderMessage"></span>
-                    <div id="articleList" class="list-group">
+                    <span id="articleListHeaderMessage" aria-live="polite"></span>
+                    <div id="articleList" class="list-group" role="listbox">
                     </div>
                 </div>
                 <!-- Bootstrap alert box -->
diff --git a/www/js/app.js b/www/js/app.js
index 7f3c94ce..bd79d9f2 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -2019,7 +2019,7 @@ function populateListOfArticles (dirEntryArray, reportingSearch) {
         // Info: encodeURIComponent encodes all characters except  A-Z a-z 0-9 - _ . ! ~ * ' ( )
         var dirEntryStringId = encodeURIComponent(dirEntry.toStringId());
         articleListDivHtml += '<a href="#" dirEntryId="' + dirEntryStringId +
-            '" class="list-group-item">' + dirEntry.getTitleOrUrl() + '</a>';
+            '" class="list-group-item" role="option">' + dirEntry.getTitleOrUrl() + '</a>';
     }
 
     // innerHTML required for this line