Html多選元素可訪問性

Question

在我們的Web應用程序中，我們有一個搜索表單，其中包含一個用戶可以從中選擇一個或多個可能選項的答案的字段。我們目前使用「選擇」 html元素與「多重」屬性設置爲下面的例子：

select { 
 
    width: 150px; 
 
}

<select multiple> 
 
    <option value="A">Alice</option> 
 
    <option value="B">Bob</option> 
 
    <option value="F">Fred</option> 
 
    <option value="K">Kevin</option> 
 
    <option value="M">Mary</option> 
 
    <option value="S">Susan</option> 
 
</select>

從用戶測試的反饋顯示，這種溶液是混淆了用戶。通過按住Ctrl鍵（在窗口上）來執行多個選擇/取消選擇，然而許多用戶不知道這一點。

當使用鍵盤時，該元素似乎也不容易使用 - 這顯然是一個可訪問性問題。

是否有「最佳實踐」，可通過多種選擇向用戶顯示輸入的可訪問方式？