감사 대시보드 소개

감사 패널에 대체 텍스트가 없는 이미지는 2가지 범주로 분류됩니다. 

• 자원
• 텍스트 콘텐츠

리소스 category 아래에 대체 텍스트가 누락된 이미지

시각적 개체가 다음으로 분류될 때마다 자원 감사 패널에서 분류하면 캔버스의 시각적 개체가 대체 텍스트가 없는 리소스에 연결되어 있음을 나타냅니다. 

이미지 구성 요소에서 누락된 대체 텍스트를 수정하려면:

1. 다음을 탭하세요. 원하는 작업 포인터 (이렇게 하면 리소스의 기본 설정으로 이동하게 됩니다. 리소스 패널)
2. 선택하다 "나를 위해 찾아보세요" 내 대체 텍스트가 없음 시각적 개체에 대한 대체 텍스트 설정을 자동으로 찾아내는 인터페이스 리소스 패널
3. 포함하다 설명적인 대체 텍스트를 사용하거나 시각적 개체를 다음과 같이 지정합니다. 장식용

기억하면 좋은 점: 정보 인터페이스를 클릭하고 캔버스에서 끌어서 위치를 변경할 수 있습니다.

자산 패널의 시각적 개체에 구성된 대체 텍스트를 대체하려는 경우 캔버스의 개별 시각적 개체에 사용자 지정 대체 텍스트를 도입할 수 있습니다.

캔버스의 시각적 요소에 사용자 지정 대체 텍스트를 추가하려면 다음을 수행합니다. 

1. 캔버스에서 시각적 구성 요소를 선택합니다. 
2. “를 선택하세요.기어” 아이콘에 액세스하려면 시각적 설정
3. '개인 설명'을 선택하세요. 대체 텍스트 드롭다운 목록 해당 시각적 개체에 대한 사용자 지정 대체 텍스트를 입력합니다.

특정 시각적 개체에 대체 텍스트를 설정하는 방법에 대해 자세히 알아보세요.

텍스트 콘텐츠 category 아래에 대체 텍스트가 누락된 이미지

시각적인 부분이 포함된 경우 텍스트 콘텐츠 감사 패널의 category는 텍스트 요소 내의 시각적 개체에 대체 텍스트가 없음을 나타냅니다. 

텍스트 요소 내의 시각적 개체에서 누락된 대체 텍스트를 해결하려면 다음을 수행하세요. 

1. 탭하세요. 원하는 작업 포인터 캔버스에서 텍스트 요소를 찾고 대체 텍스트가 없음 상호 작용
2. 선택하다 "나를 위해 찾아보세요"에서 대체 텍스트가 없음 시각적 개체에 대한 대체 텍스트 설정을 자동으로 찾는 인터페이스 리소스 패널
3. 통합 설명적인 대체 텍스트를 사용하거나 시각적 개체를 다음과 같이 분류합니다. 장식용

자산 패널의 이미지에 대해 정의된 대체 텍스트를 바꾸려는 경우 서식 있는 텍스트 요소 내의 개별 이미지에 대해 개인화된 대체 텍스트를 포함할 수 있는 옵션이 있습니다.

서식 있는 텍스트 요소 내의 이미지에 대해 사용자 정의된 대체 텍스트를 제공하려면 다음을 수행하십시오.

1. 디자이너 캔버스의 서식 있는 텍스트 요소 내부에 있는 이미지를 두 번 클릭하세요.
2. '를 탭하세요.렌치" 기호
3. 'Custom'을 선택하세요. 대체 텍스트 드롭다운 특정 이미지에 대한 사용자 정의 대체 텍스트를 입력합니다.

단일 이미지의 대체 텍스트 구성에 대해 자세히 알아보세요.

중요한: 감사 패널은 라이트박스 미디어 요소 내의 이미지에 대한 대체 텍스트의 유효성을 검사하지 않습니다. 또한 감사 패널은 CMS 바인딩 이미지에 대한 대체 텍스트를 확인하지 않습니다. 라이트박스 미디어 요소 내의 모든 이미지와 CMS에 연결된 이미지에 대해 대체 텍스트를 제공했는지 확인하세요. CMS 바인딩 이미지의 대체 텍스트 정의에 대해 자세히 알아보세요.

효과적인 대체 텍스트 작성을 위한 팁

1. 이미지의 목적, 의도, 의미를 설명하세요.
2. 주변 콘텐츠를 반복하지 마세요(예: 캡션이 이미지를 완전히 설명하는 경우 대체 텍스트가 필요하지 않거나, 대체 텍스트가 중복되거나, 개인의 약력에 대한 대체 텍스트에서 개인의 이름이 중복되는 경우). 이는 반복적인 텍스트이며 이미지나 모양을 설명하지 않습니다. 개인.)
3. 구두점을 포함합니다(화면 판독기가 이미지에 대해 좀 더 사람과 유사한 설명을 제공할 수 있도록 지원).
4. 시각 장애가 있는 방문자가 대체 텍스트에서 이미지에 대한 실질적인 정보를 얻을 수 있도록 텍스트를 구성하고 설명을 1~2 문장의 필수 세부 정보로 제한합니다(설명을 너무 과도하게 설명하지 마세요).
5. 관련 맥락을 추가하지 않는 한 "차트", "이미지" 또는 "다이어그램"과 같은 모호한 용어는 피하십시오. 대신 차트, 다이어그램 또는 이미지에 묘사된 의미나 추세를 설명하십시오.

자원

이미지 대체 텍스트 및 화면 판독기에 대해 더 자세히 알아보려면 다음과 함께 대체 텍스트 튜토리얼을 살펴보세요. 훌륭한 대체 텍스트를 디자인하는 방법: 소개 그리고 이미지에는 대체 텍스트가 있어야 합니다. 데크 대학교 출신.

유익하지 않은 링크 내용을 수정하는 방법

이 문제를 해결하려면 페이지의 모든 링크 구성 요소에 목적이 분명하고 설명적인 텍스트가 포함되어 있는지 확인하세요.

'자세히 알아보기', '링크' 또는 '여기를 클릭하세요'와 같은 일반적인 용어는 사용하지 마세요. 동안 감사 패널 일반적인 용어에 대한 구체적인 조언을 제공하지 않으며 링크의 기능에 대해 명확하고 명시적인 언어를 사용하여 유용성을 향상시킵니다(예: "자산 다운로드").

이미지와 병합된 텍스트 없이 자산을 활용할 수도 있습니다. 대신 이미지 자산에 텍스트 요소를 겹쳐보세요.

이미지 링크(예: 아이콘 버튼)를 사용하는 경우 해당 링크에 대한 대체 텍스트도 포함해야 합니다.

대상 작업 화살표(링크 옆에 있는 감사 패널의 화살표)를 선택한 다음 이미지/아이콘에 대한 대체 텍스트를 추가하여 링크를 수정합니다(링크에 이미지가 포함된 경우).

요소 설정(이미지 요소에 대한 설정)에서 대체 텍스트 수정 사항을 조정하여 대체 텍스트의 설명을 향상시킬 수 있습니다.

자원

링크 구성 방법과 사용 가능한 옵션에 대해 자세히 알아보려면 링크 문서와 WCAG 링크 목적 기준.

생략된 제목 수준을 해결하는 방법

제목은 콘텐츠 프레임워크를 반영하고 섹션 콘텐츠의 윤곽을 명확하게 설명하는 논리적인 숫자 순서를 따라야 합니다.

예를 들어, 이 자습서의 제목(감사 패널 소개)은 이 페이지의 유일한 수준 1 제목(H1)이고, 이 자습서의 하위 제목은 수준 2 제목(H2)이며 해당 하위 제목 내의 모든 제목은 다음 수준을 따릅니다. (H3, H4 등). 이 단락의 제목은 레벨 3 제목이며 이 섹션의 업데이트된 내용을 설명합니다.

예시적으로,

세그먼트 제목에 대한 구성 요소를 만들고 나중에 활용

세그먼트의 부제목 구성요소로 인해 검토가 실패하게 됩니다.

레벨이 우회됩니다. 

간과된 제목이 의도하지 않은 제외인 경우 적절한 제목 종류에 할당할 수 있습니다. 

1. 다음을 선택하세요. 머리글 당신은 변화할 예정이다
2. 펼치다 설정 섹션 (D)
3. 다음을 클릭하세요. 헤더 유형 누락된 항목(예: 'H3') 

지원 자료

적절한 제목 순서와 마크업 구성에 대해 더 자세히 알아보려면 WebAIM 사이트에서 documentation을 살펴보세요..

복제된 요소 ID를 수정하는 방법

모든 요소 ID는 전체 웹페이지에서 고유해야 합니다. 즉, 각 ID는 개별 요소만을 식별합니다.

둘 이상의 요소에 동일한 ID를 할당하면 ID를 추가할 때 설정 패널에 오류 알림이 표시되고 후속 사이트 감사가 실패하게 됩니다. 감사 패널은 중복된 ID가 있는 모든 요소와 구성 요소 인스턴스를 강조 표시하여 사이트에서 중복된 ID를 즉시 식별하고 수정할 수 있도록 합니다.

중복된 ID를 수정하려면: 

1. 탭하세요. 원하는 작업 화살표 플래그가 붙은 곳에 인접한 ID 에서 감사 패널 복제된 요소를 휘두르는 모든 요소와 구성 요소 인스턴스를 표시합니다. ID 
2. 다음을 클릭하세요. '나를 표시하세요' 화살표 플래그가 지정된 요소 옆(이 작업을 수행하면 설정 패널 어디에 ID 설립되었습니다) 
3. 복제된 내용을 조정하거나 삭제합니다. ID
4. 복제된 모든 요소에 대해 이전 단계를 반복합니다. ID

지원 자료

더 많은 통찰력을 얻으려면 ID 속성에 대한 MDN documentation을 참조하세요..

접근성 문제 우회

어떤 경우에는 감사 패널에서 표시된 문제를 간과하고 싶을 수도 있습니다. 예를 들어 콘텐츠에 제목 계층 구조의 편차가 필요할 수 있습니다. 아니면 즉흥적으로 콘텐츠를 구성하고 순서 없이 콘텐츠를 정렬하는 것을 선호할 수도 있습니다. 

문제를 무시하고 감사 패널에서 알림을 일시적으로(또는 영구적으로) 취소하려면 다음을 수행하십시오.

1. 확장 감사 패널
2. 무시하려는 문제 위로 마우스를 가져간 후 '무음 벨' 아이콘을 클릭하세요. 

접근성 문제 재검토

대부분의 경우 문제를 무시하는 것은 디자인을 작성하는 동안 임시 해결 방법입니다. 일시적으로 문제를 무시하기로 한 결정을 취소하고 설계 및 개발이 진행되는 동안 수정을 위해 다시 플래그를 지정할 수 있습니다. 

문제 해제를 되돌리려면 다음을 수행하세요.

1. 확장 감사 패널
2. 다음을 클릭하세요. 공개 화살표 무시한 문제의 왼쪽에
3. 무시된 문제 위로 마우스를 가져간 후 '종 모양' 아이콘을 클릭하세요.

피드백, 보고할 문제 또는 감사 패널에 대한 질문이 있는 경우 언제든지 당사에 알려주십시오. 포럼의 피드백 스레드.

관련 문헌: 사이트 접근성 향상