Commit f75c9472 authored by Matthias Weber's avatar Matthias Weber Committed by Benni Mack
Browse files

[TASK] Add label to toolbar search field

Add a label to the search field via aria-label attribute, because a
separate all time visible label would break the design.

Also disable pointer-events for the icon so the search field
is focused when you click on the icon.

Resolves: #92644
Releases: master
Change-Id: If897e458efc0c0caf1958391b8f7ddbeca92f9f7

Tested-by: default avatarTYPO3com <>
Tested-by: Michael Telgkamp's avatarMichael Telgkamp <>
Tested-by: Benni Mack's avatarBenni Mack <>
Reviewed-by: Michael Telgkamp's avatarMichael Telgkamp <>
Reviewed-by: Benni Mack's avatarBenni Mack <>
parent 6558a6bd
......@@ -131,6 +131,7 @@ fieldset[disabled] .form-control {
left: 15px;
transform: translate(0, -50%);
z-index: 1;
pointer-events: none;
+ .form-control,
+ .form-control-clearable .form-control {
......@@ -7,7 +7,8 @@
<input type="text" class="form-control toolbar-item-search-field t3js-topbar-navigation-search-field"
placeholder="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/') -> f:format.htmlspecialchars()}"
id="live-search-box" autocomplete="off">
id="live-search-box" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.searchLabel')}"
autocomplete="off" spellcheck="off" autocapitalize="none"/>
......@@ -1191,6 +1191,9 @@ Do you want to refresh it now?</source>
<trans-unit id="" resname="">
<trans-unit id="toolbarItems.searchLabel" resname="toolbarItems.searchLabel">
<source>Search the contents</source>
<trans-unit id="toolbarItems.toolbarOpenClose" resname="toolbarItems.toolbarOpenClose">
<source>Open/Close toolbar</source>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment