이해, 견고

웹 콘텐츠 접근성 지침(WCAG) - 이해, 견고

3. 이해

  • 정보 전달 및 사용자 인터페이스(UI) 작동에 대해 이해하기 쉬워야 한다.

3.1 가독성

  • 텍스트 내용을 읽고 이해하기 쉽게 작성해야 합니다.

  • 3.1.1 기본 언어 설정 (A)

    • <html lang="ko-KR">

  • 3.1.2 보조 언어 설정 (AA)

    • <p lang="en-US"> ... </p>

  • 3.1.3 익숙하지 않은 단어들 (AAA)

  • 비 일상적 이거나 제한된 경우에 사용 되는 단어나 문장 들의 특정 정의를 확인하는 기능을 제공해야 한다.

  • 3.1.4 약어 (AAA)

  • 3.1.5 읽기 수준 (AAA)

    • 중등교육 과정보다 높은 읽기 능력을 요구하는 복잡한 내용이 포함된 웹 페이지라면, 사용자의 이해를 돕기 위해 보조 설명, 적절한 이름, 제목 등을 제공해야 한다.

  • 3.1.6 발음 (AAA)

    • 모호한 단어의 의미가 있는 단어들의 특정한 발음을 알기 쉽게 하는 기능을 제공해야 한다.

3.2 예측 가능성

  • 예측 가능한 범주 내에서 작동할 수 있도록 만들어야 한다.

    • 예시

      • 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우

      • 웹페이지 시작 시, 새 창 또는 화면을 가리는 레이어 팝업을 제공하는 경우

      • 사용자가 의도하지 않은 초점 변화나 기능이 발생되어 맥락상 불편을 주는 경우

      • 입력 서식 값을 변경하는 것만으로 다른 페이지로 이동하거나 현재 페이지의 의미가 완전히 바뀌는 경우

  • 3.2.1 포커스 상태 (A)

    • UI 컴포넌트가 포커스 상태가 되면, 컨텍스트를 변경하지 않는다.

  • 3.2.2 입력 상태 (A)

    • UI 컴포넌트 설정을 변경해도 컴포넌트를 사용하기 전에 사용자에게 동작을 알리지 않는 한, 자동으로 컨텍스트가 변경 되어서는 안된다.

  • 3.2.3 일관된 내비게이션 (AA)

  • 3.2.4 일관성 (AA)

  • 3.2.5 요구 변경 (AAA)

    • 컨텍스트 변경은 사용자 요청에 의해서만 시작되거나, 변경 사항을 끄는 기능을 제공해야 한다.

3.3 입력 도움

  • 실수를 피하고 해결할 수 있도록 도움을 제공해야 한다.

  • 3.3.1 오류 확인 (A)

    • 입력 오류가 자동으로 감지되면 사용자에게 오류를 텍스트로 설명한다.

  • 3.3.2 레이블 또는 지침 (A)

    • 레이블 또는 지침을 제공해야 한다.

  • 3.3.3 오류 제안 (AA)

  • 3.3.4 오류 예방: 법률,재무,자료 (AA)

    • 되돌림

    • 체크

    • 확인

  • 3.3.5 도움말 (AAA)

  • 3.3.6 오류 예방: 공통 (AAA)

    • 3.3.4 오류 예방 참고

4. 견고

  • 콘텐츠는 보조 기술을 포함하여 다양한 사용자 에이전트가 처리 할 수 있을 정도로 견고해야 한다.

4.1 호환성

  • 보조 기술을 포함하여 현재, 미래의 도구와 호환성을 높여야 한다.

  • 4.1.1 해석 (A)

    • HTML 마크업 언어를 사용할 때 문법 오류가 생기지 않도록 해야 한다.

    • 닫는 꺽쇠 괄호 또는 일치하지 않는 속성 값 인용 부호와 같이 중요한 문자가 누락된 시작 및 종료 태그는 문법 오류이다.

  • 4.1.2 이름, 역할, 값 (A)

    • 사용자 정의 UI 컴포넌트를 개발하거나 스크립팅 하는 웹 개발자에게 요구되는 사항

  • 4.1.3 상태 메시지 (AA)

    • HTML 마크업 언어를 사용하여 구현된 상태 메시지는 포커스 상태가 아니어도 보조 기술에 의해 사용자에게 표시되거나 읽힐 수 있다.

    • 해설

      • 화면을 확대해서 보는 사람들은 화면에 보이지 않는 메시지에 대해 알 수 있습니다. 인지 장애가 있는 사용자는 깜빡 이거나, 말하는상태 메시지를 통해 주의를 기울일 수 있다.

Last updated