Wieso erscheint "Navigation überspringen" und wie krieg ich das weg?
Wieso erscheint "Navigation überspringen" und wie krieg ich das weg?
Geändert von fiedsch (30.12.2020 um 15:14 Uhr)
Contao-Community-Treff Bayern: http://www.contao-bayern.de
Oder man macht es richtig (so wie es eigentlich gedacht ist), indem man das zum Beispiel so macht, wie hier beschrieben:
https://webaim.org/techniques/css/invisiblecontent/
In dem Artikel steht nicht nur wie, sondern auch warum. Viel Spaß beim lesen ;-)
Viele Grüße
Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
[Arbeitet bei -> Paus Design & Medien]
"I can EXPLAIN it to you, but I can't UNDERSTAND it for you."
Eigentlich weist Contao hier ja schon standardmäßig die CSS-Klasse invisible zu: https://github.com/contao/contao/blo...ation.html5#L9
Wieso ist das bei Dir nicht der Fall?Code:.invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
Das HTML aus #2 stammt aus einer aktuellen 4.9er Version ohne angepasste Templates. Kann ich mir momentan nicht erklären. Mit eingeschaltetem Debug-Mode bekomme ich:
HTML-Code:<!-- TEMPLATE START: vendor/contao/core-bundle/src/Resources/contao/templates/modules/mod_navigation.html5 --> <!-- indexer::stop --> <nav class="mod_navigation block" itemscope="" itemtype="http://schema.org/SiteNavigationElement"> <a href="preview.php/#skipNavigation1" class="sr-only">Navigation überspringen</a>
Contao-Community-Treff Bayern: http://www.contao-bayern.de
Verwendest Du dort das Bootstrap Framework?
https://getbootstrap.com/docs/4.4/ge...hidden-content
https://getbootstrap.com/docs/4.0/ut...screenreaders/
Contao-Community-Treff Bayern: http://www.contao-bayern.de
Das passiert hier: https://github.com/contao-bootstrap/...tstrap.yml#L43
Dort sind die CSS-Klassen angeführt, welche durch die entsprechenden Bootstrap-Klassen ausgetauscht werden.
Ich verstehe gerade nicht, was du hiermit meinst.
Dieser Hinweis ist für Screenreader gedacht oder auch für Menschen, die eine Seite per Tastatur navigieren. Wenn das per display: none ausgeblendet wird, dann ist es so, als ob dieser Link gar nicht da wäre, was nicht so sinnvoll ist. Deswegen nimmt man andere Methoden um das Visuell auszublenden.
Das Menü an sich ist davon erst mal nicht betroffen.
Viele Grüße
Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
[Arbeitet bei -> Paus Design & Medien]
"I can EXPLAIN it to you, but I can't UNDERSTAND it for you."
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen