Bearbeiten Sie Komponenten

Beim Erstellen oder Verwalten Ihres Designs können Sie einzelne Komponenten so bearbeiten, dass sie besser zu Ihrer Marke passen und die Compliance-Standards für Barrierefreiheit erfüllen. Die Themen-Hooks, die Sie bearbeiten können, sind für jeden Komponententyp spezifisch.

Vorbereitungen

Erforderliche Rolle: admin

Warum und wann dieser Vorgang ausgeführt wird

Die Komponenten, die Sie in Themengenerator bearbeiten können, wurden in Now Design Systemerstellt. Weitere Informationen finden Sie unter Next Experience-Komponenten im ServiceNow Developer Portal.

Die Gesamtzahl der Barrierefreiheitsverletzungen pro Komponente wird auf der Seite des Bearbeitungsbereichs angezeigt.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Themes > Themengenerator.
   Die Zielseite des Themengenerators wird in der Homepage-Ansicht angezeigt.
2. Wählen Sie auf der Schaltfläche „ Startseite “ die Seitenansicht „ Editor “ aus.

   Abbildung : 1. Editor-Seitenansicht

   

3. Wählen Sie das Design aus, für das Sie Komponenten bearbeiten möchten.
4. Wählen Sie in der Editor-Seitenansicht die Registerkarte Komponentenstile aus.
   Die Komponentenstile werden grafisch aufgelistet.

   

5. Wählen Sie Bearbeiten aus.
   Hinweis:

   Die Komponenten, die bearbeitet werden können, werden angezeigt. Informationen zum Filtern der Liste der Komponenten, um die zu bearbeitende Komponente zu finden, finden Sie unter Zeigen Sie eine Vorschau der Komponenten an.
6. Wählen Sie die Komponente aus, die Sie bearbeiten möchten.
   Wenn auf der Registerkarte „Bearbeitung“ eine Warnung angezeigt wird, müssen Sie alle Warnungen im Komponenteninteraktionsbereich auflösen, um das Warnzeichen von der Komponente zu entfernen.
7. Bearbeiten Sie im konfigurierbaren Stilbereich auf der rechten Seite die für die ausgewählte Komponente verfügbaren Themen-Hooks nach Bedarf.

   Die verfügbaren bearbeitbaren Themen-Hooks hängen vom Typ der ausgewählten Komponente ab. Wenn Sie beispielsweise eine Abzeichenkomponente auswählen, können Sie die Farben und Zugänglichkeits-Hooks für das Abzeichen bearbeiten. Wenn Sie eine Textlink -Komponente auswählen, können Sie die Grundfarbe und die Haken für Barrierefreiheit bearbeiten.

   Nachdem Sie die komponentenspezifischen Hooks aktualisiert haben, werden die Komponentenstile durch Änderungen am globalen Stil nicht aktualisiert. Dies liegt daran, dass komponentenspezifische Stile Vorrang vor global definierten Stilen haben.

8. Wenn Sie eine Farbe auswählen, die bearbeitet werden soll, wird die Farbauswahl geöffnet.

   Abbildung : 2. Farbauswahl

   

   Hinweis:

   Standardmäßig zeigt die Farbauswahl alle verfügbaren Farben für die Komponente an. Sie können den Schieberegler Unzugängliche Auswahlmöglichkeiten ausblenden auswählen, um die Farbauswahl auf diejenigen zu beschränken, die basierend auf den aktuellen WCAG-Richtlinien als zugänglich identifiziert wurden.
9. Wenn Sie Ihre Änderungen abgeschlossen haben, wählen Sie Änderungen speichernaus.
10. Beachten Sie beim Betrachten der auf der Bearbeitungsseite aufgeführten Komponenten, dass einige Komponenten möglicherweise das folgende Symbol anzeigen.

    

    Hinweis:

    Das Warnsymbol für Barrierefreiheit weist darauf hin, dass der Farbkontrast der ausgewählten Komponente nicht den WCAG 2.1-Zugänglichkeitsstandards für Farbkontrast entspricht. Weitere Informationen finden Sie unter Passen Sie die Komponenten an, um die Standards für Barrierefreiheit zu erfüllen.