display:none oder lieber margin-left: -25985475px?
Jnnbo
- css
Moin,
Was ist sinnvoller wenn ich innerhalb von einer <section> keine <h2> Überschrift sehen möchte, diese mit display:none; auszublenden oder wie Peter Müller (http://pmueller.de/) in einem Video vorschlägt die <h2> mit einem margin-left: -3658958px
und einem margin-top: -3658958px
sowie einem height:0px
und width:0px
aus dem Sichtbaren Bereich zu schieben.
Ich könnte auch die <h2> innerhalb von einer <section> einfach weg lassen und damit leben, dass der validator.w3.org meckert. Ich weiß nur nicht, wie Suchmaschinen das gemeckere interpretieren?
Om nah hoo pez nyeetz, Jnnbo!
Moin,
Was ist sinnvoller wenn ich innerhalb von einer <section> keine <h2> Überschrift sehen möchte, diese mit display:none; auszublenden oder wie Peter Müller (http://pmueller.de/) in einem Video vorschlägt die <h2> mit einem
margin-left: -3658958px
und einemmargin-top: -3658958px
sowie einemheight:0px
undwidth:0px
aus dem Sichtbaren Bereich zu schieben.
Am Tablet und mit Kopfschmerzen nur die Kurzfassung: weder noch. Google mal ein bisschen auch mit dem Suchbegriff Screanreader.
Ich könnte auch die <h2> innerhalb von einer <section> einfach weg lassen
Ein sicheres Zeichen, dass section das falsche Element ist.
Matthias
Hallo Matthias,
Am Tablet und mit Kopfschmerzen nur die Kurzfassung: weder noch. Google mal ein bisschen auch mit dem Suchbegriff Screanreader.
erstmal gute Besserung. Ok, ich habe etwas gefunden für mein Vorhaben sollte ich auch text-indent: -9999px;
setzten.
@@Jnnbo:
Ok, ich habe etwas gefunden für mein Vorhaben sollte ich auch
text-indent: -9999px;
setzten.
Da liegt ein Buchstabenverwechsler vor: für _k_ein Vorhaben solltest du text-indent: -9999px;
setzten.
Zeldman erklärt, warum nicht.
LLAP
@@Jnnbo:
Ok, ich habe etwas gefunden für mein Vorhaben
Was ist dein Vorhaben?
Warum hast du eine Überschrift, die nicht erscheinen soll?
Soll sie visuell nicht erscheinen, aber von Screenreader gelesen werden? Dann ist display: none
falsch.
Soll sie visuell nicht erscheinen und auch von Screenreader nicht gelesen werden? Dann ist wohl das h2-Element falsch.
LLAP
Hallo,
Warum hast du eine Überschrift, die nicht erscheinen soll?
weil laut validator.w3.org ein <article> eine Überschrift braucht.
@@Jnnbo:
Warum hast du eine Überschrift, die nicht erscheinen soll?
weil laut validator.w3.org ein <article> eine Überschrift braucht.
Ja und? Wenn der Bereich keine Überschrift hat, dann ist es womöglich kein article.
Manchmal ist ein div einfach nur ein div.
LLAP
Lass mich doof fragen. Warum willst du kein visible:none verwenden? Etwas nicht sehen zu wollen ist visible=none. Nicht etwas aus dem Bildschirm zu schieben.
Für weitere Überlegungen wäre wichtig zu wissen warum da ein h2 sein soll obwohl du keinen Inhalt hast. Dann scheint dein section oder article die falsche Wahl zu sein, wie anderswo schon bemerkt.
@@Encoder:
Lass mich doof fragen. Warum willst du kein visible:none verwenden?
Weil das doof wäre.
Weil visible
keine CSS-Eigenschaft ist. visibility
ist eine.
Weil none
kein gültiger Wert für visibility
ist. hidden
wäre einer.
IIRC lesen Screenreader Elemente mit visibility: hidden
ebensowenig vor wie solche mit display: none
.
LLAP