Benachrichtigung: Zwei Spalten – Regeln und Beispiele
Verwenden Sie eine zweispaltige Benachrichtigung, um zwei zusammenhängende Hinweise klar darzustellen, den Kontrast auf Mobilgeräten zu wahren und falsche Symmetrie bei Anleitung und Bedingungen zu vermeiden.
Eine zweispaltige Benachrichtigung platziert zwei kurze, beschriftete Hinweise unter einem gemeinsamen Thema. Die Hinweise können Handlungen gegenüberstellen, zwei Bedingungen erklären oder verwandte Zustände unterscheiden, aber jeder muss korrekt und nützlich sein, wenn er für sich allein gelesen wird.
Wählen Sie die Anweisung für Ihren Veröffentlichungsstatus
Dieses gerenderte Element funktioniert, weil „Entwurfsseite" und „Veröffentlichte Seite" echte Zustände und keine kosmetischen Überschriften sind. Der gemeinsame Titel definiert die Entscheidung, jeder Hinweis liefert eine vollständige Anweisung, und keiner verlangt vom Leser, Bedeutung aus Farbe oder horizontaler Position abzuleiten.
Warum dieses Element wichtig ist
Leser stoßen oft auf Anleitungen, während sie nach der für sie zutreffenden Bedingung suchen. Ein langer Absatz, der sagt „Entwürfe können gekennzeichnete Beispiele enthalten, während veröffentlichte Seiten verifizierte Werte erfordern", zwingt den Leser, einen Satzteil im Gedächtnis zu behalten, während er den anderen prüft. Zwei abgegrenzte Hinweise reduzieren diese Arbeit. Die Beschriftungen zeigen zuerst die Verzweigung, sodass ein Leser die relevante Bedingung identifizieren und dann deren Anweisung lesen kann.
Der psychologische Vorteil ist selektive Aufmerksamkeit. Menschen brauchen nicht immer beide Nachrichten gleichermaßen; sie brauchen die Gewissheit, dass sie die richtige bemerkt haben. Ein gemeinsamer Titel stellt die Frage, während eindeutige Beschriftungen die verfügbaren Zustände sichtbar machen. Die nebeneinanderstehende Darstellung macht zudem einen sinnvollen Kontrast offensichtlich, ohne ihn als Gewinner und Verlierer überzubetonen.
Dieser Vorteil verschwindet, wenn der Autor falsche Symmetrie erzwingt. Falsche Symmetrie liegt vor, wenn das Layout suggeriert, dass zwei Ideen den gleichen Umfang, die gleiche Bedeutung oder Gültigkeit haben, obwohl der Inhalt dies nicht hergibt. Ein Ein-Satz-Hinweis neben einer sechsstufigen Sicherheitsprozedur ist kein Paar. Ebenso wenig ist eine verbindliche rechtliche Einschränkung neben einem optionalen Produktivitätstipp ein Paar. Gleich breite Spalten können ungleiche Botschaften austauschbar erscheinen lassen – genau das falsche Signal.
Maschinelle Extrahierbarkeit ist die Fähigkeit von Software, Inhalte zu isolieren und dabei die Beziehungen zu erhalten, die sie korrekt machen. Eine typisierte zweispaltige Benachrichtigung legt ein übergeordnetes Thema und zwei beschriftete untergeordnete Hinweise offen. Suchsysteme und KI-Agenten können „Für eine veröffentlichte Seite verwenden Sie verifizierte Werte mit einer Quellenangabe und geprüftem Datum" wiederherstellen, ohne raten zu müssen, welche Überschrift zu welchem Satz gehört. Explizite Beschriftungen, Quellreihenfolge und in sich geschlossene Textblöcke überstehen responsives Stapeln und textbasierte Extraktion.
Befolgen Sie die Element-Schreibregeln , bevor Sie diese Komponente wählen. Der Zweck hat Vorrang vor dem Erscheinungsbild. Ein schwerwiegendes Risiko bleibt eine Warnbox , eine verhaltensbezogene Korrektur bleibt ein Do’s-and-Don’ts-Block , und zwei Fakten werden nicht allein dadurch zu Benachrichtigungen, weil ein Design sie in Spalten setzen kann.
Wann es verwendet wird
Verwenden Sie dieses Element, wenn ein gemeinsames Thema genau zwei kurze Hinweise hat und das gleichzeitige Sehen beider dem Leser hilft, zu klassifizieren, zu vergleichen oder Verwirrung zu vermeiden. Geeignete Beziehungen umfassen:
- Zwei Bedingungen: Angemeldet versus abgemeldet, Entwurf versus veröffentlicht, vor der Migration versus nach der Migration.
- Zwei Zielgruppen: Kontoinhaber versus eingeladener Benutzer, solange beide eine Anleitung zum selben Ereignis erhalten.
- Empfohlenes und nicht empfohlenes Verhalten: Nur wenn jede Seite ein kurzer Hinweis und keine Liste von gegenübergestellten Verhaltensweisen ist.
- Verfügbare und nicht verfügbare Zustände: Wenn die Beschriftungen die Bedingungen nennen, die zu jedem Zustand führen.
- Aktuelles und zukünftiges Verhalten: Wenn Daten oder Versionsgrenzen explizit angegeben sind.
Alle diese Prüfungen müssen bestanden werden:
- Eine Überschrift kann beide Hinweise korrekt einleiten.
- Es gibt genau zwei Bedingungen oder Nachrichten; die Quelle verbirgt keinen dritten Fall.
- Jeder Hinweis hat eine spezifische Beschriftung und eine vollständige Konsequenz oder Handlung.
- Das Paar kann in Quellreihenfolge auf einem schmalen Bildschirm verstanden werden.
- Keiner der Hinweise erfordert eine verschachtelte Prozedur, Tabelle, ein Formular oder eine lange Einschränkung.
Beinahe-Treffer zeigen Fehlgebrauch auf. Verwenden Sie gewöhnliche Prosa, wenn die zweite Aussage lediglich die erste fortsetzt. Verwenden Sie eine Vergleichstabelle, wenn Leser mehrere Kriterien bewerten müssen. Verwenden Sie einen Entscheidungsbaum, wenn mehr als zwei Bedingungen verzweigen oder wenn eine Antwort zu einer weiteren Frage führt. Verwenden Sie eine eigenständige Warnung, wenn das Übersehen der Nachricht Schaden, Datenverlust, rechtliche Konsequenzen oder eine irreversible Handlung verursachen könnte. Verwenden Sie Do’s and Don’ts, wenn mehrere falsche Verhaltensweisen jeweils eine entsprechende Korrektur benötigen.
Erfinden Sie kein Gegengewicht. Wenn die ehrliche Anweisung „Sichern Sie die Datenbank vor der Migration" lautet, schafft das Hinzufügen von „Nach der Migration: arbeiten Sie weiter" Symmetrie, aber keinen Mehrwert. Teilen Sie ebenso keinen Hinweis in „Wichtig" und „Ebenfalls wichtig" auf. Beschriftungen müssen echte Bedingungen, Zustände, Zielgruppen oder Positionen benennen.
Wo es platziert wird
Platzieren Sie das Element unmittelbar nach dem Absatz, der die gemeinsame Situation definiert. Leser müssen wissen, welche Entscheidung oder welchen Zustand die Hinweise betreffen, bevor sie auf die Verzweigungen treffen. Wenn das Paar einer Handlung vorausgeht, setzen Sie es vor den ersten Schritt, der Daten ändert oder den Leser zu einer Wahl verpflichtet.
Die genauen Positionsregeln sind:
- Setzen Sie ein Paar mit zwei Bedingungen nach den Voraussetzungen und vor die bedingungsspezifischen Anweisungen.
- Setzen Sie einen Kontrast vor der Handlung vor das Steuerelement, den Befehl, den Download oder den Schritt, den es betrifft.
- Setzen Sie ein Paar für Ergebniszustände, nachdem das Ergebnis definiert wurde und vor Details zur Fehlerbehebung.
- Platzieren Sie Nachweise oder Quellen innerhalb des betreffenden Hinweises, wenn sie nur diesen Hinweis stützen; platzieren Sie gemeinsame Nachweise unmittelbar nach dem vollständigen Paar.
- Verwenden Sie in wiederkehrenden Dokumentationsabschnitten dieselbe Quellreihenfolge, damit wiederkehrende Zustände ihre Positionen nicht tauschen.
Das Element darf nicht neben einer anderen zweispaltigen Komponente, Vergleichstabelle, Registerkartensteuerung, Preistabelle oder geteilten Handlungsaufforderung stehen. Benachbarte Raster machen Abgrenzungen unklar und können eine vierfache Auswahl suggerieren. Es darf keine Behauptung von ihrem Beleg, keinen Schritt von seiner erforderlichen Warnung und kein Formularsteuerelement von seiner Beschriftung trennen. Platzieren Sie es nicht innerhalb eines nummerierten Schrittes: Die verschachtelten Verzweigungen können die Reihenfolge und Verantwortlichkeit unklar machen.
Setzen Sie niemals eine schwerwiegende Warnung in eine Spalte neben eine routinemäßige Anweisung in die andere. Die gleiche Geometrie verringert die Dominanz der Warnung und suggeriert, dass Leser zwischen beiden wählen können. Stufen Sie das Risiko zu einer eigenständigen Warnung vor der betreffenden Handlung hoch und verwenden Sie dieses Element später nur, wenn zwei sichere Bedingungen noch geklärt werden müssen.
Anatomie
- Gemeinsame Überschrift: Benennt die eine Situation oder Entscheidung, die beide Hinweise betrifft.
- Hinweiscontainer: Fasst das Paar als ein redaktionelles Element zusammen, ohne zu implizieren, dass es sich um eine einzelne Warnung handelt.
- Hinweisbeschriftung: Benennt eine Bedingung, einen Zustand, eine Zielgruppe oder ein Verhalten in 2–6 Wörtern.
- Hinweistext: Gibt den relevanten Fakt, die Konsequenz und die nächste Handlung in dieser Reihenfolge an, wenn alle drei benötigt werden.
- Optionales Symbol: Verstärkt eine sichtbare Textbeschriftung; es trägt die Unterscheidung niemals allein.
- Optionaler Quellenvermerk: Stützt eine sich ändernde, regulierte oder extern definierte Behauptung innerhalb des Hinweises, den er betrifft.
- Quellreihenfolge: Bestimmt die Reihenfolge für Screenreader, Kopie und Mobilgeräte; die visuelle Gestaltung darf sie nicht umkehren.
Der Autor liefert die gemeinsame Überschrift, zwei Beschriftungen, zwei Texte, den Tonfall und etwaige Quellen. Der Renderer liefert das responsive Raster, die Abstände, die visuelle Hervorhebung, den semantischen Container und die dekorative Symbolbehandlung.
Designbeispiele
Dies sind die vollständig unterstützten Varianten. Varianten ändern Beschriftungen und Hervorhebung, nicht das Datenmodell mit zwei Hinweisen.
Gegenüberstellung von Handlungen
Verwenden Sie dies für eine empfohlene und eine nicht empfohlene Handlung, wenn es auf jeder Seite nur eine Botschaft gibt. Nennen Sie die Handlung und ihren Grund; erweitern Sie diese Variante nicht zu gepaarten Listen.
Bedingte Zustände
Verwenden Sie dies, wenn die korrekte Anweisung von einem sich gegenseitig ausschließenden Zustand abhängt, wie z. B. „Bestehendes Konto" und „Neues Konto". Nennen Sie den Zustand in jeder Beschriftung und setzen Sie den häufigsten oder vorausgesetzten Zustand zuerst.
Gepaarte Klarstellungen
Verwenden Sie dies, wenn zwei zusammenhängende Fakten unterschiedliche Missverständnisse verhindern, aber keine Gegensätze sind. Wenden Sie eine neutrale Gestaltung auf beide an, damit das Design keine Zustimmung, Schwere oder Präferenz erfindet.
Kompaktes Statuspaar
Verwenden Sie dies für kurze Statuskonsequenzen, nachdem die Zustände bereits erklärt wurden. Jeder Text besteht aus einem Satz. Entfernen Sie nicht die Beschriftungen und reduzieren Sie die Texte nicht auf unerklärte Werte.
Gestapeltes Mobilpaar
Alle Varianten stapeln sich bei schmalen Breiten. Lassen Sie den ersten Hinweis unmittelbar vor dem zweiten und behalten Sie die gemeinsame Überschrift bei. Erstellen Sie keine Wisch-Interaktion oder Registerkarten, da das Verstecken eines Hinweises den Zweck des Elements zunichte macht.
Parameter
„Quelle" gibt an, wo ein Adapter jeden Wert bezieht. Die Körperzuordnung speichert bewusst zwei vollständige Hinweisdatensätze und nicht zwei visuell positionierte Spalten.
| Name | Typ | Erforderlich | Min./max. | Standard | Quelle |
|---|---|---|---|---|---|
| title | Einfache Zeichenkette | Ja | 3–12 Wörter; 100 Zeichen | Keine | Erste Überschrift im Textkörper |
| variant | Aufzählung | Nein | contrast, conditional, clarification oder compact | clarification | Attribut |
| notice | Wiederholter Datensatz | Ja | Genau 2 | Keine | Verschachteltes Textelement |
| label | Einfache Zeichenkette | Ja pro Hinweis | 2–6 Wörter; 50 Zeichen | Keine | Erste Überschrift im Hinweistext |
| content | Eingeschränkter Rich-Text | Ja pro Hinweis | 1–2 Absätze; 25–80 Wörter empfohlen, maximal 120 | Keine | Hinweistext nach der ersten Überschrift |
| tone | Aufzählung | Nein | neutral, positive, caution oder negative | neutral | Hinweisattribut |
| icon | Registrierter Symbolschlüssel | Nein | Ein dekoratives Symbol pro Hinweis | Keine | Hinweisattribut |
| source | Einfacher Text mit optionalem Link | Bedingt | Ein präziser Quellenvermerk pro Hinweis | Keine | Ende des Hinweistextes |
Die erste Überschrift des übergeordneten Textkörpers wird auf title abgebildet. Jedes verschachtelte Element bildet seine erste Überschrift auf label und alles danach auf content ab; Hinweisattribute enthalten tone und icon. Der Renderer muss einen, drei oder leere Hinweise ablehnen, anstatt stillschweigend eine Spalte zu füllen oder wegzulassen.
Syntax und Codebeispiele
Alle Formate bewahren denselben Titel, dieselbe Hinweisreihenfolge, Beschriftungen, Texte, Töne und Quellen. „Spalte eins" und „Spalte zwei" sind Darstellungsbegriffe, keine Feldnamen.
Portabler Markdown-Befehl
:::notification-two-column{variant=conditional}
## Wählen Sie die Anweisung für Ihren Veröffentlichungsstatus
::notice{tone=neutral icon="draft"}
### Entwurfsseite
Verwenden Sie Beispielwerte nur, wenn sie deutlich als Beispiele gekennzeichnet sind. Entfernen oder ersetzen Sie jedes Beispiel vor der Veröffentlichung.
::
::notice{tone=caution icon="publish"}
### Veröffentlichte Seite
Verwenden Sie verifizierte Werte mit einer Quellenangabe und geprüftem Datum. Ist die Überprüfung unvollständig, unterlassen Sie die Behauptung.
::
:::
Dieses Element überschreibt den generischen Namen für verschachtelte Elemente mit notice, da die Datensätze ein hinweisspezifisches Tonverhalten aufweisen. Die erste übergeordnete Überschrift liefert den gemeinsamen Titel; die erste Überschrift jedes Hinweises liefert seine Beschriftung.
Hugo-Shortcode
Derzeit implementiert kein Produktions-Shortcode diesen exakten gepaarten Hinweisvertrag. Bis ein Adapter existiert, verwenden Sie semantisches HTML wie das gerenderte Beispiel. Die beabsichtigte Hugo-Notation ist dokumentiert als:
{{< notification-two-column variant="conditional" >}}
## Wählen Sie die Anweisung für Ihren Veröffentlichungsstatus
{{< notification tone="neutral" icon="draft" >}}
### Entwurfsseite
Verwenden Sie gekennzeichnete Beispielwerte nur und entfernen Sie diese vor der Veröffentlichung.
{{< /notification >}}
{{< notification tone="caution" icon="publish" >}}
### Veröffentlichte Seite
Verwenden Sie verifizierte Werte mit einer Quellenangabe und geprüftem Datum.
{{< /notification >}}
{{< /notification-two-column >}}
Die Schrägstrich-Kommentarform verhindert, dass dieses Spezifikationsbeispiel einen nicht existierenden Shortcode aufruft. Ein zukünftiger Adapter muss genau zwei untergeordnete Benachrichtigungen validieren und sie in Quellreihenfolge rendern.
WordPress-Block
<!-- wp:amicited/notification-two-column {"variant":"conditional"} -->
<h2>Wählen Sie die Anweisung für Ihren Veröffentlichungsstatus</h2>
<!-- wp:amicited/notification {"tone":"neutral","icon":"draft"} -->
<h3>Entwurfsseite</h3>
<p>Verwenden Sie gekennzeichnete Beispielwerte nur und entfernen Sie diese vor der Veröffentlichung.</p>
<!-- /wp:amicited/notification -->
<!-- wp:amicited/notification {"tone":"caution","icon":"publish"} -->
<h3>Veröffentlichte Seite</h3>
<p>Verwenden Sie verifizierte Werte mit einer Quellenangabe und geprüftem Datum.</p>
<!-- /wp:amicited/notification -->
<!-- /wp:amicited/notification-two-column -->
Ein WordPress-Editor sollte zwei feste Hinweisfelder anzeigen, eine Neuanordnung erlauben und die Veröffentlichung verhindern, wenn entweder Beschriftung oder Text leer ist. Er darf Autoren nicht erlauben, einen dritten Hinweis hinzuzufügen, nur weil der Rasterblock mehr Spalten unterstützt.
Beispiele
Gut: zwei echte Bedingungen mit vollständigen Handlungen
Vor dem Importieren Laden Sie die aktuellen Datensätze herunter und notieren Sie die Exportzeit. Die Kopie gibt Ihnen einen Wiederherstellungspunkt, falls die Feldzuordnung ein unerwartetes Ergebnis liefert.
Nach dem Importieren Vergleichen Sie die importierte Datensatzanzahl mit der Quellanzahl und prüfen Sie dann mindestens einen Datensatz, der jedes zugeordnete Feld enthält. Anzahlen erkennen Auslassungen; der vollständige Datensatz erkennt verschobene Werte.
Dieses Paar hat ein Thema – sichere Importüberprüfung – und eine echte zeitliche Grenze. Jeder Hinweis nennt eine Handlung und erklärt, welches Versagen er abfängt. Der zweite ist länger, weil er zwei zusammenhängende Prüfungen enthält, aber beide Seiten tragen vergleichbare Verantwortung und bleiben verständlich, wenn sie gestapelt sind.
Schlecht: falsche Symmetrie, die ein Risiko herabstuft
Hilfreicher Tipp Benennen Sie den Export um, damit er später leichter zu finden ist.
Wichtig Der Import mit „Alle ersetzen" löscht vorhandene Datensätze dauerhaft und kann nicht rückgängig gemacht werden. Sichern Sie die Datenbank, bestätigen Sie das Ziel, holen Sie die Genehmigung ein und planen Sie Ausfallzeiten ein, bevor Sie fortfahren.
Der erste Hinweis ist optionale Hausarbeit; der zweite beschreibt irreversiblen Datenverlust und mehrere Voraussetzungen. Sie in gleich breite Spalten zu setzen, impliziert gleiches Gewicht und lässt die kritische Nachricht wie eine von zwei Alternativen aussehen. Verschieben Sie den Datenverlusthinweis in eine eigenständige Warnung vor dem Steuerelement. Behalten Sie den Dateinamensvorschlag als gewöhnliche unterstützende Prosa.
Schema-Markup und Barrierefreiheit
Eine zweispaltige Benachrichtigung hat keinen eigenen Schema.org-Typ. Ihr Inhalt bleibt innerhalb des umschließenden Article, TechArticle oder WebPage. Geben Sie kein ItemList, HowToStep, Question oder Answer aus, nur weil zwei abgegrenzte Datensätze existieren. Enthält ein Hinweis Inhalte, die eigenständig für strukturierte Daten qualifizieren, entscheiden die Schema-Regeln des umschließenden Beitragstyps über die Zuordnung; dieses Element fügt selbst nichts hinzu.
Verwenden Sie ein beschriftetes section, wenn das Paar zur Haupterklärung gehört, oder ein beschriftetes aside, wenn beide Hinweise ergänzend sind. Jedes Kindelement kann ein aside oder section mit einer echten Überschrift auf der korrekten Dokumentebene sein. Verwenden Sie nicht ARIA alert oder alertdialog: Diese Rollen kündigen dynamische, zeitkritische Änderungen an und sind für statische redaktionelle Anleitungen ungeeignet.
Der zugängliche Name stammt von der sichtbaren gemeinsamen Überschrift durch native Überschriftstruktur oder aria-labelledby. Jede Hinweisbeschriftung muss Text sein. Farbe, Rahmenstil, Position und Symbole können den Ton verstärken, aber nicht definieren. Wenn ein Symbol dekorativ ist, verstecken Sie es vor assistiven Technologien; wenn es Informationen übermittelt, die nicht in der Beschriftung enthalten sind, schreiben Sie die Beschriftung um, anstatt sich auf Alternativtext zu verlassen, um das Design zu reparieren.
Die DOM-Reihenfolge bestimmt die Bedeutung. Screenreader und mobile Layouts müssen zuerst den ersten und dann den zweiten Hinweis erfassen. Kehren Sie die visuelle Reihenfolge nicht mit CSS um. Bei 200 % Textzoom und schmalen Breiten müssen die Hinweise ohne Beschneidung oder horizontales Seiten-Scrollen gestapelt werden. Links benötigen beschreibende Beschriftungen, und mehrere Links dürfen nicht zu einer unbeschrifteten Symbolzeile komprimiert werden.
Schreibregeln
Schreiben Sie die Beziehung, bevor Sie die Hinweise schreiben: „Der Leser benötigt zwei Nachrichten, weil sich die korrekte Anleitung durch ___ ändert." Kann die Lücke nicht mit einer konkreten Bedingung, einem Zustand, einer Zielgruppe, einer Zeit oder einem Verhaltenskontrast gefüllt werden, verwenden Sie Prosa.
- Verwenden Sie genau zwei Hinweise unter einem gemeinsamen Titel.
- Halten Sie den Titel auf 3–12 Wörter und jede Beschriftung auf 2–6 Wörter.
- Streben Sie 25–80 Wörter pro Text an; 120 Wörter sind das absolute Maximum.
- Verwenden Sie ein oder zwei kurze Absätze pro Hinweis und nicht mehr als einen kurzen Inline-Link.
- Setzen Sie den Fakt oder die Bedingung zuerst, die Konsequenz als zweites und die Handlung als letztes, wenn alle vorhanden sind.
- Verwenden Sie parallele Beschriftungsgrammatik: „Vor dem Start / Nach dem Start", nicht „Vor dem Start / Was Administratoren später tun sollten".
- Benennen Sie Bedingungen direkt. Schreiben Sie niemals „links", „rechts", „die andere Option" oder „die Box oben".
- Passen Sie den Ton an die Evidenz an. Neutrale gepaarte Fakten sollten keine grüne und rote Behandlung erhalten.
- Versehen Sie sich ändernde Behauptungen mit einem Datum, einer Version, einem Plan, einer Rechtsordnung oder einer Quelle, je nach Bedarf.
Vergleichbares Gewicht bedeutet, dass beide Nachrichten denselben Moment im Lesefluss des Lesers verdienen. Es erfordert keine identischen Satz- oder Zeichenanzahlen. Polstern Sie keine kurze Wahrheit auf, um sie an eine längere anzupassen. Wenn ein Text den anderen um mehr als etwa das Zweifache übersteigt, prüfen Sie, ob der größere Hinweis einen eigenen Abschnitt benötigt oder ob der kleinere Hinweis ein falsches Gegenstück ist.
Platzieren Sie niemals eine mehrschrittige Prozedur, Tabelle, ein Formular, eine Preiskarte, ein Testimonial, eine werbliche Handlungsaufforderung, ein langes Zitat, ein Codebeispiel, ein Video oder eine verschachtelte Komponente innerhalb eines Hinweises. Verwenden Sie das Paar niemals, um rechtliche, medizinische, finanzielle, datenschutzrechtliche, sicherheitsrelevante oder zerstörerische Handlungsanweisungen abzuschwächen. Implizieren Sie nicht, dass zwei Bedingungen vollständig sind, es sei denn, der Inhaltsverantwortliche hat verifiziert, dass kein dritter Zustand existiert.
Beitragstypen, die es verwenden
Das postTypes-Frontmatter-Array ist die Quelle für diese Tabelle. Die Aufnahme bedeutet, dass das Element für einen echten Zwei-Hinweis-Fall verfügbar ist, nicht obligatorisch auf jeder Seite dieses Typs.
| Beitragstyp | Typische Verwendung | Empfohlene Position | Häufiger Fehlgebrauch |
|---|---|---|---|
| How-to-Guide | Zwei Bedingungen, die die nächste Handlung ändern | Nach Voraussetzungen und vor dem betroffenen Schritt | Verstecken aufeinanderfolgender Schritte in parallelen Hinweisen |
| Fehlerbehebungsanleitung | Zwei beobachtete Zustände mit unterschiedlichen nächsten Prüfungen | Nachdem das Symptom bestätigt wurde | Verwendung des Paares, wenn drei oder mehr Ursachen weiterhin möglich sind |
| Dokumentationsartikel | Anweisungen für bestehende und neue Benutzer für eine Funktion | Unmittelbar vor Konfigurationsdetails | Paarung routinemäßiger Hilfe mit einer Warnung vor zerstörerischen Handlungen |
| Richtlinienseite | Bedingungen innerhalb und außerhalb des Geltungsbereichs mit gleichwertigen Erklärungen | Nachdem der Geltungsbereich definiert wurde | Eine verbindliche Anforderung wie eine optionale Seite aussehen lassen |
| Standard- oder Verordnungsseite | Zwei Anwendbarkeitszustände oder zwei verantwortliche Parteien | Nachdem der maßgebliche Begriff und die Rechtsordnung genannt wurden | Komprimieren von Ausnahmen oder rechtlichen Einschränkungen in eine kleine Box |
| A-vs-B-Vergleich | Ein kurzer kontextueller Hinweis für jede Option | Nach dem Vergleichsumfang, vor Evidenztabellen | Ersetzen eines fairen Kriterienvergleichs durch Marketingzusammenfassungen |
QA-Checkliste
- Gemeinsames Thema: Ein korrekter Titel regiert beide Hinweise, ohne den Umfang zu überdehnen.
- Genau zwei Hinweise: Die Quelle enthält zwei vollständige Datensätze und keinen impliziten dritten Zustand.
- Echte Beziehung: Beschriftungen nennen einen sinnvollen Kontrast, eine Bedingung, Zielgruppe, einen Status oder eine zeitliche Grenze.
- Eigenständige Bedeutung: Jeder Hinweis bleibt klar, wenn er mit dem gemeinsamen Titel extrahiert wird.
- Keine falsche Symmetrie: Beide Nachrichten verdienen vergleichbare Betonung; keiner ist Füllmaterial oder eine herabgestufte kritische Warnung.
- Korrekte Platzierung: Das Paar folgt seinem Kontext und geht der Handlung oder dem Detail voraus, das es betrifft.
- Sichere Nachbarn: Es befindet sich nicht neben einem anderen geteilten Layout, einer Tabelle, Registerkartensteuerung oder zweispaltigen Handlungsaufforderung.
- Nützliche Beschriftungen: Beschriftungen verwenden parallele Grammatik und sind niemals von links/rechts-Position oder Farbe abhängig.
- Längenkontrolle: Texte bleiben innerhalb von ein oder zwei Absätzen und nicht mehr als 120 Wörtern pro Text.
- Inhaltszurückhaltung: Keine verschachtelte Prozedur, Tabelle, kein Formular, keine Medien, Werbung oder komplexe Komponente erscheint darin.
- Responsive Reihenfolge: Die Reihenfolge auf Mobilgeräten, per Tastatur, Screenreader und kopiertem Text entspricht der authored Sequenz.
- Zugängliche Semantik: Eine sichtbare Überschrift beschriftet das übergeordnete Element; Kindbeschriftungen sind Überschriften; statische Inhalte verwenden keine Alert-Rollen.
- Tonintegrität: Die Gestaltung spiegelt die tatsächliche Bedeutung wider und macht neutrale Fakten nicht zu Gut/Schlecht-Urteilen.
- Notationsparität: Markdown, Hugo und WordPress bewahren denselben Titel, dieselben Beschriftungen, Texte, Attribute und Reihenfolge.
- Schema-Zurückhaltung: Das Element erzeugt keine nicht unterstützten strukturierten Daten.
Lehnen Sie das Element ab, wenn die Prüfungen zu gemeinsamem Thema, echter Beziehung oder falscher Symmetrie fehlschlagen. Dies sind redaktionelle Mängel, die ein Renderer nicht beheben kann. Schreiben Sie den Inhalt als Prosa, separate Abschnitte, eine eigenständige Warnung oder ein anderes zweckmäßiges Element um, bevor Sie die Darstellung anpassen.
FAQ
Die strukturierten FAQs im Frontmatter decken die Implementierungsentscheidungen ab, die am wahrscheinlichsten missverstanden werden: Die Hinweise müssen keine Gegensätze oder identisch lang sein, die Mobilreihenfolge folgt der Quellreihenfolge, schwerwiegende Risiken bleiben eigenständige Warnungen, und das Element erzeugt kein eigenes Schema-Markup.
Weitere Tutorials in diesem Bereich
Bereit, es in die Praxis umzusetzen?
Kostenlose Prüfung · 7 Tage testen · keine Kreditkarte