Bug #92688
closedEpic #89595: Improve accessibility of backend
Search result list is missing correct HTML markup and additional search information
0%
Description
When you type text in the search input field and the search modal dialog appears with a list of search results. There are several accessibility issues with the search result.
If a visual presentation looks like a list, it should also have have HTML markup for a list <ul>. At the moment the different types of the search results (Page, Backend user, ..) are capsuled with <h3> and the search result row is capsuled with <div class="autocomplete-suggestion">.
<div class="t3js-toolbar-item-search" style="">
<h3 class="dropdown-headline">Backend user</h3>
<div class="autocomplete-suggestion" data-index="0">
..
</div>
<div>
The search result modal shows a maximum of 5 search results, more results can be viewed with the button "Show all". Information about the total search result count is missing.
The search result gets updated automatically when a user types text into the search input field. A screenreader user doesn't receive any information about the automatically updated search result list.