JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="tk1234, post: 14962, member: 4335"] die text-Klasse kannst du auch direkt den auszublendenden Elementen (dl und h3) geben, ein extra div drumrum braucht es da nicht. Du hast das Problem nicht verstanden. Es geht darum was Screenreader an der Stelle vorlesen und bei deinem aktuellen jump2menu-Links wird da nichts sinnvolles vorgelesen werden. Du musst für die "normalen" Besucher auch keinen Text einblenden, [URL='https://wiki.selfhtml.org/wiki/Navigation/Flyout-Men%C3%BC#Skiplink']vorhanden sein[/URL] sollte er trotzdem, kann aber ausgeblendet sein. Siehe auch die Seite [URL='https://wiki.selfhtml.org/wiki/CSS/Tutorials/Sichtbarkeit_von_Elementen']Sichtbarkeit von Elementen[/URL] (ist leider noch nicht ganz fertig, beschreibt aber das Problem). Falsches Bundesland? ;-) Aber kein Stress, du musst nicht alles auf einmal und sofort umsetzen … Auch hier hast du das Problem nicht verstanden. Der falsche alt-Text ist keine Fehlermeldung (die gibt es im Errorlog des Servers bzw. in der Console in den Entwicklertools des Browsers) sondern einfach nur Unsinn. Der Text ist nicht für dich zur Fehlersuche sondern für (u.a.) Sehbehinderte damit die wissen was auf dem Bild zu sehen ist. Merke: Internetseiten sind nie für den Ersteller gemacht sondern immer für die späteren Besucher der Seite (ja, Ausnahmen gibt es, sind aber eher die Ausnahme) - was der Programmierer also will ist hier völlig egal. Benutzerdefinierte Elemente müssen immer geschlossen werden, richtig wäre also <nicht-nord></nicht-nord>, aber: du missbrauchst diese Elemente statt einfach class-Attribute zu verwenden. Das Element art-ausblenden ist Unsinn bzw. falsch, hier es völlig dem Link ein class="art-ausblenden" zu spendieren, nicht interaktive Elemente dürfen ohnehin nicht per JS klickbar gemacht werden da sie bei Tastaturbedienung nicht erreichbar sind. Wobei bei dem Link noch etwas dazu kommt: ein Link mit href="#" ist ein deutlicher Hinweis darauf dass an der Stelle ein <button> das richtige Element wäre, so auch hier - vergiss aber die Beschriftung (siehe oben) nicht! Analog das Element wiki-link: hier reicht ein class="wikilink" in dem enthaltenen a völlig aus - und wirf bei der Gelegenheit gleich das target=_blank raus. siehe [URL='https://wiki.selfhtml.org/wiki/JavaScript_und_CSS/CSS-Eigenschaften_setzen#Schalterklasse_f.C3.BCr_viele_Elemente']Selfhtml[/URL]. Übrigens: ausblenden von einzelnen Elementen ginge auch über das [URL='https://wiki.selfhtml.org/wiki/HTML/Attribute/hidden']hidden-Attribut[/URL] (lässt sich auch per JS setzen) - bei (potentiell) mehreren Elementen ist es m.E. aber sinnvoller mit einer Schalterklasse zu arbeiten. Mir ist übrigens neben dem bereits genannten noch was aufgefallen: [LIST] [*]onclick-Attribute haben im Quelltext nichts zu suchen, hänge die click-Events per addEventListener an die jeweiligen Elemente (bzw. ein gemeinsames Elternelement, das geht auch). Wobei z.B. für die input-Elemente in nav eine Funktion reicht: die per Klick aufgerufene Funktion schaut nach welche ID das geklickte Element hat und reagiert entsprechend [*]du hast ja die divs mit Zahlen als id - aus denen würde ich ggf. ein article-Element machen. Die ganzen HTML-Kommentare sind dann im Grunde überflüssig da klar ist was mit </article> bzw. </section> beendet wird [*]im CSS wird bei .nicht-nord per content Text eingefügt - das solltest du vermeiden, der wird nicht vorgelesen, schreibe den Text (wie aktuell ja geschehen) direkt in den Code [*]für h3 wird die Schriftgröße auf "smaller" gesetzt - da sich das auf die Standardmäßig vom Benutzer als gut lesbare Größe im Browser bezieht, wird die Schrift hier zu klein (dito für figcaption) [*]der Text-Checkbox im Menü fehlt noch eine Beschriftung (bzw. der Beschriftung ein for-Attribut) und bei den anderen Beschriftungen könntest du <input> und <label> ohne Leerzeichen direkt hintereinander stellen, dann kann man nicht in der Lücke zwischen den Elementen ins Leere klicken [*]Der Seite fehlt eine [URL='https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst#Viewportangabe']Viewportangabe[/URL] [/LIST] [/QUOTE]

Authentifizierung