웹 접근성의 올바른 발전 방항 웹 접근성은 잠시의 유행으로 끝나는 것이 아니라 전 세계적인 흐름이자 반드시 필요한 영역. 웹 접근성이 마크업 영역에 머무르지 않고, 신기술과 새로운 영역까지 발전 웹 접근성이 신기술을 규제하는 것이 아니라 연구를 통한 접근성 적용이 가능 새로운 기술의 방향 HTML5와 ARIA 등 새로운 기술은 웹 접근성을 향상하는 방향으로 발전 화면 낭독기 중심으로 적용하는 접근성 구현 방식이 프로그래밍을 통해 해결 접근성은 UX와 함께 연계하여 발전할 때 공감할 수 있는 방향을 전환 모바일 접근성 국내의 모바일 애플리케이션 접근성 지침은 7개의 준수항목과 8개의 권고항목으로 구성 모바일 애플리케이션 접근성 지침의 업데이트가 필요하며, 한국형 웹 콘텐츠 접근성 지침 2.0 과 비교했을 ..
마크업 오류 방지 웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것이다. 태그를 열었다면 반드시 닫아주어서 오류를 방지함. 태그를 중첩되도록 제공하지 않음 태그의 중복 속성의 중복으로 기능의 오류를 일으키지 않음. 열고 닫음, 중첩 오류, 속성 중복에 대한 주요 오류 메시지 end tag for duplicate specification of attribute already defined 웹 애플리케이션 접근성 웹 애플리케이션은 웹 콘텐츠에 포함되어 특정한 기능을 수행하도록 구성된 애플리케이션을 말한다. 플래시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서 자체 접근성이 필요 자체 접근성 : 한국형 웹 콘텐츠 접근성 지침 2...
콘텐츠 선형화 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어이다. 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식할 수 있도록 순서대로 구성한다. 반드시 제목과 내용 순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공한다. 표의 구성 표의 구성 : 데이터 간의 상관관계를 요약하여 제공하는 정보이다. 데이터 레이블 : 제목, 요약과 함께 제목 셀, 내용 셀을 구분 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용 셀을 구분하지 않아 데이터가 들어있는 표가 아님을 알 수 있도록 제공. 레이블 제공 레이블 제공 : 입력서식이나 편집창과 같은 폼의 요소에 대한 목적이나 용도(꼬리표, 라벨) 이다. 레이블과 입..
깜박임과 번쩍임 사용 제한 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다. 목적 : 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 반복 영역 건너뛰기 제공 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. 제목 제공 제목 제공의 개념 : 페이지, 프레임, 콘텐르 블록에는 적절한 제목을 제공해야 한다. 제목 제공의 필요성 : 각각 해당 콘텐츠가 어떤 내용을 담고 있는지 미리 짐작할 수 있게 하기 위한 것이다. 콘텐츠 구분은 요소를 활용하여 제공해야 하며 , , 에 대한 목적을 title로 제공해야 한다. 적절한 링크 텍스트 제공 링크 텍스트는 용도나 목적을 이해할 수 있도로 제공해야 한다.
키보드 사용 보장 '키보드 사용 보장'의 개념 : 모든 기능은 키보드만으로도 사용 할 수 있어야 한다. '키보드 사용 보장'의 필요성 : 마우스를 이용하기 어려운 사용자의 어려움 해소 '키보드 사용 보장'의 제공 방법 : 모든 기능을 키보드로 접근하고, 사용 가능 하도록 제공한다. 초점 이동 '초점 이동'의 개념 : 키보드에 의한 초점이 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다. '초점 이동'의 필요성 : 키보드로만 웹 사이트를 이용하는 사용자 어려움 해소 '초점 이동'의 제공 방법 : 키보드 초점을 받은 링크, 컨트롤 및 입력 서식 초점을 받지 않은 객체들로부터 구분될 수 있게 제공한다. 응답 기능 제공 '조작 가능'의 개념 조작 : 사용자의 입력 및 컨트롤을 조작할 수 있도록 하는 ..
색에 무관한 콘텐츠 인식 차트나 그래프와 같은 정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것을 의미한다. 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려준다. 필수입력 항목을 색으로만 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공한다. 명확한 지시사항 제공 지시사항을 전달하는 콘텐츠에 한정해 적용하는 것 무엇을 지시하는지 명확하게 하기 위해 목적이 분명한 지시가 되어야 하는 것 특정 감각에만 의존하지 않고 다른 감각을 통해서도 지시사항을 인식할 수 있도록 정보를 제공하는 것을 의미한다. 텍스트 콘텐츠의 명도 대비 텍스트 콘텐츠와 배경 간의 명암의 차이 4.5대 1이상을 권장 굵은 14px 이상 굵은 18px미만의 텍스트 명도대비 : ..
대체 텍스트 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠 등에 대하여 이를 텍스트 정보를 대체해주는 것을 의미한다. 텍스트가 아닌 콘텐츠를 대체하여 제공하는 텍스트 정보이다. 대체 텍스트의 제공방법 텍스트 이미지에 대체 텍스트를 미 제공한 경우 불충분한 대체 텍스트를 제공한 경우 오타로 표기된 경우 에 대체 텍스트를 미 제공한 경우 게시판 내용 중 이미지의 대체 텍스트를 미 제공한 경우 블릿 이미지에 대한 대체 텍스트를 미 제공한 경우 의미없는 이미지에 대한 대체 텍스트를 제공한 경우 여러 개로 분리한 이미지 조각의 대체 텍스트 제공 멀티미디어 대체수단 주로 음성을 포함하는 영상 또는 음성으로만 제공되는 콘텐츠 등 을 의미한다. 멀티미디어 콘텐츠의 대체수단은 음성정보를 대신하..