구성요소 편집

테마를 만들거나 관리할 때 브랜드에 더 적합하고 접근성 준수 표준을 충족하도록 개별 구성요소를 편집할 수 있습니다. 편집할 수 있는 테마 후크는 각 구성 요소 유형에 따라 다릅니다.

시작하기 전에

필요한 역할: admin

이 태스크 정보

에서 편집할 테마 작성기 수 있는 구성 요소는 Now 설계 시스템에서 생성되었습니다. 자세한 내용은 개발자 포털의 Next Experience 구성요소 를 ServiceNow 참조하십시오.

구성 요소당 총 접근성 위반 수는 편집 패널 페이지에 표시됩니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기레이블이 표시됩니다.
   테마 작성기 방문 페이지가 홈페이지 뷰에 표시됩니다.
2. Home( 홈 ) 버튼에서 Editor 페이지 보기를 선택합니다.

   그림 1. 편집기 페이지 뷰

   

3. 구성 요소를 편집할 테마를 선택합니다.
4. 편집기 페이지 보기에서 구성요소 스타일 탭을 선택합니다.
   구성요소 스타일이 그래픽으로 나열됩니다.

   

5. 편집을 선택합니다.
   주:

   편집할 수 있는 구성 요소가 표시됩니다. 편집할 구성 요소를 찾기 위해 구성 요소 목록을 필터링하는 방법에 대한 자세한 내용은 을 참조하십시오 구성요소 미리 보기.
6. 편집할 구성요소를 선택합니다.
   편집 탭에 경고가 표시되면 구성 요소 상호 작용 패널 내의 모든 경고를 해결하여 구성 요소에서 경고 기호를 제거해야 합니다.
7. 오른쪽의 구성 가능한 스타일 패널에서 필요에 따라 선택한 구성 요소에 사용할 수 있는 테마 후크를 편집합니다.

   사용할 수 있는 편집 가능한 테마 후크는 선택한 구성 요소의 유형에 따라 다릅니다. 예를 들어 배지 구성요소를 선택하면 배지의 색상과 접근성 후크를 편집할 수 있습니다. 텍스트 링크 구성 요소를 선택하면 기본 색상 및 접근성 후크를 편집할 수 있습니다.

   구성 요소별 후크를 업데이트한 후 전역 스타일을 변경해도 구성 요소 스타일은 업데이트되지 않습니다. 이는 구성 요소별 스타일이 전역적으로 정의된 스타일보다 우선하기 때문입니다.

8. 편집할 색상을 선택하면 색상 피커가 열립니다.

   그림 2. 색 선택기

   

   주:

   기본적으로 색상 선택기에는 구성요소에 사용할 수 있는 모든 색상이 표시됩니다. 액세스할 수 없는 선택 항목 숨기기 슬라이더를 선택하여 현재 WCAG 지침에 따라 액세스할 수 있는 것으로 식별된 색상 선택 항목으로 제한할 수 있습니다.
9. 변경을 완료했으면 변경 내용 저장을 선택합니다.
10. 편집 페이지에 나열된 구성 요소를 볼 때 일부 구성 요소는 다음과 같은 기호를 표시할 수 있습니다.

    

    주:

    접근성 경고 기호는 선택한 구성 요소의 색상 대비가 색상 대비에 대한 WCAG 2.1 접근성 표준을 준수하지 않음을 나타냅니다. 자세한 내용은 접근성 표준에 맞게 구성요소 조정 문서를 참조하십시오.