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