applet요소가 대체 텍스트를 감싸고, alt속성으로도 대체 텍스트를 제공해야 합니다.
둘다 적용해야 안전하게 대체 텍스트를 제공할 수 있습니다.
기술설명
애플릿 요소에 대체 텍스트를 제공하기 위해서는 alt속성을 사용하여 애플릿을 라벨링 하고, 애플릿 요소의 본문안에 대체 텍스트를 넣어주어야 합니다.
즉 alt 속성과 애플릿 본문에 대체 텍스트를 넣으라는 것입니다. 브라우저가 어떻게 처리할지 모르므로 두가지 방법을 모두 사용해야 합니다.
예시
틱택톡 게임을 제공하는 애플릿
<applet code="tictactoe.class" width="250" height="250" alt="틱텍톡 게임">
틱텍톡 게임
</applet>
관련기술
G94: 비텍스트 콘텐츠와 동일한 목적을 갖고 동일한 정보를 제공하는 비텍스트 콘텐츠에 대한 짧은 텍스트 대체 제공
점검절차
1. 애플릿 요소의 소스를 확인합니다.
2. 애플릿 요소에 alt 속성으로 대체 텍스트가 제공되는지 확인합니다.
3. 애플릿 요소가 대체 텍스트를 감싸고 있는지 확인합니다.
https://link.coupang.com/a/cl4UpZ
Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 - 프
쿠팡에서 Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 프로그래밍 언어 제품도 바로 쿠
www.coupang.com
https://link.coupang.com/a/cl4UBK
Do it! 인터랙티브 웹 페이지 만들기 - HTML/CSS | 쿠팡
쿠팡에서 Do it! 인터랙티브 웹 페이지 만들기 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 HTML/CSS 제품도 바로 쿠팡에서 확인할 수 있습니다.
www.coupang.com
*이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
나의 정리
애플릿(Applet )은 작은 프로그램이나 애플리케이션을 말하는 것으로, 주로 '자바 애플릿(Java Applet)' 형태를 많이 사용합니다.
즉 웹 브라우저에서 실행되는 작은 Java 프로그램이라고 할 수도 있습니다.
이런 애플릿은 HTML 문서에서 애니메이션이나 게임을 삽입 할 때 사용하는데, 보안과 성능 문제로 인해 최신 브라우저에서는 애플릿을 지원 하지 않는 경우가 많습니다. 이를 대비하여 애플릿에 '대체 텍스트'를 제공해 주어야합니다.
애플릿을 사용할 수 있게 하는 applet태그에 alt 속성으로 대체 텍스트를 넣어 줍니다.
그리고 applet태그 사이에 대체 텍스트를 넣어 주어야 합니다. 앞에서 말한 대체 텍스트를 삽입 방법 두 가지를 모두 적용해 주어야 합니다. 브라우저 마다 애플릿에 대한 지원이 다르므로 안전한 대체 텍스트 제공을 위해 위 두 가지 방법을 모두 사용해야 합니다.
H35: Providing text alternatives on applet elements
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H35.html
H35: Providing text alternatives on applet elements | Techniques for WCAG 2.0
Provide a text alternative for an applet by using the alt attribute to label an applet and providing the text alternative in the body of the applet element. In this technique, both mechanisms are required due to the varying support of the alt attribute and
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [H37] 이미지 요소에서 alt 속성 사용하기 (1) | 2025.05.22 |
|---|---|
| [H36] '이미지 제출 버튼'에 alt 속성을 사용하자. (0) | 2025.05.21 |
| [H34] 유니코드의 RLM(right-to-left mark) 또는 LRM(left-to-right mark)를 사용하여 다른 텍스트와 섞어 사용하기 (1) | 2025.05.19 |
| [H33] title속성으로 링크 텍스트를 보완하자. (0) | 2025.05.16 |
| [H32] 제출 버튼 제공하기 (0) | 2025.05.15 |
