🐢 꼬부기 LV.1 | 개념•기초/💧물대포(핵심개념)

웹콘텐츠 접근성 지침

서화 2025. 11. 11. 23:26

웹 접근성은 모두가 동등하게 인터넷을 이용할수 있는 권리를 지키기 위한 웹사이트 제작의 기본메뉴얼이다  이 지침은 시각,청각 지체 장애인 뿐만 아니라 고령자등 모든사용자가 웹콘텐츠를 불편함 없이 이용할수 있도록 네가지의 핵심원칙을 제시한다 이 지침의 가장중요한 목표는 웹에서도 모든 사용자가 막힘없이 정보를 얻고 상호 작용할수  있게 하는것이다

이 지침은 모든사람이 인터넷정보를 동등하게 이용할수 있록 법률적인 의무와 기술적인 가이드라인을 제시하고 있다 웹콘텐츠를 만들고 운영하고 업테이트를 하는 모든과정에 적용되는 기술적인 규격으로 핵심 4가지 원칙이있고 14개의 상세지침과 33개의 검사항목으로 구성되어 있어 단계별 접근성을 확보할수 있다

4가지 핵심원칙

1.인식의 용의성

사용자가 장애유무와 관계없이 웹사이트의 모든 콘텐츠를 동등하게 파악할수 있도록 제공하는것을 의미한다 시각장애인이 이미지를 눈으로 볼수 없어도 그 내용을 이해할수 있게 만드는것이 핵심이다

대체텍스트 제공 - 텍스트가 아닌 콘텐츠(이미지,차트등)에 동등한 의미를 가진 텍스트 설명을 제공해야한다 대체텍스트가 없다면  화면낭독프로그램을 사용하는 사용자가 이미지를 그림이라고만 듣고 중요한 정보를 놓치게된다

멀티미디어 대체수간 - 오디오/비디오 콘텐츠에는 청각 장애인을 위한 자막,대본또는수어를 제공해야한다 유튜브영상에 자막이 없다면 청각장애인은 내용을 파악하지 못한다

명료성 - 콘텐츠의 색상이나 명도대비가 충분하여 누구나 쉽게 구별 할 수 있어야한다 너무 흐린 회색글씨는 저시력자나 고령자가 읽기 매우어렵다 최소 명도대비 4.5:1 이상으로 만들어야한다 특히 명료성 지침에서는 자동재생되는 소리를 금지하는데 이유는 화면낭독프로그램 사용자의 음성안내를 방해하여 심각한 혼란을 주기때문이다

2.운용의 용이성

웹사이트의 모든 기능을 장애유무와 상관없이 모두 조작할수 있도록 보장하는 것이다 마우스를 사용하기 어려운 사용자도 키보드나 음성으로 모든 기능을 쓸수 있어야한다

 키보드 접근성 보장 - 모든 기능을 키보드만으로도 사용이 가능해야하며 초점이동 순서가 논리적이고 시각적으로 구별되어야한다 만약 키보드로 특정영역에 들어갔을때 빠져나올수 없다면 키보드 함정에 빠진것으로 심각한 접근성 위반이다

쉬운 내비게이션 - 매번 반복되는 상단메뉴(반복영역)를 건너뛸수있는 링크를 제공해야 한다 (예:본문바로가기) 페이지 제목이나 링크텍스트는 그 용도나 목적을 명확히 알려주어 사용자가 다음에 무슨일이 일어날지 예측할수 있게해야한다

초점이동과 표시 - 키보드에 의한 초점이동은 논리적으로 이동해야하며 초점을 받은 요소는 시각적으로 구별할수 있어야한다

조작 및 가능 - 콘트롤은 충분히 가능한 크기(대각선 6mm 이상 권장)로 제공해야한다

충분한 시간제공

응답시간 조절 - 시간제한이 있는 콘텐츠는 시간제한을 해제하거나 연장할수 있는 수단을 제공해야한다

정지기능 제공 - 자동으로 움직이거나 변경되는 콘텐츠는 움직임을 제어할수있어야한다

광과민성 발작예방 - 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야한다

3.이해의 용이성

콘텐츠 자체가 사용자에게 쉽고 명확하게 전달 되어야한다

가독성 - 웹 페이지의 기본언어(예: 한국어,영어)를 정확하게 명시해야한다 이는 화면낭독프로그램이 정확한 발음모듈을 선택하여 텍스트를 읽어줄수 있도록 하기 위함이다

예측가능성 - 사용자가 의도하지 않은 기능(새창열림,자동서식제출)이 초점만으로 실행되어서는 안된다 예를들어 드롭다운 같은 메뉴에 초점이 갔다고 해서 관련페이지로 이동하면 사용자는 혼란을 느끼게 된다 사용자로 부터 정확한 클릭이나 엔터가 있어야한다

입력도움 - 온라인 서식등에서 오류가 발생하면 오류의 위치와 정정 방법을 명확하게 알려주어야 한다 또한 회원가입시 비밀번호입력처럼 반복되는 정보는 자동완성 또는 선택입력이 가능하게 해야한다

오류정정 - 입력오류가 발생할 경우 오류가 발생한 위치와 이유등에 관한 정보를 알려주어 정정할수 있는 방법을 제공해야한다

4. 견고성

웹콘텐츠가 미래기술에도 호환 가능하며 안정적으로 작동해야한다

마크업 문법 준수 - 웹 페이지를 만드는 HTM과 같은 마크업 언어가 표준문법을 철저히 따라야한다 태그를 열고 닫는것에 오류가 있거나 속성을 중복선언하면 보조기술(화면낭독프로그램 등)이 콘텐츠를 제대로 해석하지 못해 작동하지 않을수 있다

웹 애플리케이션 접근성 - 플러그인이나 복잡한 웹 애플리케이션을 사용할 경우 운영체제에서 제공하는 접근성 프로그래밍 인터페이스(API)를 사용하여 보조기술과 상호작용할수 있도록 제작해야한다 이를통해 보조기술 사용자도 복잡한 기능을 원할하게 사용할수 있다

추가된 규칙들

문자단축기 - alt/control등이 아닌 단일문자(예:S키)로 단축키를 제공할경우 음성명령 사용자가 의도치 않게 기능을 실행시키는 오류를 막기위해 비활성화 옵션을 제공해야한다

단일포인터 입력지원 - 두손가락으로 확대/축소하는 핀치줌 같은 복잡한동작(경로기반 동작)이 필요한 기능도 단순히 한번의 탭으로도 조작할수 있게 대체수단을 제공해야한다

포인터입력 취소 - 터치동작은 버튼을 누르는 순간이 아니라 손가락을 떼는 순간 기능이 실행되도록 해야한다  이 규칙으로인해 버튼을 잘못눌러도 손가락을 슬쩍 옆으로 옮긴후에 떼면 기능이 실행되지 않기 때문에 실수를 취소할수 있다

접근가능한 인증 - 로그인을 위해 복잡한 이미지나 퍼즐을 맞춰야하는 인지기능테스트에만 의존해서는 안되고 브라우저 저장기능을 이용한 인증등 다른 인증 방법도 함께 제공해야한다