vgerlach
commented
4 months ago 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
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).