구성요소 편집

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

시작하기 전에

필요한 역할: admin

이 태스크 정보

에서 편집할 테마 작성기 수 있는 구성요소는 Now Platform 설계 시스템. 자세한 내용은 개발자 사이트의 Next Experience 구성 요소를ServiceNow 참조하십시오.

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

프로시저

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

   그림 1. 편집기 페이지 뷰

   

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

   

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

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

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

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

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

   그림 2. 색 선택기

   

   주:

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

    

    주:

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