타사 콘텐츠 이미지에 alt 속성이없고 WCAG 2.0 Level A - javascript 솔루션을 충족하지 못합니까?

Question

우리는 WCAG 2.0 레벨 A 요구 사항을 준수해야하는 당사 웹 사이트 중 일부에 타사 컨텐츠가 포함되어 있습니다. RSS 피드를 통해 들어오는 html이 img 태그에 적절한 alt 속성을 제공하지 않습니다. 우리는 javascript를 사용하여 alt 속성을 추가하기를 원했습니다. javascript가 해제 되어도 코드를 멋지게 만들지는 못하지만 훨씬 좋습니다.

이 스레드 WCAG 2.0 level A and AJAX generated content 은 WCAG 2.0 레벨 A에서 다른 js 메서드를 사용하는 것이 문제가되지 않는다는 것을 의미하는 것으로 보입니다. 나는 그것이이 예제에서 괜찮을 것이라고 가정합니다.

Answer 1

WCAG 가이드 라인을 위반하는 방식으로 자바 스크립트를 사용하지 않는 한 자바 스크립트를 사용하더라도 WCAG 규격에 영향을 미치지 않습니다. 화면 판독기 사용자로서 기술적으로 가이드 라인을 충족하는 동안 alt 태그가 실제 의미를 갖도록하려면 어떻게해야할까요? 차라리 오해의 소지가있는 태그 대신 alt 태그가없는 것이 좋습니다.

Answer 2

@ 자레드 (Jared Jared)는 접근 가능성을 손상시키는 방식으로 사용되지 않는 한 JavaScript 자체만으로 WCAG 규격을 위반하지 않는다고 가정하므로 귀하의 가정은 옳습니다.

나는 또한 스크린 리더 사용자이고 적절한 또는 빈 alt 텍스트 대신 긴 어색한 파일 이름을 읽을 때 싫어한다.

alt 텍스트를 식별하는 방법을 찾을 수없는 경우 비어있는 alt 속성 (alt="")을 삽입해야 스크린 리더가 이미지의 초점을 맞추거나 읽지 않습니다. 개인적으로 일부 스크린 리더는 빈 alt을 집중적으로 읽었으므로 ARIA 속성 인 'aria-hidden = "true"를 사용하여 브라우저가 내게 필요한 옵션 API를 통해 이미지를 보내지 않도록합니다.

여기에 alt 속성없이 모든 이미지를 감지하고 빈 이미지를 삽입하는 jQuery 예제가 있습니다.

$('img:not([alt])').each(function() { 
    $(this).attr('alt', ''); 
    $(this).attr('aria-hidden', 'true'); 
});