@supports für Pseudoklassen? GELÖST
bearbeitet von marctrixHej Auge,
das ist aber nett, dass du dir den Beitrag nicht nur durchgelesen hast, sondern auch so eine ausführliche Rückmeldung gibst. Danke dafür!
> > „Die Schrift soll aus dem Feld verschwinden, wenn das Feld ausgefüllt wird, um dem getippten Text nicht im Weg zu stehen.
> >
> > Lässt sich leicht umsetzen mit dem placeholder-Attribut, was aber aus Gründen der Nutzerfreundlichkeit, Zugänglichkeit und Semantik tunlichst zu unterlassen ist.
> >
> > Formular-Felder müssen immer mit label beschriftet werden, placeholder ist für Beispiele und Ausfüllhilfen gedacht. Seine Verwendung ist optional und kann eine ordentliche Beschriftung nicht ersetzen!“
> Die Formulierung im zweiten Absatz sollte mMn klarer darauf abstellen, dass `placeholder` nicht *statt* `label` verwendet werden sollen.
Auf jeden Fall! - Ich hoffe die neue Formulierung ist deutlicher.
> Rechtschreibung
Korrigiert.
> Ganz generell erschließt sich mir dein Beispiel aber nicht. Die auch und gerade hier imemr wieder ins feld geführte nicht funktionierende Bedienbarkeit des Formulars bei Verwendung von `placeholder` **statt** `label` ist ja nicht das einzige Argument gegen einen solchen Aufbau. Ein zweiter Punkt ist das Verschwinden der Beschriftung des Formularfeldes, sobald begonnen wird, dieses auszufüllen. In deinem Beispiel ist es sogar noch schlimmer, da die Beschriftung bereits verschwindet, wenn das Feld nur den Focus erhält.
Wieso, sie verschwindet ja nicht - ich bin damit aber auch nicht ganz glücklich. Es ist ein Kompromiss aus häufig an mich herangetragenem Design-Wunsch und der besten Zugänglichkeit. Ich würde die Schrift beim Verschieben nach oben noch etwas größer, schwarz und vielleicht fett machen - muss man noch ein wenig experimentieren. Zoomen verträgt die Lösung übrigens gut.
> Meiner Meinung nach ist das ein überaus schlecht gewähltes Beispiel.
Wenn es - so wie jetzt - nicht funktioniert, hast du natürlich recht. Aber das entscheidende Problem ist derzeit, dass sich eingegebener Text und Beschriftung überlagern, wenn das befüllte Feld verlassen wird.
Da mir dazu nichts einzufallen scheint, werde ich den Beitrag vermutlich komplett umschreiben und den Codepen umbauen, so dass es nur noch um graceful degradation beim Einsatz von Pseudoklassen geht.
Oder ich lösche ihn ganz. Mal sehen…
Marc