접근성 표준에 맞게 구성요소 조정
WCAG(Web Content Accessibility Guidelines) 2.1에 맞게 구성 요소를 조정합니다. 에서 테마 작성기 구성요소를 편집할 때 경고 기호가 표시되면 구성요소가 색상 대비에 대한 지침을 준수하지 않음을 나타냅니다.
시작하기 전에
필요한 역할: ui_builder_admin
세분화된 역할에 대한 자세한 내용은 다음 문서를 참조하십시오 Granular admin roles.
이 태스크 정보
에서 테마 작성기구성 요소를 편집할 때 구성 요소가 색상 대비에 대한 WCAG(Web Content Accessibility Guidelines) 2.1을 준수하지 않음을 나타내는 경고 기호( 
)가 발생할 수 있습니다. 콘텐츠 및 UI 변수를 대상으로 하는 테마 작성기 WCAG 2.1 명암비는 3:1입니다. 이 비율은 밝은 화면 색상과 어두운 화면 색상 간의 대비와 사용자 인터페이스와의 관계를 결정합니다. 첫 번째 숫자는 밝은 색의 수준을 나타내고 두 번째 숫자는 어두운 색의 상대적인 수준을 나타냅니다. 3:1 임계치는 시각 장애가 있는 사용자에게 최적의 가시성을 제공합니다. 자세한 내용은 WCAG 2.1에 대한 W3C 권장 사항 사이트를 참조하세요.
총 접근성 위반 수는 접근성 검사기 패널과 함께 빨간색 번호가 매겨진 배지( 
에 표시됩니다.
프로시저
-
편집기 페이지에서 다음 표에 나열된 두 가지 방법 중 하나로 접근성 위반에 액세스합니다.
옵션 설명 접근성 검사기에서 - 접근성 검사기 아이콘을
선택하여 접근성 오류가 있는 구성요소 목록을 표시합니다. 빨간색 배지는 테마 내의 접근성 문제 수를 나타냅니다. - 접근성 경고 개선하려는 구성요소 상태에 대한 경고의 설명을 볼 수 있는 기호입니다.
- 개선하려는 구성요소 상태 옆에 있는 연필 아이콘을
선택합니다.주:컴포넌트 에디터(Component Editor) 페이지가 나타나고 구성 가능한 스타일 패널에 선택한 컴포넌트에 사용할 수 있는 편집 가능한 후크가 표시됩니다.
구성요소 스타일 메뉴에서 - 편집 탭을 선택합니다.
- 접근성 경고 기호를 표시하는 구성요소를 선택합니다.
- 구성 가능한 스타일 패널에서 접근성 경고 기호를 선택하여 경고에 대한 설명을 봅니다.
- 경고 메시지에 표시된 대로 연필 아이콘을 선택하여 대비 문제를 개선할 수 있습니다. 주:구성요소 편집기 페이지가 나타나고 구성 가능한 스타일 패널에 선택한 구성요소에 사용할 수 있는 편집 가능한 후크가 표시됩니다.
- 접근성 검사기 아이콘을
-
문제 해결을 위한 자세한 정보를 보려면 구성요소 편집기에서 접근성 경고 기호를 선택합니다.
- 옵션:
필요한 경우 실행 취소 기호를 선택하여 변경 내용을 원래 색상으로 되돌립니다.
