구성요소 편집

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 소요 시간: 1분

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

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

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

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

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기.
      테마 작성기 방문 페이지가 홈페이지 뷰에 표시됩니다.
    2. 홈페이지 보기에서 편집기 페이지 보기를 선택합니다.
      그림 1. 편집기 페이지 뷰
      편집기 페이지의 예제 뷰입니다.
    3. 구성요소를 편집할 테마를 선택합니다.
    4. 편집기 페이지 보기에서 구성 요소 스타일 탭을 선택합니다.
      구성요소 스타일이 그래픽으로 나열됩니다.
      구성요소 스타일.
    5. 편집을 선택합니다.
      주:
      편집할 수 있는 구성 요소가 표시됩니다. 편집할 구성 요소를 찾기 위해 구성 요소 목록을 필터링하는 방법에 대한 자세한 내용은 을 참조하십시오 tb-preview-components.html.
    6. 편집할 구성요소를 선택합니다.
      편집 탭에 경고가 표시되면 구성요소 상호 작용 패널 내의 모든 경고를 해결하여 구성요소에서 경고 기호를 제거해야 합니다.
    7. 구성 가능한 스타일 패널에서 필요에 따라 선택한 구성요소에 사용할 수 있는 테마 후크를 편집합니다.

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

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

    8. 편집할 색상을 선택하면 색상 피커가 열립니다.
      그림 2. 색 선택기
      색상 선택기.
      주:
      기본적으로 색상 선택기에는 구성요소에 사용할 수 있는 모든 색상이 표시됩니다. 액세스할 수 없는 선택 항목 숨기기 슬라이더를 선택하여 현재 WCAG 지침에 따라 액세스 가능한 것으로 식별된 색상 선택으로 색상 선택을 제한할 수 있습니다.
    9. 변경을 완료했으면 변경 내용 저장을 선택합니다.
    10. 편집 페이지에 나열된 구성 요소를 볼 때 일부 구성 요소에는 다음 기호가 표시될 수 있습니다.
      접근성 오류입니다.
      주:
      접근성 경고 기호는 선택한 구성 요소의 색상 대비가 색상 대비에 대한 WCAG 2.1 접근성 표준을 준수하지 않음을 나타냅니다. 자세한 내용은 접근성 표준에 맞게 구성요소 조정 문서를 참조하십시오.