From 5c631fd999072600342d9814c957514f2420a1d2 Mon Sep 17 00:00:00 2001
From: Teodor Spinescu <109663829+ens84646@users.noreply.github.com>
Date: Wed, 22 Nov 2023 13:24:22 +0200
Subject: [PATCH] fix: Coral shell help items should have list role (#321)

Co-authored-by: TeodorS <teodors@ensemble.com>
---
 coral-component-shell/src/scripts/ShellHelpItem.js | 1 +
 coral-component-shell/src/templates/help.html      | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/coral-component-shell/src/scripts/ShellHelpItem.js b/coral-component-shell/src/scripts/ShellHelpItem.js
index 14e2cf4ca0..cb81c0368f 100644
--- a/coral-component-shell/src/scripts/ShellHelpItem.js
+++ b/coral-component-shell/src/scripts/ShellHelpItem.js
@@ -26,6 +26,7 @@ class ShellHelpItem extends AnchorList.Item {
     super.render();
 
     this.classList.add(CLASSNAME);
+    this.setAttribute("role", "listitem");
   }
 }
 
diff --git a/coral-component-shell/src/templates/help.html b/coral-component-shell/src/templates/help.html
index 44147ea863..0abe6a62b1 100644
--- a/coral-component-shell/src/templates/help.html
+++ b/coral-component-shell/src/templates/help.html
@@ -4,7 +4,7 @@
 <div handle="contentWrapper">
   <label class="u-coral-screenReaderOnly" id="{{labelId}}">{{data.i18n.get('Search for Help')}}</label>
   <coral-search class="_coral-Shell-help-search" handle="search" placeholder="{{data.i18n.get('Search for Help')}}" labelledby="{{labelId}}"></coral-search>
-  <div class="_coral-Shell-help-items" handle="items"></div>
+  <div class="_coral-Shell-help-items" handle="items" role="list"></div>
   <coral-anchorlist class="_coral-Shell-help-results" handle="results" hidden></coral-anchorlist>
   <div class="_coral-Shell-help-resultMessage" handle="resultMessage" role="status" hidden></div>
   <div class="_coral-Shell-help-loading" handle="loading" role="status" hidden>