Bearbeiten Sie Komponenten

Bearbeiten Sie Themengenerator einzelne Komponenten, damit sie besser zu Ihrer Marke passen und 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 [] bearbeiten können, wurden in ThemengeneratorNow Platform Design Systemerstellt . Weitere Informationen finden Sie unter Next Experience-Komponenten auf der Developer Site ServiceNow.

Die Gesamtzahl der Zugriffsverstöße pro Komponente wird auf der Seite des Bearbeitungsbereichs angezeigt.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Themes > Themengeneratoran.
   Die Zielseite des Themengenerators wird in der Homepage-Ansicht angezeigt.
2. Wählen Sie in der Ansicht Homepage die Ansicht Editorseite 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 Seitenansicht des Editors die Registerkarte Komponentenstile aus.
   Die Komponentenstile werden grafisch aufgelistet.

   

5. Wählen Sie Bearbeiten aus.
   Hinweis:

   Die bearbeitbaren Komponenten 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 Bearbeitungsregisterkarte eine Warnung angezeigt wird, müssen Sie alle Warnungen im Interaktionsbereich der Komponente beheben, um das Warnzeichen von der Komponente zu entfernen.
7. Bearbeiten Sie im konfigurierbaren Stilbereich die Design-Hooks, die für die ausgewählte Komponente verfügbar sind, nach Bedarf.

   Welche bearbeitbaren Design-Hooks verfügbar sind, hängt vom Typ der von Ihnen ausgewählten Komponente ab. Wenn Sie beispielsweise eine Badge-Komponente auswählen, können Sie die Farben und die Barrierefreiheits-Hooks für das Abzeichen bearbeiten. Wenn Sie eine Textlink-Komponente auswählen, können Sie die Grundfarbe und die Hooks für Barrierefreiheit bearbeiten.

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

8. Wenn Sie eine zu bearbeitende Farbe auswählen, 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 die zu beschränken, die gemäß den aktuellen WCAG-Richtlinien als zugänglich gekennzeichnet sind.
9. Wenn Sie Ihre Änderungen abgeschlossen haben, wählen Sie Save changes(Änderungen speichern) aus.
10. Wenn Sie sich die auf der Bearbeitungsseite aufgeführten Komponenten ansehen, beachten Sie, 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-Standards für Farbkontrast für Barrierefreiheit entspricht. Weitere Informationen finden Sie unter Passen Sie Komponenten an, um die Standards für Barrierefreiheit zu erfüllen.