CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="ko" dir="ltr" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'has-js'); function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "/WAI/assets/scripts/main.js?1732421298236932243"; document.body.appendChild(element); } window.addEventListener("load", downloadJSAtOnload, false); </script> <link rel="stylesheet" href="/WAI/assets/css/style.css?1732421298236932243"> <title> W3C 접근성 기준 개요 | Web Accessibility Initiative (WAI) | W3C</title> <meta name="generator" content="Jekyll v4.3.3" /> <meta property="og:title" content="W3C 접근성 기준 개요" /> <meta name="author" content="W3C Web Accessibility Initiative (WAI)" /> <meta property="og:locale" content="ko" /> <meta name="description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <meta property="og:description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <link rel="canonical" href="https://www.w3.org/WAI/standards-guidelines/ko" /> <meta property="og:url" content="https://www.w3.org/WAI/standards-guidelines/ko" /> <meta property="og:site_name" content="Web Accessibility Initiative (WAI)" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:title" content="W3C 접근성 기준 개요" /> <meta name="twitter:site" content="@w3c_wai" /> <meta name="twitter:creator" content="@W3C Web Accessibility Initiative (WAI)" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"W3C Web Accessibility Initiative (WAI)"},"description":"Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).","headline":"W3C 접근성 기준 개요","url":"https://www.w3.org/WAI/standards-guidelines/ko"}</script>  <meta name="twitter:image" property="og:image" content="https://www.w3.org/WAI/assets/images/social-sharing-default.jpg"> <link rel="alternate" type="application/rss+xml" href="/WAI/feed.xml"> </head> <body id="top" class="page-w3c-접근성-기준-개요 "> <nav aria-label="링크 건너뛰기와 언어 선택" id="controls" class="default-grid"> <ul> <li><a href="#main">콘텐츠로 넘어가기</a></li> <li class="opt"><a href="/WAI/meta/customize/">글자크기와 색상 바꾸기</a></li> <li class="opt languagelist"> <strong>현재 번역 언어:</strong> <ul class="languagelistul"><li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/" lang="en" dir="auto" translate="no">English</a></li><li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/ar" lang="ar" dir="auto" translate="no">العربية</a></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/cs" lang="cs" dir="auto" translate="no">čeština</a></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/es" lang="es" dir="auto" translate="no">español</a></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/fr" lang="fr" dir="auto" translate="no">français</a></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/id" lang="id" dir="auto" translate="no">Bahasa Indonesia</a></li> <li><strong style="text-transform: capitalize;">한국어</strong></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/ru" lang="ru" dir="auto" translate="no">русский язык</a></li> <li><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/zh-hans" lang="zh-hans" dir="auto" translate="no">简体中文</a></li> </ul> </li> <li class="opt"> <a href="/WAI/translations/">모든 번역 <svg focusable="false" aria-hidden="true" class="icon-translations "><use xlink:href="/WAI/assets/images/icons.svg#icon-translations"></use></svg></a> </li> <li><button id="showoptions" data-showhidebuttonid="header-showoptions" class="showhidebutton button-inline" data-target="#controls .opt" aria-expanded="false" data-large-aria-expanded="true" data-showtext='<svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> 사용자정의, 언어, 번역 보기' data-hidetext='옵션 숨기기'><svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> 사용자정의, 언어, 번역 보기</button></li> </ul> </nav> <header id="site-header" class="default-grid with-gap"> <div class="logos"> <a lang="en" class="home w3c" href="https://www.w3.org/"> <svg role="img" aria-label="W3C" viewBox="0 0 68 34" xmlns="http://www.w3.org/2000/svg"><g><path d="m16.117 1.006 5.759 19.58 5.759-19.58h4.17 11.444v1.946l-5.879 10.128c2.065.663 3.627 1.868 4.686 3.615 1.059 1.748 1.589 3.799 1.589 6.155 0 2.914-.775 5.363-2.324 7.348s-3.555 2.978-6.017 2.978c-1.854 0-3.469-.589-4.845-1.767-1.377-1.178-2.396-2.773-3.058-4.786l3.256-1.35c.477 1.218 1.106 2.178 1.887 2.879.781.702 1.701 1.052 2.76 1.052 1.112 0 2.052-.622 2.82-1.866.768-1.245 1.152-2.74 1.152-4.489 0-1.933-.411-3.429-1.231-4.488-.954-1.244-2.45-1.867-4.489-1.867h-1.588v-1.906l5.56-9.612h-6.712l-.382.65-8.163 27.548h-.397l-5.958-19.937-5.957 19.937h-.397l-9.53-32.168h4.17l5.759 19.58 3.892-13.185-1.906-6.395z"/><path d="m64.92 1.006c-.819 0-1.554.295-2.111.861-.591.6-.92 1.376-.92 2.178s.313 1.545.887 2.128c.583.591 1.334.912 2.145.912.793 0 1.562-.321 2.161-.903.574-.557.887-1.3.887-2.136 0-.811-.321-1.57-.878-2.136-.584-.592-1.344-.904-2.171-.904zm2.643 3.065c0 .701-.271 1.351-.768 1.832-.524.507-1.174.777-1.892.777-.675 0-1.342-.278-1.84-.785s-.777-1.157-.777-1.849.287-1.368.802-1.891c.481-.49 1.131-.751 1.84-.751.726 0 1.376.271 1.883.785.49.489.752 1.147.752 1.882zm-2.559-1.807h-1.3v3.445h.65v-1.469h.642l.701 1.469h.726l-.769-1.57c.498-.102.785-.439.785-.929 0-.625-.472-.946-1.435-.946zm-.118.422c.608 0 .886.169.886.591 0 .405-.278.549-.87.549h-.549v-1.14z"/><path d="m59.807.825.676 4.107-2.391 4.575s-.918-1.941-2.443-3.015c-1.285-.905-2.122-1.102-3.431-.832-1.681.347-3.587 2.357-4.419 4.835-.995 2.965-1.005 4.4-1.04 5.718-.056 2.113.277 3.362.277 3.362s-1.452-2.686-1.438-6.62c.009-2.808.451-5.354 1.75-7.867 1.143-2.209 2.842-3.535 4.35-3.691 1.559-.161 2.791.59 3.743 1.403 1 .854 2.01 2.721 2.01 2.721z"/><path d="m60.102 24.063s-1.057 1.889-1.715 2.617c-.659.728-1.837 2.01-3.292 2.651s-2.218.762-3.656.624c-1.437-.138-2.772-.97-3.24-1.317s-1.664-1.369-2.34-2.322-1.733-2.859-1.733-2.859.589 1.91.958 2.721c.212.467.864 1.894 1.789 3.136.863 1.159 2.539 3.154 5.086 3.604 2.547.451 4.297-.693 4.73-.97s1.346-1.042 1.924-1.66c.603-.645 1.174-1.468 1.49-1.962.231-.36.607-1.092.607-1.092z"/></g></svg> </a> <a lang="en" class="home" href="/WAI/"> <span class="wai"><span class="wa">Web Accessibility</span> <span class="i"><span class="initieative">Initiative</span> <span>WAI</span></span></span> </a> <div class="claim"> <span>장애가 있는 사용자가 접근 가능한 웹을 만들기 위한 전략, 기준, 자원</span> </div> <button class="button button-menu" aria-haspopup="true" aria-expanded="false" id="openmenu"><span><svg focusable="false" aria-hidden="true" class="icon-menu "><use xlink:href="/WAI/assets/images/icons.svg#icon-menu"></use></svg> 메뉴</span></button> </div> <div class="navigations"> <nav class="metanav" aria-label="Meta & Search" lang="en"> <ul> <li><a href="/WAI/about/participating/">Get Involved</a></li> <li><a href="/WAI/about/">About W3C WAI</a></li> <li> <form action="/WAI/search/" role="search"> <div> <label for="header-search"> <span class="visuallyhidden">찾기:</span> <input id="header-search" type="search" name="q" placeholder="찾기" aria-label="찾기"> </label> <button class="button button-icon button-nobg button-noborder"><span><svg focusable="false" aria-label="찾기" class="icon-search "><use xlink:href="/WAI/assets/images/icons.svg#icon-search"></use></svg></span></button> </div> </form> </li> </ul> </nav> </div> </header><nav class="mainnav" aria-label="주메뉴" lang="ko"><ul><li><a lang="en" href="/WAI/fundamentals/"><span>Accessibility Fundamentals</span></a></li><li><a lang="en" href="/WAI/planning/"><span>Planning & Policies</span></a></li><li><a lang="en" href="/WAI/design-develop/"><span>Design & Develop</span></a></li><li><a lang="en" href="/WAI/test-evaluate/"><span>Test & Evaluate</span></a></li><li><a lang="en" href="/WAI/teach-advocate/"><span>Teach & Advocate</span></a></li><li><a lang="en" href="/WAI/standards-guidelines/"><span>Standards/<wbr>Guidelines</span></a></li></ul></nav><nav class="default-grid breadcrumb" aria-label="페이지 경로" lang="en"> <ul style="align-self: center;"> <li><a href="/WAI/" lang="en">Home</a></li><li><a lang="ko" href="/WAI/standards-guidelines/ko" aria-current="page"><span>Standards/<wbr>Guidelines</span></a></li></ul> </nav> <div class="default-grid with-gap leftcol"> <div class="sidenav"><nav class="sn-contents" aria-label="Secondary"> <ul class="sidenav--list"> <li> <a lang="ko" href="/WAI/standards-guidelines/ko" aria-current="page" class="page-link"><span>표준/지침</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/" class="page-link"><span>Web Content – WCAG 2</span></a><ul><li> <a lang="en" href="https://www.w3.org/WAI/WCAG21/quickref/" class="page-link"><span>How to Meet WCAG 2 (Quick Reference)</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/glance/" class="page-link"><span>At a Glance</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/docs/" class="page-link"><span>The Documents</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/non-web-ict/" class="page-link"><span>Applying to Non-Web ICT</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/new-in-22/" class="page-link"><span>New in 2.2</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/new-in-21/" class="page-link"><span>New in 2.1</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/translations/" class="page-link"><span>Translations</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/commenting/" class="page-link"><span>Commenting</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/conformance-logos/" class="page-link"><span>Conformance Logos</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/faq/" class="page-link"><span>FAQ</span></a></li></ul></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/wcag3-intro/" class="page-link"><span>WCAG 3 Draft</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/" class="page-link"><span>Authoring Tool Accessibility Guidelines (ATAG) Overview</span></a><ul><li> <a lang="en" href="/WAI/standards-guidelines/atag/glance/" class="page-link"><span>At a Glance</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/education/" class="page-link"><span>For LMS</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/no-code/" class="page-link"><span>For No-Code Tools</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/social-media/" class="page-link"><span>For Social Media Platforms</span></a></li></ul></li><li> <a lang="en" href="/WAI/standards-guidelines/uaag/" class="page-link"><span>User Agents – UAAG</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/aria/" class="page-link"><span>WAI-ARIA</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/evaluation/" class="page-link"><span>Evaluation – ACT & EARL</span></a><ul><li> <a lang="en" href="/WAI/standards-guidelines/act/" class="page-link"><span>Accessibility Conformance Testing – ACT</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/earl/" class="page-link"><span>Evaluation and Report Language – EARL</span></a></li></ul></li><li> <a lang="en" href="/WAI/adapt/" class="page-link"><span>WAI-Adapt</span></a></li><li> <a lang="en" href="/WAI/pronunciation/" class="page-link"><span>Pronunciation</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/harmonization/" class="page-link"><span>Standards Harmonization is Essential</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/w3c-process/" class="page-link"><span>W3C Process for Developing Standards</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/linking/" class="page-link"><span>Referencing and Linking to Standards</span></a></li><li> <a lang="en" href="/WAI/cognitive/" class="page-link"><span>Cognitive Accessibility at W3C</span></a></li><li> <a lang="ko" href="/WAI/standards-guidelines/mobile/ko" class="page-link"><span>W3C의 모바일 접근성</span></a></li></ul></nav><nav class="sidenav-languages" aria-labelledby="languagehead"> <header id="languagehead">언어/번역</header> <ul class="langlist"> <li style="margin-bottom: 2px;"><a href="/WAI/standards-guidelines/" lang="en" dir="auto" translate="no">English (original)</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/ar" dir="auto" translate="no" lang="ar">العربية</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/cs" dir="auto" translate="no" lang="cs">čeština</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/es" dir="auto" translate="no" lang="es">español</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/fr" dir="auto" translate="no" lang="fr">français</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/id" dir="auto" translate="no" lang="id">Bahasa Indonesia</a></li><li style="margin-bottom: 2px;"><strong style="text-transform: capitalize;">한국어</strong></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/ru" dir="auto" translate="no" lang="ru">русский язык</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/standards-guidelines/zh-hans" dir="auto" translate="no" lang="zh-hans">简体中文</a></li></ul><p><a href="/WAI/translations/#ko">다음 언어로 번역된 다른 자료 : 한국어</a></p> <p><a href="/WAI/translations/">모든 번역</a></p> <p><a href="/WAI/about/translating/">WAI 자료 번역하기</a></p> </nav> </div> <main id="main" lang="ko"> <header> <h1> W3C 접근성 기준 개요 </h1></header> <section id="translation-info" class="doc-note-box doc-note-translation"> <h2 class="visuallyhidden"><span lang="en">About this translation</span></h2> <p>이 자원 번역자는 <a href="/WAI/standards-guidelines/">영어 원문</a>의 의도를 정확하게 나타내지 않았을 수 있습니다.</p> <p><strong>번역한 사람</strong> <a href="https://twitter.com/yongui9" rel="nofollow noopener" target="_blank">Yong Ui Lee <svg focusable="false" aria-label="new tab/window" class="icon-external-link "><use xlink:href="/WAI/assets/images/icons.svg#icon-external-link"></use></svg></a>. 기여한 사람 Jun Ho Lee. <br />WAI는 번역자에게 감사의 마음을 전하고, 다른 <a href="/WAI/about/translating/">번역</a>에도 참여하는 것을 환영합니다.</p><div class="translation-needs-update"> <p><svg focusable="false" aria-hidden="true" class="icon-warning "><use xlink:href="/WAI/assets/images/icons.svg#icon-warning"></use></svg> <strong><span lang="en">Notice:</span></strong> <span lang="en">The English original has been substantially updated since this translation.</span> — <a href="/WAI/standards-guidelines/changelog/">변경 기록</a><br />영문 업데이트: <span dir="auto">2024-02-29</span> — 번역 업데이트: <span dir="auto">2021-05-14</span>. <br /><span lang="en">We welcome a <a href="/WAI/about/translating/">translation update</a>.</span></p> </div></section><aside class="box box-full"><header class="box-h box-h-full"> <h2> Summary </h2></header><div class="box-i"> <p>이 페이지는 웹 접근성과 관련된 지침과 표준들에 관해 설명합니다.</p> </div></aside> <nav class="box box-simple box-full" aria-labelledby="tocheading" id="toc"> <header id="tocheading" class="box-h box-h-simple box-h-full"> Page Contents</header> <div class="box-i"> <ul id="markdown-toc"> <li><a href="#intro" id="markdown-toc-intro">소개</a></li> <li><a href="#guidelines" id="markdown-toc-guidelines">접근성 지침</a> <ul> <li><a href="#wcag2" id="markdown-toc-wcag2">웹 콘텐츠 접근성 지침 (WCAG) 2</a></li> <li><a href="#atag" id="markdown-toc-atag">웹 저작 도구 접근성 지침 (ATAG)</a></li> <li><a href="#uaag" id="markdown-toc-uaag">사용자 에이전트 접근성 지침 (UAAG)</a></li> <li><a href="#wcag3" id="markdown-toc-wcag3">웹 콘텐츠 접근성 지침 (WCAG) 3 초안</a></li> </ul> </li> <li><a href="#기술-명세" id="markdown-toc-기술-명세">기술 명세</a> <ul> <li><a href="#aria" id="markdown-toc-aria">접근가능한 리치 인터넷 어플리케이션 (WAI-ARIA)</a></li> <li><a href="#multimedia" id="markdown-toc-multimedia">오디오와 동영상</a></li> <li><a href="#eval" id="markdown-toc-eval">평가</a></li> <li><a href="#개인화" id="markdown-toc-개인화">개인화</a></li> <li><a href="#발음" id="markdown-toc-발음">발음</a></li> </ul> </li> <li><a href="#w3c-wai의-다른-작업-영역" id="markdown-toc-w3c-wai의-다른-작업-영역">W3C WAI의 다른 작업 영역</a></li> <li><a href="#moreinfo" id="markdown-toc-moreinfo">추가 정보</a></li> </ul> </div> </nav> <h2 id="intro">소개</h2> <p>월드 와이드 웹 컨소시움(W3C)은 국제 웹 표준을 만들었습니다 : <abbr title="하이퍼텍스트 마크업 언어">HTML</abbr>, <abbr title="캐스케이딩 스타일 시트">CSS</abbr>을 포함한 몇 가지가 있습니다. W3C의 웹 표준을 <dfn>W3C Recommendations</dfn>이라 부릅니다.</p> <p>모든 W3C 표준은 접근성 지원을 위해 접근성 플랫폼 설계(<a href="/WAI/about/groups/apawg/" hreflang="en">APA (영어)</a>) 실무 그룹에서 검토합니다.</p> <p>아래 소개된 W3C 표준과 실무 그룹의 기록은 특히 접근성과 관련이 있습니다.</p> <h2 id="guidelines">접근성 지침</h2> <p><a href="/WAI/fundamentals/components/ko">웹 접근성 필수 요소</a>는 웹 접근성이 웹 개발 및 상호작용 과정에서 여러 요소와 어떻게 작용하는지와 WAI 지침(WCAG, ATAG, UAAG)의 적용 방법에 대해 명시하고 있습니다.</p> <h3 id="wcag2">웹 콘텐츠 접근성 지침 (WCAG) 2</h3> <p>웹 “콘텐츠”는 일반적으로 웹 페이지나 어플리케이션 안의 정보를 가리킵니다. 다음의 내용을 포함합니다 :</p> <ul> <li>텍스트, 이미지, 소리와 같은 기본 정보</li> <li>구조나 표현 방법 등을 정의한 코드나 마크업</li> </ul> <p>WCAG는 다양한 콘텐츠, 멀티미디어, “모바일” 등에 적용됩니다. WCAG는 <a href="/WAI/standards-guidelines/wcag/non-web-ict/" hreflang="en">WCAG2ICT (영어)</a>에서 명시하듯이 웹이 아닌 정보 통신 기술(ICT)에도 적용됩니다.</p> <p>WCAG 2 정보:</p> <ul> <li><a href="/WAI/standards-guidelines/wcag/" hreflang="en">WCAG 개요 (영어)</a></li> <li><a href="/WAI/standards-guidelines/wcag/glance/" hreflang="en">WCAG 2.1 한눈에 보기 (영어)</a></li> <li><a href="https://www.w3.org/WAI/WCAG21/quickref/">WCAG 2 지키는 방법 (빠른 참조)</a></li> <li><a href="/WAI/standards-guidelines/wcag/translations/" hreflang="en">WCAG 2 번역 (영어)</a></li> <li><a href="https://www.w3.org/TR/WCAG20/">WCAG 2.0 표준</a></li> <li><a href="https://www.w3.org/TR/WCAG21/">WCAG 2.1 표준</a>, <a href="/WAI/standards-guidelines/wcag/new-in-21/" hreflang="en">WCAG 2.1에서 새롭게 등장한 내용 (영어)</a></li> <li><a href="/WAI/standards-guidelines/wcag/new-in-22/" hreflang="en">WCAG 2.2 초안에서 새롭게 등장한 내용 (영어)</a></li> </ul> <h3 id="atag">웹 저작 도구 접근성 지침 (ATAG)</h3> <p>저작도구는 “저자” (웹 개발자, 디자이너, 작가 등)가 웹 콘텐츠를 생산하는 데에 사용하는 서비스나 소프트웨어를 가리킵니다. 예를 들어, HTML 에디터, 콘텐츠 관리 시스템 (CMS) 그리고 사용자가 콘텐츠를 생산할 수 있는 블로그나 소셜 네트워킹 사이트가 있습니다. ATAG 문서는 다음 내용을 목표로 합니다 :</p> <ul> <li>저작도구의 접긍성을 보장하여 장애가 있는 사용자가 웹 콘텐츠를 생산할 수 있도록 하고,</li> <li>저자가 더 접근성이 좋은 웹 콘텐츠를 생산하는 것을 돕습니다.</li> </ul> <p>ATAG 정보:</p> <ul> <li><a href="/WAI/standards-guidelines/atag/" hreflang="en">ATAG 개요 (영어)</a></li> <li><a href="/WAI/standards-guidelines/atag/glance/" hreflang="en">ATAG 한눈에 보기 (영어)</a></li> <li><a href="https://www.w3.org/TR/ATAG/">ATAG 2.0 표준</a></li> </ul> <h3 id="uaag">사용자 에이전트 접근성 지침 (UAAG)</h3> <p>사용자 에이전트는 브라우저, 브라우저 확장프로그램, 미디어 플레이어, 리더기와 같은 웹 콘텐츠를 제공하는 어플리케이션을 포함합니다.</p> <p>UAAG 정보:</p> <ul> <li><a href="/WAI/standards-guidelines/uaag/" hreflang="en">UAAG 개요 (영어)</a></li> <li><a href="https://www.w3.org/TR/UAAG20/">UAAG 2.0 Note</a></li> </ul> <h3 id="wcag3">웹 콘텐츠 접근성 지침 (WCAG) 3 초안</h3> <p>WCAG 3는 W3C 표준으로 사용되기 위한 작업 초기 단계입니다. WCAG 3는 웹 콘텐츠, 앱, 도구, 출판, 웹상의 신기술에 적용됩니다.</p> <p>WCAG 3 정보:</p> <ul> <li><a href="/WAI/standards-guidelines/wcag/wcag3-intro/" hreflang="en">WCAG 3 소개 (영어)</a></li> </ul> <h2 id="기술-명세">기술 명세</h2> <h3 id="aria">접근가능한 리치 인터넷 어플리케이션 (WAI-ARIA)</h3> <p>ARIA는 의미를 제공하여 저자가 유저 인터페이스 행동이나 구조적 정보를 스크린 리더와 같은 보조 기술에 전달할 수 있게 합니다. ARIA 기술 명세는 역할, 상태, 접근 가능한 유저 인터페이스 요소로 정의되는 속성들의 온톨로지를 제공합니다.</p> <p>ARIA 모음은 유저 에이전트 실행 지침을 제공하는 명세를 모은 <abbr title="응용 프로그램 프로그래밍 인터페이스">API</abbr>를 포함합니다. 그래픽, 디지털 출판을 위한 모듈 또한 포함됩니다.</p> <p>ARIA 정보:</p> <ul> <li><a href="/WAI/standards-guidelines/aria/" hreflang="en">WAI-ARIA 개요 (영어)</a> – <a href="/WAI/standards-guidelines/aria/#versions" hreflang="en">모듈, API 맵핑 목록과 설명 (영어)</a>을 포함합니다.</li> <li><a href="https://www.w3.org/TR/wai-aria-practices/">WAI-ARIA 저작 연습</a></li> <li><a href="https://www.w3.org/TR/wai-aria-1.1/">WAI-ARIA 1.1 표준</a></li> </ul> <h3 id="multimedia">오디오와 동영상</h3> <ul> <li> <p><a href="https://www.w3.org/TR/webvtt/">WebVTT: 웹 동영상 텍스트 트랙 형식</a>은 오디오나 동영상에 대한 캡션, 동영상에 대한 텍스트 설명, 시간순으로 정렬된 다른 메타 데이터를 위한 형식입니다.</p> </li> <li> <p><a href="https://www.w3.org/TR/ttml/">시간 지정 텍스트 마크업 언어 (TTML)</a>는 자막과 캡션 작성을 위한 기존 배포 콘텐츠 형식의 시간 지정 텍스트 정보를 트랜스코딩하거나 변환하기 위해 사용되는 것을 목적으로 합니다.</p> </li> </ul> <h3 id="eval">평가</h3> <p>다음 자료들은 접근성 평가 방법과 도구 개발을 지원합니다 :</p> <ul> <li> <p><a href="/WAI/standards-guidelines/act/" hreflang="en">접근성 부합 여부 테스트 (ACT) 개요 (영어)</a> — ACT는 웹 콘텐츠가 접근성 표준에 부합하는지 테스팅하기 위한 원칙들을 문서화하고 발행합니다.</p> </li> <li> <p><a href="/WAI/standards-guidelines/earl/" hreflang="en">평가와 보고 언어 (EARL) 개요 (영어)</a> — EARL는 기계가 읽을 수 있는 형식으로 테스트 결과를 보여줍니다.</p> </li> </ul> <p>평가와 관련된 추가 자료들은 <a href="/WAI/test-evaluate/" hreflang="en">웹 접근성 평가 개요 (영어)</a>에 명시되어 있습니다. 다음 자료도 포함합니다 :</p> <ul> <li><a href="/WAI/test-evaluate/conformance/wcag-em/" hreflang="en">WCAG-EM 개요: 웹사이트 접근성 부합 평가 방법론 (영어)</a> — WCAG-EM은 웹 사이트가 웹 콘텐츠 접근성 지침(WCAG)에 얼마나 부합하는지를 확인하는 접근법입니다.</li> </ul> <h3 id="개인화">개인화</h3> <p><a href="/WAI/adapt/" hreflang="en">개인화 개요 (영어)</a> — 개인화는 각 사용자의 선호와 필요를 충족시키기 위한 사용자 경험을 조정하는 것을 포함합니다. 콘텐츠 저자는 최소한의 공수로 기본 디자인을 제공하고, 사용자 개인화가 가능하도록 하는 데에 개인화 표준을 사용할 수 있습니다.</p> <h3 id="발음">발음</h3> <p><a href="/WAI/pronunciation/" hreflang="en">발음 개요 (영어)</a> — 발음은 스크린 리더와 다른 text-to-speech(TTS) 프로그램이 콘텐츠 발음을 적절하게 음성 합성하는지에 대한 것입니다.</p> <h2 id="w3c-wai의-다른-작업-영역">W3C WAI의 다른 작업 영역</h2> <ul> <li> <p><a href="/WAI/standards-guidelines/mobile/ko">W3C의 모바일 접근성</a></p> </li> <li> <p><a href="/WAI/cognitive/" hreflang="en">W3C의 인지 접근성 (영어)</a></p> </li> </ul> <h2 id="moreinfo">추가 정보</h2> <ul> <li> <p><a href="https://www.w3.org/TR/?tag=accessibility">W3C 접근성 전체 목록 - 관련된 표준 (“W3C Recommendations”)과 실무 그룹 기록</a></p> </li> <li> <p><a href="/WAI/policies/" hreflang="en">웹 접근성 법과 정책 (영어)</a> 목록은 전 세계 나라, 지역의 웹 접근성과 관련된 정부 차원의 법과 정책을 정리하였습니다. 이중 대부분은 W3C 접근성 표준을 참고하고 있습니다.</p> </li> <li> <p><a href="/WAI/standards-guidelines/harmonization/" hreflang="en">웹 접근성 표준안 통일이 중요한 이유 (영어)</a></p> </li> <li> <p><a href="/WAI/standards-guidelines/linking/" hreflang="en">WAI 지침과 기술 문서 참조, 링크 연결하기 (영어)</a></p> </li> <li> <p><a href="/WAI/standards-guidelines/w3c-process/" hreflang="en">W3C 프로세스에서 WAI가 접근성 지침을 개발하는 방법 : 이정표와 <strong>기여할 기회</strong> (영어)</a></p> </li> </ul> <p><img src="/WAI/content-images/components/specs.png" alt="다른 요소에 대한 지침들을 보여주는 삽화. 자세한 설명은 다음 링크 참고 : https://www.w3.org/WAI/intro/components-desc.html#guide" /></p> <aside class="box box-icon box-space-above" id="helpimprove" aria-label="feedback"><header class="box-h box-h-icon box-h-space-above box-h-icon"> <svg focusable="false" aria-hidden="true" class="icon-comments "><use xlink:href="/WAI/assets/images/icons.svg#icon-comments"></use></svg> <h2> 이 페이지 개선에 참여하기 </h2></header><div class="box-i"><p>당신의 아이디어와 제안, 의견 등을 공개적으로 보관되는 <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5B%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%BD%94%EB%A9%98%ED%8A%B8%EB%A5%BC%20%EB%82%A8%EA%B8%B0%EC%84%B8%EC%9A%94...%5D%0A%0A%EC%9D%B4%20%EB%A9%94%EC%9D%BC%EC%9D%B4%20%EA%B3%B5%EA%B0%9C%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%B3%B4%EA%B4%80%EB%90%98%EB%8A%94%20%EC%9D%B4%EB%A9%94%EC%9D%BC%20%EB%AA%A9%EB%A1%9D%EC%97%90%20%EA%B3%B5%EC%9C%A0%EB%90%98%EB%8A%94%20%EA%B2%83%EC%9D%84%20%EB%8F%99%EC%9D%98%ED%95%A9%EB%8B%88%EB%8B%A4.">wai@w3.org</a>나 GitHub을 통해 공유해주세요.</p> <div class="button-group"> <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5B%EC%97%AC%EA%B8%B0%EC%97%90%20%EC%BD%94%EB%A9%98%ED%8A%B8%EB%A5%BC%20%EB%82%A8%EA%B8%B0%EC%84%B8%EC%9A%94...%5D%0A%0A%EC%9D%B4%20%EB%A9%94%EC%9D%BC%EC%9D%B4%20%EA%B3%B5%EA%B0%9C%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%B3%B4%EA%B4%80%EB%90%98%EB%8A%94%20%EC%9D%B4%EB%A9%94%EC%9D%BC%20%EB%AA%A9%EB%A1%9D%EC%97%90%20%EA%B3%B5%EC%9C%A0%EB%90%98%EB%8A%94%20%EA%B2%83%EC%9D%84%20%EB%8F%99%EC%9D%98%ED%95%A9%EB%8B%88%EB%8B%A4." class="button"><span>E-mail</span></a><a href=" https://github.com/w3c/wai-website/edit/main/pages/standards-guidelines/index.ko.md " class="button"><span>GitHub에서 Fork 및 수정하기</span></a><a href="https://github.com/w3c/wai-website/issues/new?template=content-issue.yml&title=[ko]%20&wai-resource-id=wai-standards-guidelines&wai-url=https://www.w3.org/WAI/standards-guidelines/ko" class="button"><span>새로운 GitHub 이슈</span></a></div></div></aside> <a class="button button-backtotop" href="#top"><span><svg focusable="false" aria-hidden="true" class="icon-arrow-up "><use xlink:href="/WAI/assets/images/icons.svg#icon-arrow-up"></use></svg> 위로 가기</span></a> </main> </div> <footer id="wai-site-footer" class="page-footer default-grid" aria-label="Page"> <div class="inner"><p><strong>영문 업데이트:</strong> 2021-05-01. <a href="/WAI/standards-guidelines/changelog/">변경 기록</a>. (<span lang="en">Translated:</span> 2021-05-14).</p><p><strong>편집자:</strong> <a href="https://www.w3.org/People/Shawn/">Shawn Lawton Henry</a>.</p> <p>교육과 활동관련 실무 그룹인 (<a href="https://www.w3.org/WAI/EO/">EOWG</a>)의 지원을 받아 제작되었습니다.</p> </div> </footer> <footer class="site-footer grid-4q" aria-label="Site"> <div class="q1-start q3-end about"> <div> <p><a class="largelink" href="https://www.w3.org/WAI/" lang="en" dir="auto" translate="no">W3C Web Accessibility Initiative (WAI)</a></p> <p>장애가 있는 사용자가 접근 가능한 웹을 만들기 위한 전략, 기준, 자원 지원</p> </div> <div class="social" lang="en" dir="auto" translate="no"> <ul> <li><a href="https://w3c.social/@wai"><svg focusable="false" aria-hidden="true" class="icon-mastodon "><use xlink:href="/WAI/assets/images/icons.svg#icon-mastodon"></use></svg> Mastodon</a></li> <li><a href="https://www.linkedin.com/company/w3c-wai/"><svg focusable="false" aria-hidden="true" class="icon-linkedin "><use xlink:href="/WAI/assets/images/icons.svg#icon-linkedin"></use></svg> LinkedIn</a></li> <li><a href="https://www.w3.org/WAI/feed.xml"><svg focusable="false" aria-hidden="true" class="icon-rss "><use xlink:href="/WAI/assets/images/icons.svg#icon-rss"></use></svg> Feed</a></li> <li><a href="https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/playlists/"><svg focusable="false" aria-hidden="true" class="icon-youtube "><use xlink:href="/WAI/assets/images/icons.svg#icon-youtube"></use></svg> YouTube</a></li> <li><a href="https://www.w3.org/WAI/news/subscribe/" class="button">Get News in Email</a></li> </ul> </div> <div lang="en" dir="auto" translate="no"> <p>Copyright © 2024 World Wide Web Consortium (<a href="https://www.w3.org/">W3C</a><sup>®</sup>). See <a href="/WAI/about/using-wai-material/">Permission to Use WAI Material</a>.</p> </div> </div> <div lang="en" dir="auto" translate="no" class="q4-start q4-end"> <ul style="margin-bottom:0"> <li><a href="/WAI/about/contacting/">Contact WAI</a></li> <li><a href="/WAI/sitemap/">Site Map</a></li> <li><a href="/WAI/news/">News</a></li> <li><a href="/WAI/sitemap/#archive">Archive</a></li> <li><a href="/WAI/about/accessibility-statement/">Accessibility Statement</a></li> <li><a href="/WAI/translations/"> Translations</a></li> <li><a href="/WAI/roles/">Resources for Roles</a></li> </ul> </div> </footer> <script src="/WAI/assets/scripts/details4everybody.js?1732421298236932243"></script>  <script src="/WAI/assets/scripts/svg4everybody.js?1732421298236932243"></script> <script> svg4everybody(); </script> <script src="/WAI/assets/scripts/lang/ko.js?1732421298236932243"></script> </body> </html>