Es ist die Ortszeit, mit der das Produkt Erinnerungen auslöst.
Details
Ein geschlossener Abschnitt, den die Person öffnet, wenn sie will: Erklärungen und Einstellungen, die die meisten Menschen nicht benötigen.
Auf dieser Seite
Playground
Was ist die Zeitzone?
Zustand
Hintergrund
<details class="feitio-details"><summary><svg class="feitio-icon" aria-hidden="true"><use href="/feitio/icons/sprite.svg#feitio-chevron-right"></use></svg>Was ist die Zeitzone?</summary><div class="content"><p>Es ist die Ortszeit, mit der das Produkt Erinnerungen auslöst.</p></div></details>Wann verwenden
- Für Hilfe benötigen nur einige ("Welche Zeitzone?").
- Für fortgeschrittene Einstellungen ändert fast niemand etwas.
Wann nicht verwenden
- Was alle lesen müssen: lassen Sie es offen.
- Erforderliches Feld ausblenden.
- Mehrere hintereinander als Akkordion: wenn alles geschlossen ist, wird nichts gelesen.
Beispiele
What is the time zone?
Es ist die lokale Zeit, die das Produkt für Erinnerungen verwendet.
Eine Frage
Der Inhalt wächst und der Pfeil dreht sich auf der Änderungskurve.
Code anzeigen
<details class="feitio-details">
<summary><svg class="feitio-icon" aria-hidden="true">…</svg>O que é o fuso horário?</summary>
<div class="content"><p>…</p></div>
</details>Anatomie
What is the time zone?
Die lokale Zeit der Erinnerungen.
- Pfeil: dreht sich nach unten, wenn er geöffnet wird.
- Zusammenfassung: eine Frage oder ein Name, unterstrichen wie ein Link.
- Inhalt: mit dem Zusammenfassungstext ausgerichtet.
Schreiben
- Die Zusammenfassung sagt, was drin ist. Niemals "Mehr erfahren".
Barrierefreiheit
- Es ist der Browsers
<details>: es öffnet sich mit der Tastatur und Screenreader sagen, ob es offen ist.
Attribute
| Attribut | Werte | Zum Zweck |
|---|---|---|
class="feitio-details" | am <details> | Der drehende Pfeil und die unterstrichene Zusammenfassung. |
class="content" | um den Inhalt | Gleichgerichtet mit der Zusammenfassung. |
open | optional | Fängt offen an. |