Buttons mit Login-Optionen sind eine spezielle Ausprägung von Standard-Buttons, die zur Visualisierung verschiedener Möglichkeiten in einem Anmelde- oder Registrierungsprozess verwendet werden.
Sie besitzen eine geänderte Farbigkeit, durch die enthaltene Logos in den Vordergrund treten sollen sowie eine leicht vergrößerte Höhe im Vergleich zu herkömmlichen Buttons.
Bei der Bemaßung der Logos muss darauf geachtet werden, dass sie optisch gleich gewichtet sind; der gesamte Inhalt, Logo und Text, wird immer zentriert dargestellt.
Design
Typografie
Spalte 1 enthält die Ziffern aus der Abbildung zu den nach Elementen gruppierten Regeln in Spalten 2 bis 4.
Alle Logos werden im Container vertikal und horizontal zentiert. Jedes Icon muss unterschiedlich groß dargestellt und ausgerichtet werden. Bekannte Varianten sind unten definiert.
"Link mit Aussehen eines Login-Buttons - disabled mit einem Text"
E-Mail & Passwort
<spanclass="btn btn--option btn--option--disabled"> <spanclass="btn__text">E-Mail & Passwort</span> </span>
Barrierefreiheit
Die Anforderungen an die Barrierefreiheit sowie die Testhinweise und Akzeptanzkriterien sind identisch mit den zu Grunde liegenden Elementen wie Buttons und Icons bzw. Logos.
