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