From 09f417a28d0053ec5aec595ec9b313761a64e81a Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 5 Sep 2022 07:23:18 -0700
Subject: [PATCH] fix(header-search): resolve a11y warnings

---
 src/UIShell/HeaderSearch.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/UIShell/HeaderSearch.svelte b/src/UIShell/HeaderSearch.svelte
index 7d101f99..85e565e2 100644
--- a/src/UIShell/HeaderSearch.svelte
+++ b/src/UIShell/HeaderSearch.svelte
@@ -61,10 +61,11 @@
 
 <div bind:this="{refSearch}" role="search" class:active>
   <label for="search-input" id="search-label">Search</label>
-  <div role="combobox" aria-expanded="{active}">
+  <div aria-owns="search-menu" aria-haspopup="menu">
     <button
       type="button"
       aria-label="Search"
+      aria-expanded="{active}"
       tabindex="{active ? '-1' : '0'}"
       class:bx--header__action="{true}"
       class:disabled="{active}"
@@ -83,6 +84,8 @@
       class:active
       {...$$restProps}
       id="search-input"
+      aria-autocomplete="list"
+      aria-controls="search-menu"
       aria-activedescendant="{selectedId}"
       bind:value
       on:change
@@ -133,7 +136,7 @@
   {#if active && results.length > 0}
     <ul aria-labelledby="search-label" role="menu" id="search-menu">
       {#each results as result, i}
-        <li>
+        <li role="none">
           <a
             tabindex="-1"
             id="search-menuitem-{i}"