접근성 원칙

번역 정보

이 자원 번역자는 영어 원문의 의도를 정확하게 나타내지 않았을 수 있습니다.

영문 버전이 다음 번역 이후로 업데이트되었습니다.: 변경 기록
영문 업데이트: 2024-07-15. 번역 업데이트: 2023-12-06.

번역한 사람 Yong Ui Lee . 기여한 사람 Jun Ho Lee.
WAI는 번역자에게 감사의 마음을 전하고, 다른 번역에도 참여하는 것을 환영합니다.

웹 접근성 표준

웹 접근성은 함께 동작하는 여러 요소에 의존합니다. 요소에는 다음의 내용이 포합됩니다. :

웹 접근성 표준 더 자세히 살펴보기

이 요소들은 서로를 지원하고 밀접한 관련이 있습니다. 예를 들어, 웹 콘텐츠는 이미지에 대체 텍스트를 포함해야 합니다. 이 정보는 웹 브라우저가 처리하고, 스크린 리더와 같은 보조 기술에 전달됩니다. 저자들은 대체 텍스트를 작성하기 위해 저작 도구를 필요로 합니다. 더 자세한 내용은 웹 접근성 필수 요소를 확인하세요.

표준은 각 요소들의 접근성 필요조건을 정의하는 데에 중요한 역할을 합니다. 몇 접근성 필요조건은 충족하기 쉽지만 장애가 있는 사용자가 웹을 어떻게 사용하는지에 대한 기본을 이해한다면 더 효과적으로 충족할 수 있을 것입니다. 접근성의 일부는 사용자가 웹을 사용하는 방법에 대한 고차원적인 기술과 지식이 필요합니다. 모든 경우에서 웹 프로젝트 초기 단계와 전체에 사용자 포함시키기 (영어)는 당신이 더 일하기 쉽고, 나은 결과를 얻는 데에 도움을 줄 것입니다.

W3C 웹 접근성 이니셔티브(WAI)는 웹 접근성 관련 국제 표준으로 사용되는 지침들을 제공합니다. 다음의 내용이 포합됩니다. :

접근 가능한 리치 인터넷 어플리케이션 (WAI-ARIA) (영어)에 대한 WAI 명세도 있습니다. 이는 Ajax, JavaScript와 관련된 웹 기술로 만들어진 고차원 사용자 인터페이스 컨트롤과 다양한 콘텐츠를 포함합니다.

인지가능한 정보와 사용자 인터페이스

텍스트가 아닌 콘텐츠를 위한 대체 텍스트

대체 텍스트는 텍스트가 아닌 콘텐츠에 대응되는 것입니다. 다음은 예시입니다. :

대체 텍스트는 사용자에게 동등한 경험을 제공하고 이미지나 기능의 목적을 전달하기 위해 사용됩니다. 예를 들어, 검색 버튼의 경우 “ 돋보기 “ 보다는 “ 검색 “이 적절한 대체 텍스트입니다.

대체 텍스트는 다양한 방법으로 표현할 수 있습니다. 예를 들어, 화면을 보지 못하거나 읽는데 어려움을 겪는 사람들이 음성으로 읽는 용도로 사용할 수 있고, 사용자가 설정한 폰트 사이즈로 키울 수 있고, 점자 단말기에 표시할 수도 있습니다. 대체 텍스트는 음성 인식(음성 제어) 탐색이나 키보드 탐색을 보조하는 제어, 기능을 위한 라벨로 제공될 수 있습니다. 오디오, 영상, 다른 형식의 파일, 웹 사이트의 일부분으로 삽입되어 있는 어플리케이션을 구분하기 위한 라벨 역할을 할 수도 있습니다.

대체 텍스트와 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

멀티미디어를 위한 캡션과 다른 대안

오디오를 듣지 못하고, 영상을 보지못하는 사용자에게는 대안이 필요합니다. 다음은 예시입니다. :

정확한 음성, 시각 정보 순서가 잘 정리된 텍스트 대본은 기본적인 접근성을 제공하고, 캡션과 오디오 설명 제공이 가능하게 합니다.

멀티미디어와 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

다양한 방법으로 제공될 수 있는 콘텐츠

사용자를 위해 콘텐츠 제공방식을 바꾸고자 한다면 다음 내용을 따라야 합니다. :

위의 내용을 준수한다면 콘텐츠를 정확하기 읽고, 확대하고, 각 개인의 선호와 필요를 충족시킬 수 있을 것입니다. 예를 들어, 개인이 설정한 색상 조합, 폰트 사이즈 등과 같은 읽는 것을 돕는 여러 스타일 속성을 사용해 제공할 수 있습니다. 사람들이 개요에 접근할 수 있도록 하고, 특정 부분에 더 쉽게 접근할 수 있도록 하기 위한 페이지 아웃라인과 요약을 자동으로 해주는 것과 같은 방법에서 또한 적용할 수 있습니다.

적응성과 관련된 접근성 조건 (기술 명세 링크)

WCAG

UAAG

ATAG

적응성과 관련된 이야기

보고 듣기 더 쉬운 콘텐츠

명료한 콘텐츠는 보고 듣기 더 쉽습니다. 다음 콘텐츠가 포함됩니다. :

위의 내용을 준수한다면 중요한 정보를 더 눈에 띄게 하기 위한 전경과 배경 구분에 도움이 됩니다. 소리, 배경에 있는 콘텐츠로 탐색하는 데에 방해를 받는 보조 기술을 사용하는 사람과 사용하지 않는 사람 모두를 고려한 것입니다. 예를 들어, 색맹이 있는 사람들은 특별한 도구를 사용하지 않고 텍스트와 주변 배경 사이의 충분한 대비를 제공하는 적절한 디자인에 의존합니다. 또 어떤 사람에게는 자동으로 재생되는 소리가 텍스트 음성변환이나 assistive listening devices (ALDs) (영어)의 사용을 방해할 수 있습니다.

명료성과 관련된 접근성 필요조건(기술 명세 링크)

WCAG

UAAG

ATAG

명료성과 관련된 이야기

운용가능한 사용자 인터페이스와 내비게이션

키보드로 사용 가능한 기능

웹을 탐색하는 데에 마우스보다 키보드를 사용하는 사람들도 많습니다. 키보드로 탐색하기 위해서는 폼 컨트롤, 인풋과 다른 사용자 인터페이스 요소를 포함한 모든 기능에 키보드 접근이 가능해야 합니다.

키보드 접근성은 다음의 내용을 포함합니다. :

위의 내용을 준수한다면 것은 인체 공학 키보드, 화상 키보드, 스위치와 같은 대체 키보드를 사용하는 사용자를 포함한 키보드 사용자에게 도움이 됩니다. 또한 키보드 인터페이스로 텍스트를 입력하고 사이트를 사용하는 데에 음성 인식(음성 입력)을 사용하는 사용자에게도 도움이 됩니다.

키보드 접근성과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

키보드 접근성과 관련된 이야기

콘텐츠를 읽고 사용하는 데에 충분한 시간이 필요한 사용자

콘텐츠를 읽고 사용하는 데에 더 많은 시간이 필요한 사람들이 있습니다. 예를 들어, 많은 사람들이 타이핑을 하고 지시 사항을 이해하고 컨트롤 요소들을 조작하는 등의 사이트에서 하려는 일을 완수하기 위해 더 많은 시간이 필요합니다.

충분한 시간을 제공하는 방법들은 다음과 같습니다. :

충분한 시간 제공과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

충분한 시간 제공과 관련된 이야기

발작이나 신체적 반응을 유발하지 않는 콘텐츠

특정 속도로 번쩍이는 콘텐츠나 패턴은 발작을 포함한 감광성 반응을 유발할 수 있습니다. 번쩍이는 콘텐츠는 전반적으로 피해야 하고, 알려진 위험을 일으키지 않는 선에서만 사용해야 합니다. 또한 애니메이션이나 움직이는 콘텐츠도 신체적 반응과 불편함을 줄 수 있습니다.

발작과 신체적 반응 유발을 피하는 방법은 다음과 같습니다. :

발작과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

구조화가 잘된 콘텐츠는 사용자가 자신의 위치를 알고 효과적으로 탐색하도록 합니다. 다음의 내용을 포함합니다. :

위의 내용을 준수한다면 사용자의 필요와 선호에 따라 다양한 방법으로 웹 페이지를 탐색하는 데에 도움이 될 것입니다. 예를 들어, 특정 페이지에 접근하기 위해 메뉴 바와 같은 계층적 내비게이션을 사용하는 사람이 있는 반면, 사이트의 기능 찾기를 사용하는 사람들도 있습니다. 콘텐츠를 보는 사람도 있고, 듣는 사람이 있고, 보면서 듣는 사람도 있을 것입니다. 마우스나 키보드로 탐색하는 사람이 있고, 마우스와 키보드를 동시에 사용하는 사람들도 있습니다.

내비게이션과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

내비게이션과 관련된 이야기

키보드 외의 다양한 입력 장치를 사용할 수 있는 사용자

키보드 외의 터치 활성화(touch activation), 음성 인식, 제스처과 같은 다양한 입력 장치들은 더 많은 사람들이 콘텐츠에 접근하기 쉽게 합니다. 하지만 모든 사람들이 이러한 입력 장치 전부를 동등한 수준으로 사용할 수 있는 것은 아닙니다. 특정 디자인적 고려가 이러한 입력 장치들의 이점을 더 극대화시킬 수 있습니다. 다음의 내용을 포함합니다. :

위의 내용을 준수한다면 다양한 장치를 사용하는 여러 사람들이 콘텐츠를 더 쉽게 사용할 수 있게 될 것입니다. 모바일 폰, 태블릿, 티켓 판매기와 같은 자동서비스단말기에서 사용되는 콘텐츠도 포함됩니다.

입력 장치와 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

입력 장치와 관련된 이야기

이해하기 쉬운 정보와 사용자 인터페이스

읽고 이해하기 쉬운 텍스트

콘텐츠 저자는 텍스트를 음성을 읽어주는(text-to-speech) 경우를 포함하여 최대한 많은 사람들이 텍스트 콘텐츠를 읽고 이해하기 쉽도록 해야 합니다. 다음의 내용을 포함합니다. :

위의 내용을 준수한다면 보조 기술을 포함한 소프트웨어가 텍스트 콘텐츠에 정확하게 접근할 수 있게 될 것입니다. 예를 들어, 이 필요조건들은 소프트웨어가 콘텐츠를 읽어주고, 페이지 요약본을 만들어주고, 기술 용어와 같은 생소한 단어들의 뜻을 제공하는 것을 쉽게 할 것입니다. 또한 복잡한 문장, 관용구, 단어를 이해하는 데에 어려움을 겪는 사람들에게 도움이 될 것입니다. 특히, 다양한 인지 장애를 가진 사람들에게 도움이 될 것입니다.

가독성과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

ATAG

가독성과 관련된 이야기

예측 가능한 방식으로 보여지고 조작할 수 있는 콘텐츠

대부분의 사람들은 예측 가능한 사용자 인터페이스에 의존하기에 일관성이 없는 행동이나 외관에 낯설어하고 산만하게 느낍니다. 더 예측 가능한 콘텐츠를 만드는 예시로 다음의 내용이 포합됩니다. :

위의 내용을 준수한다면 사이트에서 제공된 내비게이션 방법과 기능을 더 빨리 배우고, 사용자의 목적과 선호에 맞게 사용할 수 있을 것입니다. 예를 들어, 일부 사람들은 키보드 내비게이션 사용성을 높이기 위해 그들이 자주 사용하는 기능을 각자만의 단축키로 지정할 수 있습니다. 또 다른 사람들은 특정 페이지에 접근하고 사이트에서의 과정을 완수하기 위해 과정을 기억해 둘 수 있습니다. 둘 다 예측 가능하고 일관된 기능성에 관련 있습니다.

예측 가능성과 관련된 접근성 필요 조건 (기술 명세 링크)

WCAG

UAAG

ATAG

예측 가능성과 관련된 이야기

실수를 피하고 수정할 수 있는 기능을 제공받는 사용자

사람들은 폼 요소와 다른 상호작용 요소들에 많은 어려움을 느끼고 그 결과 실수로 이어지게 됩니다. 사용자가 실수를 피하고 수정할 수 있도록 하는 예시로 다음의 내용이 포합됩니다. :

위의 내용을 준수한다면 콘텐츠를 보거나 들을 수 없는 사용자나 복잡한 관계, 순서, 단서들을 인지하지 못하는 사용자들에게 도움이 될 것입니다. 또한 기능을 이해하지 못하고 혼란스러워하고 잊어버리는 사용자나 어떠한 이유로 폼 요소를 사용하는 데에 실수를 한 사용자에게도 도움이 될 것입니다.

입력 도움과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

입력 도움과 관련된 이야기

견고한 콘텐츠와 정확한 설명

현재와 미래 사용자 도구와 호환 가능한 콘텐츠

견고한 콘텐츠는 다른 브라우저, 보조 기술, 다른 사용자 에이전트에서도 사용이 가능합니다. 사용되는 예시로 다음이 포함합니다. :

위의 내용을 준수한다면 현재와 미래 사용자 에이전트, 보조 기술의 호환성을 높일 수 있습니다. 특히 보조 기술이 콘텐츠에 정확하게 접근하고, 다양한 방법으로 운용할 수 있도록 할 수 있습니다. 스크립트로 된 비표준 버튼, 인풋 필드와 다른 컨트롤 요소들을 포함합니다.

호환성과 관련된 접근성 필요조건 (기술 명세 링크)

WCAG

UAAG

ATAG

호환성과 관련된 이야기

위로 가기