1. 인식성 (Perceivable)

1.1 대체 텍스트

시각자료

• 이미지 등 텍스트가 아닌 콘텐츠를 이용할 때,
  그 의미나 용도를 동등하게 인식할 수 있도록
  적절한 대체텍스트를 제공해야 합니다.

• 대체 텍스트는 간단명료하게 제공해야 합니다.

• 단순한 장식이나 시각적인 형태를 위해 사용되는 콘텐츠의 경우
  보조기술을 통해 해당 설명을 제공할때 오히려 혼란을 일으킬 가능성이 있기에
  대체텍스트로 공백문자를 제공해야 합니다

1.2 멀티미디어 대체 수단

시각자료

• 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 합니다.

• 가장 중요한 것은 멀티미디어 콘텐츠와 동등한 내용을 제공하는 것입니다.

1.3 명료성 ❗

시각자료

• 콘텐츠는 색과 관계없이 인식될 수 있어야 합니다.

• 콘텐츠에서 제공하는 모든 정보는 저시력자(색맹, 고대비 등)들이 인식할 수 있도록 제공해야 합니다.

• 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 합니다.

  • 예시사례

• 텍스트 및 텍스트 이미지는 배경 간의 충분한 대비를 제공하여 저시력, 색각장애인,
  노인 등도 콘텐츠를 인식할 수 있도록 제공해야 합니다.

  • 텍스트 및 텍스트 이미지와 배경 간의 명도 대비는 4.5 : 1 이상
  • 시각자료

• 자동으로 소리가 재생됨으로 인해 화면 낭독 프로그램 사용자가 콘텐츠를 인식하고
  사용하는데에 방해받지 않아야 합니다.

  • 단 자동으로 재생되는 소리는 3초내에 멈추거나, 지정된 키(esc 등)를 누르면
    재생을 멈추도록 구현한 경우 자동 재생음을 허용합니다.

• 이웃한 콘텐츠는 시각적으로 구분되도록 제공해야 합니다.
  테두리, 구분선, 서로 다른 무늬 적용, 배경색 명도 도는 채도 조정,
  줄 간격 도는 글자 간격 조정등의 방법을 이용합니다.

---

2. 운용성 (Operable)

2.1 입력장치 접근성

• 모든 기능은 키보드만으로 사용할 수 있어야 합니다.

  • 사용자 아이디, 비밀번호를 입력하는 입력 창과 로그인 버튼간의 초점이동 순서는
    사용자 아이디 > 비밀번호 > 로그인 버튼의 순서여야 합니다.

  • 더 이상 키보드 조작이 불가능한 상태가 되어 다음 사용자 입력 또는 컨트롤 등으로
    초점을 이동할 수 없거나 이전 페이지로 초점을 이동할 수 없는 상태가 되지 않아야합니다.

  • 키보드 조작을 통해 버튼이 초점을 받았을 때 해당 버튼의 주위에 점선의 테두리가
    표현되도록하여 사용자 입력 등이 조작을 통해 초점을 받았을 때
    해당 컨트롤이 초점을 받았음을 시각적으로 구별할 수 있도록 합니다.

  • 시각자료

• 모든 이웃한 컨트롤은 개별적으로 선택하고 사용할 수 있도록 충분한 크기로 제공해야 합니다.

  • 콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm이상으로 제공하는 것이 바람직합니다.

  • 링크, 사용자 입력 및 기타 컨트롤은 테두리 안쪽으로 1px 이상의 여백을 두고
    이곳에서는 위치 지정 도구의 조작에 반응하지 않도록 구현하는 것이 바람직하다.

  • 시각자료

2.2 충분한 시간 제공

• 시간제한이 있는 콘텐츠는 가급적 포함하지 않는 것이 바람직합니다.
  보안등의 사유로 시간제한이 반드시 필요할 경우에는 반응시간이 완료되기 전에
  사용자가 시간제한관련 컨트롤(해제, 연장)할 수 있는 수단을 제공해야합니다.

  • 반응시간 조절기능은 최소 20초 전에 알려주어야 합니다.

• 온라인 경매, 실시간 게임 등과 같이 반응시간의 조절이 원천적으로 허용되지 않는 경우,
  위의 검사항목이 적용되지 않습니다.

  • 다만 사용자에게 시간제한 있다는 것을 미리알려주고 종료될 때도 알려주어야 합니다.

• ❗ 저시력 장애인이나 지적 장애인 등은 이동하거나 스크롤되는 콘텐츠를 사용하기 어려우므로,
  웹 콘텐츠는 사용자가 이동이나 스크롤을 일시 정지시키고, 지나간 콘텐츠, 나타날 콘텐츠를
  선택할 수 있는 컨트롤을 제공해야합니다.(앞으로이동, 뒤로이동, 정지 등)

  • 시각자료

2.3 광과민성 발작 예방

• 깜빡이거나 번쩍이는 콘텐으로 인해 발작을 일으키지 않도록 빠르게 깜빡이거나 번쩍이는
  콘텐츠를 초당 3~50회 주기로 제공하지 않아야 합니다.

• 특히 10인치 이상의 기기에서는 콘텐츠에 의한 광과민성 발작 가능성을 주의해야 하므로
  화면에 표시된 번쩍이는 콘텐츠가 차지하는 면적의 합이 화면 전체 면적의 10%를 넘지 않아야 합니다.

  • 콘텐츠의 번쩍이는 시간을 3초 미만으로 제한하면 지속적인 번쩍임으로 인한 사용자의 발작을
    예방하며 콘텐츠의 중요성을 알릴 수 있습니다.

2.4 쉬운 내비게이션

• 페이지가 로드 or 갱신될 때마다 모든 웹페이지에 공통적으로 들어있는 메뉴 등등을
  다시 도달하게 되는 키보드 사용자와 화면 낭독프로그램 사용자가 겪게 되는
  불편을 방지하기 위해 사용자가 메뉴 등과 같은 반복영역을 바로 건너뛰어
  핵심 영역으로 직접 이동할 수 있는 수단을 제공해야 합니다.

• ❗ 페이지, 프레임, 콘텐츠 블록의 제목은 간단명료하게 하며 해당 요소들을
  유추할 수 있게 해야합니다.

  • 여러개의 웹 페이지가 열려있는 경우 사용자는 제목을 통해 웹페이지를 선택하는데
    모든 웹페이지에는 해당 페이지를 간단명료하게 설명한 제목을 제공해야 합니다.

  • 웹페이지 제목은 유일하고 서로 다르게 제공해야 합니다.

  • 팝업창에서도 제목을 제공하고 내용이 없는 프레임에도 빈프레임등과 같이 제목을 제공합니다.

  • 본문이 없는 콘텐츠 블록에는 제목을 붙이지 않습니다.

• 링크는 주변 맥락을 통해 용도나 목적지를 명확하게 이해할 수 있는 링크 텍스트를 제공해야 합니다.

  • 이미지 링크를 제공하는 경우 URL에 관한 정보를 제공하는 텍스트와 URL로 이동하는
    이미지 링크는 하나의 링크로 구성하는 것이 바람직합니다.

  • 이 경우 이미지 링크의 대체 텍스트는 공백문자로 제공해야 합니다.

  ---

  3. 이해성 (Understandable)

3.1 가독성

• 다국어를 지원하는 화면 낭독 프로그램을 사용하는 경우, 텍스트 콘텐츠의 언어정보를
  스크린리더기로 전달하기에 콘텐츠에 적용되는 기본언어를 반드시 명시해야합니다.

3.2 예측가능성

• 컨트롤이나 사용자 입력은 focus를 받았을 때 의도하지 않은 기능이 자동으로 실행되지
  않도록 콘텐츠를 개발해야합니다.

• 컨트롤이나 사용자 입력의 기능은 사용자의 마우스, 키보드 조작에 의해 실해되어야하며
  사용자가 인지하지 못한 상황에서 새창, 팝업이 열리지 않아야 합니다.

  • 시각자료

3.3 콘텐츠의 논리성

• 웹페이지를 구성하는 모든 콘텐츠는 사용자가 내용을 이해할 수 있도록 선형구조로
  작성되어야 합니다.

• 스타일시트를 사용하면 웹 페이지를 구성하는 콘텐츠의 순서(마크업)를 변경하지 않고
  화면에 표시되는 콘텐츠의 배치를 임의로 변경하더라도 웹페이지를 구성하는 콘텐츠의
  나열 순서는 맥락을 이해할 수 있도록 논리적으로 구성해야합니다.

  • normal flow에서 논리성을 가져야합니다.

• 데이터를 표로 구성할 경우, 표의 내용, 구조 등을 이해할 수 있도록 정보를 제공하여
  표의 이용방법을 예측할수 있도록 해야합니다.

• 표의 셀은 제목셀과 데이터셀이 구분되도록 구성해야 합니다.

3.4 입력도움

• 사용자 입력 근처에 사용법을 알려주는 레이블을 제공해야 합니다.

• 레이블과 사용자 입력 간의 관계를 보조기술이 인식할 수 있도록 대응시키면
  스크린리더기를 사용하는 시각장애인에게 해당 컨트롤이 어떤용도로 사용되는지를
  알려줄 수 있습니다.

• 하지만 단순히 텍스트로만 제공할 경우 잘못된 데이터의 입력을 유발할 수 있습니다.

• 입력 서식 작성 시, 사용자의 실수로 오류가 발생했을 때 이를 정정할 수 있는 방법을
  제공해야 합니다.

• 온라인 서식에서 오류가 발생하는 경우, 사용자에게 오류가 발생한 위치와 오류를
  유발하게 된 이유 등에 관한 정보를 알려주어야 합니다.

  • 예시로 이름, 주소, 전화번호, 이메일 주소를 입력하도록 구성한 입력 서식에서
    일부 항목을 기입하지 않고 제출했을 때, 어떤 항목의 입력이 누락되었는지 알려주어야 합니다.

  • 시각자료

  ---

  4. 견고성 (Robust)

4.1 문법 준수

• 마크업 언어의 요소는 열고 닫음, 중첩관계 및 속성 선언에 오류가 없어야합니다.

• 시작 요소와 끝나는 요소가 잘 대응되고 요소간의 포함 관계가 어긋나지 않도록
  웹페이지의 마크업문서를 구성하면, 웹 브라우저나 보조기술이 작동을 멈추지 않고
  콘텐츠를 명확히 전달할 수 있습니다.

4.2 웹 애플리케이션 접근성

• 웹 콘텐츠를 사용하는데 필요한 플러그인 또는 웹 페이지의 기능을 실행하는데 필요한
  웹 애플리케이션은 사용자가 웹 페이지에 접근하여 사용하는것을 방해하지 않아야합니다.

• 국내의 보조기술로 접근 불가능한 웹 애플리케이션은 되도록 사용하지 않는 것이 좋으며
  꼭 사용해야하는 경우에는 해당 웹 애플리케이션에 대한 대체수단을 제공해야합니다.