[H46] 'embed 요소'의 '대체 콘텐츠'를 제공하는 'noembed 요소'

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H46.html

---

외부 콘텐츠를 웹페이지로 불러들이는 'embed 요소'의 대체 콘텐츠는 'noembed 요소'이다.

---

기술설명

이 기술의 목적은 'embed 요소'의 대체 콘텐츠, 'noembed 요소'를 제공하는 것입니다.

'noembed 요소'는 'embed 요소'의 콘텐츠가 지원되지 않는 경우 보여집니다.

'noembed 요소'는 페이지의 어느 위치에나 배치시킬 수 있지만, 보조 기술이 해당 요소에 대한 '대체 콘텐츠가' 있음을 알 수 있게 하기 위해서 'noembed 요소'를 'embed 요소'안에 포함시킵니다.

 

 

예시

[예시1] 'embed 요소' 내부에 'noembed 요소'가 있는 경우

<embed src="../history_korea.mov" height="60" width="144" autostart="false">
  <noembed>
    <a href="../history_korea.mov">'대한민국의 역사' 다운로드</a>
  </noembed>
</embed>

 

[예시2] 'embed 요소' 바로 뒤에 'noembed 요소'를 제공

<embed src="history_korea.swf" pluginspage="http://example.com/shockwave/download/"> /embed>
<noembed>
    <img src="history_korea.jpg" alt="영상의 스틸 컷" />
</noembed>

 

자료

H46에 대한 사용자 에이전트 지원 참고 사항을 참조하세요

 

 

점검절차

1. 'embed 요소'가 'noembed 요소'를 포함하고 있는지 확인합니다.

2. 또는 'embed 요소' 바로 뒤에 'noembed 요소'가 있는지 확인합니다.

---

https://link.coupang.com/a/cl4UpZ

Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 - 프

https://link.coupang.com/a/cl4UBK

Do it! 인터랙티브 웹 페이지 만들기 - HTML/CSS | 쿠팡

https://link.coupang.com/a/cv9oir

[삼성전자 공식파트너] 갤럭시북4 15.6 코어I5 13세대 가성비 노트북 한컴오피스팩 동봉 - 노트북 |

*이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 

---

나의 정리

'embed 요소'는 비디오나 오디오, 플러그인과 같이 외부 콘텐츠를 웹페이지로 불러들이는 역할을 합니다.

만약 브라우저가 'embed 요소'를 지원하지 않거나 해당 콘텐츠에 오류가 있는 경우 '대체 콘텐츠'를 지원해주어야 하는데

'noembed 요소'가 그 역할을 해줍니다.

즉 'embed 요소'의 '대체 콘텐츠'가 'noembed 요소'인 것입니다.

 

'noembed 요소'가 '대체 콘텐츠'이므로 해당 'embed 요소'의 자식 요소로 제공되거나, 'embed 요소' 바로 뒤에 제공해야 합니다.

그래야 서로 간의 연관성을 알 수 있습니다.  

 

'noembed 요소'를 'embed 요소'의 자식 요소로 제공하는 경우

<embed src="video.mp4" type="video/mp4">
    <noembed>
        <p>이 브라우저에서는 동영상을 지원하지 않습니다. <a href="video.mp4">여기</a>에서 다운로드하세요.</p>
    </noembed>
</embed>

 

'embed 요소' 뒤에 'noembed 요소'를 제공하는 경우

<embed src="video.mp4" type="video/mp4"></embed>
<noembed>
    <p>이 브라우저에서는 동영상을 지원하지 않습니다. <a href="video.mp4">여기</a>에서 다운로드하세요.</p>
</noembed>

 

HTML5에서는 embed요소를 더 이상 사용하지 않으므로 제공하는 외부 콘텐츠의 속성에 맞는 요소를 사용하시기 바랍니다.

---

 

H46: Using noembed with embed

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H46.html

H46: Using noembed with embed | Techniques for WCAG 2.0