patrowe
commented
1 year ago Test
Vorbedingungen:
- die angehängten Zweige für die lux-components und lux-components-theme auschecken
- das Theme lokal bauen und mit den lux-components lokal verlinken
- das Demo starten und die Seite für die lux-textbox öffnen
Durchführung:
- die Entwickler-Tools öffnen (F12-Taste)
- die Überschrift der oberen Textbox mit dem Auswahl-Tool auswählen
- im Elemente-Tab ist nun die entsprechende h2 markiert
- über das Input luxHeading links auf der Demoseite nach einander die Werte von 1-6 eingeben
Zu erwartendes Ergebnis
Das ausgeählte Element im Tab wechselt entsprechend der Eingabe zu
"1" -> h1, "2" -> h2, "3" -> h3, "4" -> h4, "5" -> h5, "6" -> h6
z.B. für die Eingabe "4"
DSeifer
Die Komponente lux-textbox nutz für die Darstellung eines Titels eine h3. Dieses soll wie bei der lux-Card veränderbar sein. Damit eine Webseite Barrierfrei ist, muss sie eine durchgehende "Headingstruktur" haben. Deshalb soll die Property luxHeading eingeführt. Das Styling soll sich dabei nicht ändern.
Akzeptanzkriterium: Die Komponente lux-textbox hat die Property luxHeading erhalten. Der Default-Wert und das Verhalten, wird wie bei der lux-card umgesetzt. Das bisherige Styling wird nicht verändert.