웹 접근성 지침

KWCAG

한국형 웹 콘텐츠 접근성 지침
(Korean Web Content Accessibility Guidelines)

웹의 힘은 보편성에 있다.
장애와 상관없이 모두가 접근할 수 있어야 한다.
팀 버너스리 (W3C 디렉터 및 World Wide Web의 창시자)

접근성은 고품질의 웹사이트를 만드는 개발자와 조직이
모든 사람들이 서비스를 사용할 수 있게 하는 데에 필수적이다.

웹접근성의 필요성에 대해 잘 보여주는 영상 ↓↓↓
https://www.youtube.com/watch?v=3f31oufqFSM

접근성은 장애를 가진 사람들에게 필수적이고,
장애가 없는 사람들에게도 다양한 상황 속에서 도움이 되며,
많은 이들의 사회적 통합을 지원한다.

웹 접근성은 많은 상황에서 법적으로 필수적이다.

접근성 높은 웹 구축하기

접근성 원칙

https://www.w3.org/WAI/fundamentals/accessibility-principles
접근성 조건과 국제적 표준 소개에 대한 내용

요약:

• 인지가능한 정보와 사용자 인터페이스
  • 텍스트가 아닌 콘텐츠를 위한 대체 텍스트
    • 아이콘, 버튼, 그래픽을 포함한 이미지에 대한 짧은 문구
    • 차트, 다이어그램, 삽화에 있는 정보 설명
    • 오디오나 영상과 같은 텍스트가 아닌 콘텐츠에 대한 짧은 설명
    • 폼 요소, 인풋, 다른 사용자 인터페이스 요소에 대한 라벨
      
      
  • 멀티미디어를 위한 캡션과 다른 대안
    • 라디오 인터뷰 녹음과 같은 오디오 콘텐츠를 위한 텍스트 대본과 캡션
    • 영상의 중요한 시각적 정보를 묘사하는 나레이션인 오디오 설명
    • 청각 경험(auditory experiences)과 관련된 오디오 콘텐츠에 대한 수화
      
      
  • 다양한 방법으로 제공될 수 있는 콘텐츠
    • 헤딩, 목록, 표, 인풋 필드와 콘텐츠 구조들은 적절하게 마크업되어야 합니다.
    • 정보나 지시사항의 순서는 보여지는 것에 의존하면 안됩니다.
    • 브라우저와 보조 기술은 제공 방식을 개인화 할 수 있는 설정을 제공해야 합니다.
      
      
  • 보고 듣기 더 쉬운 콘텐츠
    • 색상이 정보 전달이나 콘텐츠 구분에 유일한 방법이면 안됩니다.
    • 기본 전경색-배경색의 조합은 충분한 대비를 제공해야 합니다.
    • 사용자가 텍스트를 400%로 조절하거나 텍스트 간격을 조정했을 때 정보 유실이 없어야 합니다.
    • 작은 화면(뷰포트)이나 텍스트를 크게 했을 때 텍스트는 위치가 재조정되어야 합니다.
    • 텍스트 이미지는 조절 가능하고 실제 텍스트로 교체되거나 가능하면 피해야 합니다.
    • 사용자가 웹 사이트에서 재생되는 소리의 볼륨을 조절하거나 멈출 수 있어야 합니다.
    • 배경음악은 낮은 볼륨이거나 끌 수 있어야 하고 방해 요인이 되어서는 안됩니다.
      
      
• 운용가능한 사용자 인터페이스와 내비게이션
  • 키보드로 사용 가능한 기능
    • 마우스로 사용 가능한 기능은 키보드로도 사용 가능해야 합니다.
    • 키보드 초점은 콘텐츠에 갇히면 안됩니다.
    • 웹 브라우저, 저작 도구를 포함한 도구들은 키보드 지원을 제공해야 합니다.
      
      
  • 콘텐츠를 읽고 사용하는 데에 충분한 시간이 필요한 사용자
    • 필수적인 상황이 아니라면 시간 제한을 조정하여 연장하고 멈출 수 있어야 합니다.
    • 스크롤되거나 깜빡이거나 움직이는 콘텐츠는 멈추거나 숨길 수 있어야 합니다.
    • 필수적인 상황이 아니라면 방해 요소를 제거할 수 있어야 합니다.
    • 데이터 손실 없이 세션이 만료되었을 때 권한이 다시 부여되어야 합니다.
      
      
  • 발작이나 신체적 반응을 유발하지 않는 콘텐츠
    • 특정 속도로 번쩍이는 콘텐츠나 패턴은 지양해야 합니다.
    • 번쩍이는 콘텐츠가 나타나기 전 사용자에게 경고하고 대안을 제공해야 합니다.
    • 필수적인 것이 아니라면 애니메이션을 끌 수 있는 방법을 제공해야 합니다.
      
      
  • 쉽게 콘텐츠를 찾고 탐색하고 현재 위치를 알 수 있는 사용자
    • 페이지는 명확한 제목을 갖고 있어야 하고, 섹션별 제목도 구조화가 잘 되어 있어야 합니다.
    • 웹 페이지 세트 내에서 관련된 페이지를 찾을 수 있는 방법을 한 개 이상 제공해야 합니다.
    • 웹 페이지 세트 내에서 현재 위치 정보를 사용자에게 제공해야 합니다.
    • 여러 페이지에서 반복적으로 있는 콘텐츠는 뛰어 넘기 기능을 제공해야 합니다.
    • 키보드 포커스는 시각적으로 인지가 가능해야 하고, 포커스 순서는 의미적인 순서와 일치해야 합니다.
    • 링크의 목적은 명확하게 눈에 띄는 것이기에 해당 링크가 현재 보여질 때에도 명확해야 합니다.
      
      
  • 키보드 외의 다양한 입력 장치를 사용할 수 있는 사용자
    • 능숙함과 미세한 움직임을 요구하는 제스처는 높은 수준의 능숙함을 요하지 않는 대안을 제공해야 합니다.
    • 요소는 취소 기능을 제공하는 것과 같이 의도치 않은 활성화를 피할 수 있도록 디자인되어야 합니다.
    • 음성으로 활성화되도록 하기 위해 라벨은 코드에서 상응하는 객체 이름과 맞게 작성해야 합니다.
    • 움직임으로 활성화되는 기능은 사용자 인터페이스 요소를 통해서도 활성화되어야 합니다.
    • 버튼, 링크와 같은 활성화 요소들은 터치로도 쉽게 활성화되도록 사이즈가 커야 합니다.
      
      
• 이해하기 쉬운 정보와 사용자 인터페이스
  • 읽고 이해하기 쉬운 텍스트
    • 아랍어, 독일어, 한국어와 같은 웹 페이지의 주요 언어들을 구분해야 합니다.
    • 텍스트 구문, 관용구나 웹 페이지의 여러 부분들의 언어를 구분해야 합니다.
    • 생소한 단어, 구문, 관용구, 약어들에 대한 설명을 제공해야 합니다.
    • 최대한 명확하고, 단순한 언어를 사용하거나 단순화한 버전을 제공해야 합니다.
      
      
  • 예측 가능한 방식으로 보여지고 조작할 수 있는 콘텐츠
    • 여러 페이지에서 사용되는 내비게이션은 같은 위치에 있어야 합니다.
    • 웹 페이지에서 반복되는 사용자 인터페이스 요소는 항상 같은 라벨을 갖고 있어야 합니다.
    • 웹 페이지에서의 중요한 변화는 사용자의 동의가 있어야 합니다.
      
      
  • 실수를 피하고 수정할 수 있는 기능을 제공받는 사용자
    • 지시 사항, 에러 메시지, 수정을 위한 내용을 포함해야 합니다.
    • 맥락 민감성(context-sensitive)은 더 복잡한 기능과 상호작용을 돕습니다.
    • 리뷰하고 수정할 기회와 필요하다면 제출한 것을 회수할 수 있는 기회를 제공해야 합니다.
      
      
• 견고한 콘텐츠와 정확한 설명
  • 현재와 미래 사용자 도구와 호환 가능한 콘텐츠
    • 유효성 보장과 같이 마크업이 정확하게 해석될 수 있도록 해야 합니다.
    • 비표준 사용자 인터페이스 요소를 위해 name, role, value를 제공해야 합니다.