"Das Öffnen der erweiterten Einstellungen müsste auch noch geändert werden, weil durch das "display: none;" nimmst du es aus dem Fokus von einem Screenreader für immer raus"
"Tu mal bei dem url-input noch folgendes Attribut rein: placeholder="https://www.fau.de/" bzw "https://" (vielleicht nach IdM die erste damit verbundene Domain in der DB?
"der Link ist auch ein Button, weil du eine Aktion triggerst" => WAI Attribute
"und den Pfeil nach unten bitte nicht als eigenes Span machen, weil das Teil des Designs sein muss. Optik macht man aber über CSS und nicht als Char"
"den Char kannst du dann im CSS über ein button:after { ... } machen"
"das <input id="generate"...> bitte dann nach oben in der class="inside". Dann kann der Button hinter der Eingabe der URL optisch positioniert werden."
"class statt id"
Grund: "wenn das Formular irgendwann mal mehrmals auf einer Seite auftaucht, weil es mit dem Block Editor eingefügt wird (oben und unten) ... dann kracht es sonst"
"Das Öffnen der erweiterten Einstellungen müsste auch noch geändert werden, weil durch das "display: none;" nimmst du es aus dem Fokus von einem Screenreader für immer raus"
"Tu mal bei dem url-input noch folgendes Attribut rein: placeholder="https://www.fau.de/" bzw "https://" (vielleicht nach IdM die erste damit verbundene Domain in der DB?
Styling erfordert:
<div class="shortcode-advanced-settings"> <button class=".." id=".. ">Erweiterte Einstellung</button> <div class="shortcode-advanced-settings-dialog">...</div></div>
"der Link ist auch ein Button, weil du eine Aktion triggerst" => WAI Attribute
"und den Pfeil nach unten bitte nicht als eigenes Span machen, weil das Teil des Designs sein muss. Optik macht man aber über CSS und nicht als Char" "den Char kannst du dann im CSS über ein button:after { ... } machen"
"das <input id="generate"...> bitte dann nach oben in der class="inside". Dann kann der Button hinter der Eingabe der URL optisch positioniert werden."
"class statt id" Grund: "wenn das Formular irgendwann mal mehrmals auf einer Seite auftaucht, weil es mit dem Block Editor eingefügt wird (oben und unten) ... dann kracht es sonst"