Search input: add label, hide it but make sure screen readers see it

Change-Id: I22ec2d4221afe18b000480eb2edebc00aca1cf01
This commit is contained in:
Pedro Pinto Silva 2020-10-06 15:16:34 +02:00 committed by pedropintosilva
parent 9b352038f2
commit 2f046c0a36

View file

@ -186,6 +186,7 @@ L.Control.StatusBar = L.Control.extend({
items: [
{type: 'html', id: 'search',
html: '<div style="padding: 3px 5px 3px 10px;" class="loleaflet-font">' +
'<label for="search-input" class="visuallyhidden" aria-hidden="false">Search:</label>' +
'<input size="15" id="search-input" placeholder="' + _('Search') + '"' +
'style="padding: 3px; border-radius: 2px; border: 1px solid silver"/>' +
'</div>'