3.2.1 (사용자 요구에 따른 실행) 사용자가 의도하지 않은 기능(새 창, 초점변화 등)은 실행되지 않아야 한다.

  • 검사 항목

컨트롤이나 사용자 입력은 초점을 받았을 때에 의도하지 않는 기능이 자동적으로 실행되지 않도록 콘텐츠를 개발해야 한다. 사용자가 마우스로 클릭하거나 키보드를 이용하여 입력한 후 기능이 실행되어야 하며, 사용자가 예측할 수 없는 상황에서 정보를 제공하지 않아야 한다. 특히 사용자가 인지하지 못한 상황에서 새 창, 팝업 창 등을 제공하지 않아야 한다.

1) 초점(Focus)에 따른 변화: 웹 콘텐츠를 구성하는 컨트롤이 초점을 받았을 경우, 사용자가 의도하지 않은 기능이 실행되지 않아야 한다. 단, 기능의 실행이 아니라 초점을 받은 요소의 색깔이 반전되거나 테두리가 생기는 것과 같은 시각적인 변화, 또는 사용자 제어가 이동하지 않은 상태에서 나타나는 추가 정보 등은 초점 변화에 따른 기능의 실행으로 간주하지 않는다. 잘못된 예는 다음과 같다.

1-1) 온라인 서식이 자동적으로 제출됨

1-2) 새 창이 열림

1-3) 드롭다운 메뉴나 풀다운 메뉴를 사용하는 경우에 해당 메뉴가 실행됨

1-4) 사용자 제어가 다른 컨트롤로 이동하거나 사라지거나 예측할 수 없음

2) 입력에 따른 변화: 사용자가 선택할 수 있는 컨트롤(예: 콤보박스, 라디오 박스, 체크박스 등)과 같이 어떤 항목을 선택하는 경우, 특정 항목을 선택(초점을 받음)하는 것으로 해당 항목이 의미하는 기능이 실행되지 않아야 한다. 실제로 해당 기능이 실행되는 것은 사용자 선택 컨트롤과 함께 제공되는 실행 버튼을 클릭하거나 활성화 하였을 때 비로소 실행되어야 한다.

3) 새 창/팝업 창/레이어 팝업: 사용자가 예측할 수 없는 상황에서 새 창 또는 팝업 창이 열리고 이를 통해 정보나 기능을 전달하면 안 된다. 레이어 팝업이 시각적으로는 맨 앞이지만 키보드로 접근하는 경우 맨 뒤인 경우가 있기 때문에, 사용자가 예측할 수 없는 상황에서 레이어 팝업 창으로 정보나 기능을 전달해서는 안 된다.

4) 새 창/팝업 창/레이어 팝업의 닫음: 사용자가 열려있거나 화면에 나타난 새 창/팝업창/레이어 팝업을 닫거나 종료하도록 버튼을 클릭하거나 활성화 시켰을 경우, 해당창 또는 팝업 등이 종료되어야 한다. 사용자가 화면에 나타난 새 창/팝업 창/레이어팝업을 닫거나 종료하도록 요구하였음에도 불구하고 해당 창 또는 팝업 등이 종료되지 않으면 사용자는 매우 당황하게 된다. 특히 레이어 팝업의 경우에 이러한 혼란이 가중될 수 있다.

  • 기대 효과

1) 시각 장애, 지적 장애 그리고 지체 장애가 있는 사람들도 초점 및 문맥의 변화를 이해할 수 있게 된다.

2) 시력이 전혀 없는 상태인 전맹(Achromatopsia)이나 저시력자는 새 창이 갑자기 뜨는 것과 같이 문맥의 변화가 발생하는 것을 인지하기 어렵다. 새 창 열기가 불가피 하게 필요한 경우, 사용자에게 미리 새 창 열림을 경고하여 뒤로 가기 버튼이 더 이상 예상처럼 동작하지 않는다는 사실을 알려 주면 혼란을 줄일 수 있다.

'웹 표준과 접근성' 카테고리의 다른 글

3.1.1 기본 언어 표시  (0) 2011.07.15
3.2 예측 가능성  (0) 2011.07.15
3.3 콘텐츠의 논리성  (0) 2011.07.13
3.3.1 콘텐츠 선형화  (0) 2011.07.13
3.3.2 표의 구성  (0) 2011.07.13

지침 3.3 (콘텐츠의 논리성) 콘텐츠는 논리적으로 구성해야 한다.

  • 용어 설명

  1. 배치용 테이블(Layout table): 실제 표 형식의 자료를 담고, 제목 행과 제목 열이 있는 데이터용 테이블(Data table)과는 달리, 콘텐츠 블록을 한 페이지 안에서 원하는 곳에 원하는 크기로 배치하고 다른 블록과 구분하기 위해 사용한 테이블을 말한다.
  2. 스타일 시트(Style sheet): 문서의 표현 형태를 규정하는 일련의 명령문을 의미한다. 스타일 시트는 콘텐츠 제공자가 마련한 것, 사용자가 마련한 것, 웹 브라우저에 내장된 형태 등의 세 가지가 있다. 종속형 시트(CSS: Cascading Style Sheets) 레벨 2가 스타일 시트의 대표적인 규정이다.
  3. 콘텐츠의 선형화/기본구조: 웹 페이지에 있는 콘텐츠는 2차원 공간에 상하좌우로 배치되어 있으며, 시각적으로 원하는 곳을 바로 찾아가거나 원하는 기능을 바로 수행 할 수 있다. 콘텐츠를 순서대로 나열한 것을 선형화된 콘텐츠라고 한다. 비시각적 음성 브라우저나 화면 낭독 프로그램과 같은 보조 기기에서는 선형화된 방식으로 콘텐츠에 접근하기 때문에 선형화된 콘텐츠의 순서는 논리적이어야 한다. 시각적인 브라우저에서는 스타일 시트를 제거하고 테이블을 제거하여 테이블 안의 요소를 순서대로 펼쳐 놓음으로써 선형화된 콘텐츠를 얻을 수 있다.

'웹 표준과 접근성' 카테고리의 다른 글

3.2 예측 가능성  (0) 2011.07.15
3.2.1 사용자 요구에 따른 실행  (0) 2011.07.15
3.3.1 콘텐츠 선형화  (0) 2011.07.13
3.3.2 표의 구성  (0) 2011.07.13
3.4 입력 도움  (0) 2011.07.13

3.3.1 (콘텐츠의 선형화) 콘텐츠는 논리적인 순서로 제공해야 한다.

  • 검사 항목

콘텐츠는 보조 기기 등을 통해서도 논리적인 순서로 이해할 수 있도록 제공해야 한다.

  1. 콘텐츠의 선형화: 웹 페이지를 구성하는 콘텐츠는 선형화하여 순서대로 나열하였을 경우에도 그 내용을 논리적으로 이해할 수 있도록 작성되어야 한다.
  2. 내용, 표현 및 기능: 브라우저 화면에 표시되는 콘텐츠의 순서는 웹 페이지에 수록된 콘텐츠의 나열 순서와 항상 동일하지 않다. 예를 들어 스타일 시트를 사용하면 웹 페이지를 구성하는 콘텐츠의 순서를 변경하지 않고도 화면에 나타나는 콘텐츠의 순서를 임의로 변경할 수 있다. 따라서 웹 페이지를 구성하는 콘텐츠의 나열 순서는 논리적으로 이해할 수 있도록 작성하고, 필요할 경우에 화면에 표시되는 순서를 변경해서 제공해야 한다.

'웹 표준과 접근성' 카테고리의 다른 글

3.2.1 사용자 요구에 따른 실행  (0) 2011.07.15
3.3 콘텐츠의 논리성  (0) 2011.07.13
3.3.2 표의 구성  (0) 2011.07.13
3.4 입력 도움  (0) 2011.07.13
3.4.1 레이블 제공  (0) 2011.07.13

3.3.2 (표의 구성) 표는 이해하기 쉽게 구성해야 한다.

표를 제공할 경우, 시각장애인 등도 이해할 수 있도록 표의 이해를 돕기 위한 내용 및 구조에 대한 정보를 제공해야 한다.

  1. 표의 구성: 데이터를 표로 구성할 경우, 표의 내용, 구조 등을 이해할 수 있도록 구성해야 한다. 표에는 그 내용을 요약한 정보를 제목 또는 요약으로 제공하여 표의 내용을 예측할 수 있도록 한다. HTML의 경우, CAPTION 요소를 사용하여 표의 제목을 제공한다.
  2. 셀의 구성: 표의 손쉬운 내비게이션을 위하여 표의 셀은 제목(<th>)과 내용(<td>)을 구분할 수 있는 태그를 이용해야 한다.
  • 기대 효과

  1. 논리적으로 구성된 콘텐츠는 인지, 언어, 학습 장애가 있는 사용자들이 콘텐츠를 이해하는 데 도움을 준다. 또한 화면 확대 프로그램을 사용할 때 맥락을 찾기 어려운 시각 장애인에게도 매우 유용하다.
  2. 논리적으로 구성된 웹 콘텐츠는 스타일 시트(Style sheet)를 바꾸거나 기능을 제거 하더라도 그 내용을 순서대로 읽어 문서의 의미를 이해하기가 쉽다.

'웹 표준과 접근성' 카테고리의 다른 글

3.3 콘텐츠의 논리성  (0) 2011.07.13
3.3.1 콘텐츠 선형화  (0) 2011.07.13
3.4 입력 도움  (0) 2011.07.13
3.4.1 레이블 제공  (0) 2011.07.13
3.4.2 오류 정정  (0) 2011.07.13

지침 3.4 (입력 도움) 입력 오류를 방지하거나 정정할 수 있어야 한다.

  • 용어 설명

  1. 레이블: 온라인 서식에서 사용되는 각 컨트롤(예: 텍스트 입력 상자, 라디오 선택 버튼, 체크 상자, 드롭다운 메뉴 등)의 역할을 설명해 주는 제목 텍스트를 레이블이라 한다.

'웹 표준과 접근성' 카테고리의 다른 글

3.3.1 콘텐츠 선형화  (0) 2011.07.13
3.3.2 표의 구성  (0) 2011.07.13
3.4.1 레이블 제공  (0) 2011.07.13
3.4.2 오류 정정  (0) 2011.07.13
4. 견고성  (0) 2011.07.13

3.4.1 (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.

  • 검사 항목

입력 서식을 사용할 경우, 시각 장애인 등이 해당 서식을 이해할 수 있도록 레이블을 제공해야 한다.

  1. 레이블: 온라인 서식에서 사용자가 입력하는 컨트롤의 근처에 어떤 데이터를 어떻게 입력해야 하는지를 알려주는 레이블을 컨트롤과 대응하여 제공해야 한다. 레이블을 서식 컨트롤과 프로그램이 인식할 수 있도록 대응시키지 않고 단순히 텍스트로만 제공할 경우, 보조 기기를 통해서 해당 컨트롤의 레이블을 인식할 수 없다.

'웹 표준과 접근성' 카테고리의 다른 글

3.3.2 표의 구성  (0) 2011.07.13
3.4 입력 도움  (0) 2011.07.13
3.4.2 오류 정정  (0) 2011.07.13
4. 견고성  (0) 2011.07.13
4.1 문법 준수  (0) 2011.07.13

3.4.2 (오류 정정) 입력 오류를 정정할 수 있는 방법을 제공해야 한다.

입력 서식 작성 시, 사용자의 실수로 잘못된 오류가 발생할 경우 이를 정정할 수 있는 방법을 제공해야 한다.

  1. 사용자 입력 오류: 온라인 서식에서 오류가 발생하는 경우, 사용자에게 오류가 발생한 위치와 오류를 유발하게 된 이유 등에 관한 정보를 알려 주어야 한다. 예를 들어, 이름, 주소, 전화번호, 이메일 주소를 필수적으로 입력하도록 구성한 온라인 서식에서 일부 항목을 기입하지 않고 제출하였을 경우, 해당 항목의 입력이 누락되었음과 누락된 내용을 함께 알려 주어야 한다. 시스템적인 오류는 해당되지 않는다.
  • 기대 효과

  1. 레이블을 서식 컨트롤 가까이에 프로그램이 인식할 수 있도록 대응시키면 시각 장애인에게 해당 컨트롤이 어떤 용도로 사용되는지를 알려줄 수 있으므로 잘못된 데이터의 입력을 방지할 수 있다.
  2. 입력 오류를 수정할 수 있는 방법에 대한 정보를 텍스트로 자세하게 제공하는 것은 학습 장애가 있는 사용자들이 서식을 성공적으로 작성할 수 있도록 도와준다. 오류가 있는 곳에만 오류 표시를 하면 전맹이나 저시력자는 오류가 난 곳에 도달하기 전까지는 어디에 오류가 있는지 알기 어렵지만, 오류의 내용을 먼저 텍스트로 설명해주거나, 프로그램을 통해 오류가 난 위치에 도달하도록 하고, 오류의 내용을 설명해 주면 입력 오류를 더 쉽게 정정할 수 있다.
  3. 실수로 인해 빚어지는 심각한 결과 또는 과실을 피하기 위해 오류 정정에 필요한 정보나 수단을 제공하는 것은 실수 가능성이 높은 대부분의 장애인들에게 도움을 준다.

'웹 표준과 접근성' 카테고리의 다른 글

3.4 입력 도움  (0) 2011.07.13
3.4.1 레이블 제공  (0) 2011.07.13
4. 견고성  (0) 2011.07.13
4.1 문법 준수  (0) 2011.07.13
4.1.1 마크업 오류 방지  (0) 2011.07.13

+ Recent posts