0
동적으로 설정된 이미지를 내게 필요한 접근성 표준을 따르는 것에 대한 질문이 있습니다.이미지 alt 텍스트를 동적으로 설정할 수 있습니까?
기술적으로 JavaScript를 사용하여 이미지 대체 텍스트를 설정할 수 있습니다. 그러나이 작업이 완료된 페이지의 "소스보기"에서 alt 텍스트는 실제 이미지 속성으로 나타나지 않습니다. 자바 스크립트를 사용하여 title 속성을 설정하면 툴팁이 작동하여 브라우저에 관한 한 title 속성이 설정된다는 것을 보여줍니다.
그렇다면 화면 판독기 또는 시각 장애인이 페이지를 읽는 데 사용할 다른 방법은 JavaScript에서 설정된 대체 텍스트를 참조 하시겠습니까?
<html>
<script>
function set_image_properties(){
document.getElementById("image").src = "http://www.premiumbeat.com/blog/wp-content/uploads/2012/12/free.jpeg";
document.getElementById("image").alt = "free";
document.getElementById("image").title = "free";
}
</script>
<body onload="set_image_properties()">
<img id="image"/>
</body>
</html>
개발자 툴을 새로 고침하고 닫은 다음 개발자 툴을 열어 'alt' – Praveen