Epic #89595: Improve accessibility of backend
Search result list is missing correct HTML markup and additional search information
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">
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.