[프로젝트 작성 후 보완해야 하는 비기능성 요소]
- 수정 및 수정이 필요한 근거
레이어 팝업 컨텐츠(Layer Popup Content)
* 팝업 창 차단 기능이 있는 브라우저에서 시작적으로 팝업 창과 같은 효과를 내도록 구현한 컨텐츠
레이어 팝업 컨텐츠는 같은 페이지의 일부 영역을 가리고 그 위에 표시되므로 그 뒤의 컨텐츠를 보기 위해서는 반드시 레이어 팝업을 화면에서 사라지도록 해야 한다. 레이어 팝업은 웹 페이지에 포함되는 컨텐츠이므로 초점 이동과 컨텐츠의 선형구조를 위반하지 않도록 구현해야 한다.
초점 이동
* 키보드에 의한 초점은 논리적으로 이동해야 하며, 시각적으로 구별할 수 있어야 한다.
웹 페이지에서 제공하는 모든 기능을 키보드만으로 사용하는 경우에도 사용자 입력 간의 초점 이동은 적절한 순서를 따라야 하며, 이 과정에서 컨텐츠 조작이 불가능한 상태가 되거나 갑작스러운 페이지의 전환 등이 일어나지 않아야 한다.
또한 초점을 받은 컨텐츠는 저시력 장애인과 지체 장애인들이 인지할 수 있도록 시각적으로 구별되어야 한다.
(1) 초점 이동 순서 유지 : 사용자가 키보드를 이용하여 초점을 이동하는 경우 이동 순서가 관례를 벗어나면 사용자에게 혼란을 주기 때문에 초점 이동 순서는 사용자가 예측하는 이동 순서와 일치하여야 한다. 바람직한 방법은 기존의 관례를 따르도록 콘텐츠를 제공하는 것이다. 관례와 달리 초점 이동 순서를 결정해야 하는 경우에는 사용자 입력 간의 이동 순서가 논리적이 되도록 구현해야 한다. 예를 들어, 사용자 아이디, 비밀번호를 입력하는 입력 창과 로그인 버튼 간의 초점 이동 순서는 사용 자 아이디, 비밀번호, 로그인 버튼의 순서이어야 한다.
(2) 함정 또는 오류 방지 : 웹 콘텐츠는 더 이상 키보드 조작이 불가능한 상태가 되어 다음 사용자 입력 또는 컨트롤 등으로 초점을 이동할 수 없거나 이전 페이지로 초 점을 이동할 수 없는 상태가 되지 않도록 구현하여야 한다.
(3) 초점의 시각화 : 사용자 입력 등이 위치 지정 도구(마우스)나 키보드 조작을 통해 초점을 받았을 때, 해당 컨트롤이 초점을 받았음을 시각적으로 구별할 수 있음을 의미한다. 대표적인 예로 키보드 조작을 통해 버튼이 초점을 받았을 때 이 버튼의 주위에 점선의 테두리가 표시되는 것을 들 수 있다. 위치 지정 도구에 의한 초점과 키보드에 의한 초점의 표시 방법이 다른 것도 허용한다.
검사 항목 6.1.2 절을 준수함으로써 얻을 수 있는 기대 효과는 다음과 같다.
(1) 화면 낭독 프로그램을 이용하는 사용자의 경우, 사용자 입력 주변의 상하좌우에 위치한 콘텐츠에 대한 정보를 알 수 없다. 따라서 웹 콘텐츠를 사용하는 과정에서 키보드 조작에 의한 사용자 입력 간의 이동 순서는 관례를 따라야 한다. 그렇지 않으면 사용자 입력의 조작 과정에서 혼란을 주게 된다.
(2) 마우스나 키보드 조작을 통해 특정 영역으로 컨트롤을 이동하였을 경우에 해당 영역이 초점을 받았음을 시각적으로 알려준다면 저시력 장애인, 노인, 지체 장애인뿐 만 아니라 비장애인들도 어느 컨트롤이 선택되었고 활성화시킬 수 있는지 쉽게 인지할 수 있다.
컨텐츠의 선형구조
웹 페이지의 모든 컨텐츠는 시각적인 2차원 공간의 상하좌우로 배치되어 있어서 원하는 곳을 바로 찾아가거나 그 기능을 바로 선택하여 실행할 수 있다. 그러나 화면 낭독 프로그램 사용자는 모든 컨텐츠를 순차적으로 접근할 수 있기 때문에 시각적인 배치가 아닌 읽어주는 순서가 중요하다. 여기서 컨텐츠가 보조 기술로 제공되는 순서를 컨텐츠의 선형 구조라고 하며, 이 구조는 논리적이어야 한다. 마크업 언어로 제작된 컨텐츠의 선형 구조는 스타일 시트와 테이블 구조들을 제거하면 얻을 수 있다.
컨텐츠의 논리성
* 컨텐츠는 논리적인 순서로 제공해야 한다.
콘텐츠는 보조 기술 사용자가 맥락을 이해할 수 있도록 논리적인 순서로 제공해야 한다.
(1) 콘텐츠의 선형 구조 유지 : 웹 페이지를 구성하는 모든 콘텐츠는 사용자가 그 내용을 이해할 수 있도록 선형 구조로 작성되어야 한다.
(2) 내용, 표현 및 기능 분리 : 브라우저 화면에 표시되는 콘텐츠의 순서는 웹 페이지에 수록된 콘텐츠의 선형 구조와 항상 같은 것은 아니다. 예를 들어 스타일 시트를 사용하면 웹 페이지를 구성하는 콘텐츠의 순서를 변경하지 않고도 화면에 표시되는 콘텐츠의 배치를 임의로 변경할 수 있다. 따라서 웹 페이지를 구성하는 콘텐츠의 나열 순서는 그 맥락을 이해할 수 있도록 논리적으로 구성해야 한다. 시각적으로 배치를 변경해야 하는 경우에도 콘텐츠의 선형 구조는 유지되어야 한다.
검사 항목 7.3.1 절을 준수함으로써 얻을 수 있는 기대 효과는 다음과 같다.
(1) 콘텐츠의 선형 구조가 논리적인 콘텐츠는 지적 장애, 언어 장애 및 학습 장애가 있는 사용자들이 콘텐츠를 이해하는 데 도움을 준다.
(2) 콘텐츠의 선형 구조가 논리적인 웹 콘텐츠는 스타일 시트(style sheet)를 바꾸거나 기능을 제거하더라도 그 내용을 순서대로 읽어 문서의 의미를 이해하기가 쉽다.