Label zum Suchschlitz hinzufügen (Screenreader-Kompatibilität)

[vgerlach]

Im Rahmen der Überarbeitung des Standardlayouts/Designs wurde u.a. auch ein Test auf Barrierefreiheit auf der Seite https://wave.webaim.org/ durchgeführt. Dort wurde bemängelt, dass der Suchschlitz nicht gelabelt und damit für sehbeeinträchtigte Menschen nicht so einfach zu verwenden ist. Lösung ist das labeln des entsprechenden Elements in der Datei simpleSearchForm.phtml (edit-search, edit-submit-search-wrapper). Damit das Label sprachabhängig gesetzt werden kann, sollte ein Übersetzungsschlüssel verwendet werden (z.B. search_symbol_title).

[vgerlach]

Bei uns sieht die Lösung in der Demoinstanz derzeit so aus:

<div id="edit-search-wrapper" class="form-item" label=<?= $this->translate('search_title'); ?> title=<?= $this->translate('search_title'); ?>> <input type="text" size="30" name="query" id="edit-search" label=<?= $this->translate('search_title'); ?> title=<?= $this->translate('search_title'); ?> class="form-text" value="<?= $this->q !== null ? htmlspecialchars($this->q) : '' ?>" /> </div> <div id="edit-submit-search-wrapper" class="form-item" label=<?= $this->translate('search_symbol_title'); ?> title=<?= $this->translate('search_symbol_title'); ?>> <span class="form-submit-wrapper"><input type="submit" id="edit-submit-search" class="form-submit" value="<?= $this->translate('solrsearch_searchaction'); ?>" /></span> </div>

[j3nsch]

Bitte konkretere Überschriften wählen, weil wir sonst zig-Tickets mit "... verbessern" haben.