leehye1204 webhailey

1. 웹 접근성의 올바른 발전 방향 웹 접근성은 잠시의 유행으로 끝나는 것이 아니라 전 세계적인 흐름이지 반드시 필요한 영역 웹 접근성이 마크업 영역에 머무르지 않고, 신기술과 새로운 영역까지 발전 웹 접근성이 신기술을 규제하는 것이 아니라 연구를 통한 접근성이 가능 2. 새로운 기술의 방향 HTML5와 ARIA 등 새로운 기술은 웹 접근성을 향상하는 방향으로 발전 화면 낭독기 중심으로 적용하는 접근성 구현 방식이 프로그래밍을 통해 해결 접근성은 UX와 함께 연계하여 발전할 때 공감할 수 있는 방향으로 전환 3. 모바일 접근성 국내의 모바일 애플리케이션 접근성 지침은 7개의 준수항목과 8개의 권고항목으로 구성 모바일 애플리케이션 접근성 지침의 업데이트가 필요하며, 한국형 웹 콘텐츠 접근성 지침 2.0과 ..

1. 마크업 오류 방지 웹페이지의 기본이 되는 HTML 이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는것 마크업 언어의 문법 오류 방지 문제없이 해석으로 견고성을 중시해야 함 태그를 열었다면 반드시 닫아주어서 오류를 방지함 태그를 중첩되도록 제공하지 않음 태그의 중복 속성의 중복으로 기능의 오류를 일으키지 않음 열고 닫음, 중첩오류, 속성 중복에 대한 주요 오류 메시지 eng tag for duplicate specification of attribute already defined 2. 웹 애프리케이션 접근성 플래시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서 자체 접근성이 필요 자체 접근성 : 한국형 웹 콘텐츠 접근성 지침 2.1의 1~23번 항목 준수 ..

이해의 용이성(2) 1. 콘텐츠 선형구조 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식 할 수 있도록 순서대로 구성 구조 : 제목 + 내용 반드시 제목과 내용 순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어 논리적인 순서에 맞게 개발 > CSS적용 가상 커서 방식 (좌>우,위>아래) ul, li의 활용 -> 콘텐츠를 마크업하여 제공 일반 원도운 커서와 가상 커서의 순서를 맞춰주는 것과 같음 2. 표의 구성 데이터 테이블과 레이아웃용 테이블 데이터 레이블 : 제목, 요약과 함께 제목 셀, 내용 셀을 구분 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용..

이해의 용이성(1) 1. 기본 언어 표시 기본 언어 표시는 주로 사용하는 언어여야 함 웹 페이지에서 주로 사용하는 언어를 에 lang속성을 사용하여 제공한 경우 준수한 것으로 인정 호환성을 높여주기 위함(위치는 문제되지 않음) 공식 언어 코드를(ISO 639)를 사용해야 함 기본 언어 표시를 위해 반드시 함께 생각해야하는것이 DTD(Document Type Definition)이라고 불리우는 문서타입 선언 2. 사용자 요구에 따른 실행 사용자가 의도하지 않은 기능(새 창, 초점 변화 등) 실행되지 않아야 함 사용자가 의도하지 않은 기능이 자동 실행 되지 않도록 제공한 경우 준수한 것으로 인정 사용자가 의도하지 않은 새 창이나 초점 변화가 발생 할 경우 사전에 내요을 알려줘야 함

운용의 용이성(2) 2. 반복 영역 건너뛰기 초당 3~50회 깜박이거나 번쩍거림이 반복되는 콘텐츠를 제공하면 안됨 깜박임이 3초 이하인 경우 문제가 되지 않음 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 2. 반복 영역 건너뛰기 특별한 경우가 없다면 요소 다음으로 제공해야 함 3개 이하의 반복영역은 건너뛰기 링크를 제공해야함 3. 제목 제공 페이지 제목이 콘텐츠의 내용을 나타내야 함 콘텐츠 구분은 요소를 활용하여 제공해야 하며 에 대한 목적을 title로 제공해야함 각각 해당 콘텐츠가 어떤 내용을 담고 있는지 미리 짐작할 수 있게 하기위해 적절한 제목을 제공해야 함 제목의 내용이 없다고 하더라도 '내용 없음'과 같이 제목을 만들어야줘야함 장애인 사용자 가장 먼저 이해할수 있도록 중요 주제를 나타..

운용의 용이성(1) /p> 1. 키보드 사용보장 '키보드 사용 보장'의 개념 : 모든 기능은 키보드만으로도 사용할 수 있어야함 '키보드 사용 보장'의 필요성 - 마우스를 이용하기 어려운 사용자의 어려움 해소 '키보드 사용 보장'의 검사항목 해설 - 마우스로 이요 가능한 기능 키보드로도 이용할 수 있도록 구현 '키보드 사용 보장'의 제공 방법 - 모든 기능을 키보드로 접근, 사용 가능하도록 제공 2. 초점 이동 '초점 이동'의 개념 : 키보드에 의한 초심이 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 함 '초점 이동'의 필요성 - 키보드로만 웹 사이트를 이용하는 사용자 어려움 해소 '초점 이동'의 검사항목 해설 - 초점을 받았을 때 시각적으로 구분, 사용자가 현재 키보드 위치를 이해할 수 있도록 ..

인식의 용이성(2) 1. 색에 무관한 콘텐츠 인식 그래프이 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌 필수입력 항목을 색으로만 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함 시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분 제공 그래프, 차트 도식 유형에 적용하던 검사항목 , 페이지 네비게이션 -색상만 구분 -> 정보인식 2. 명확한 지시사항 제공 '여기를 클릭하세요', '검정색을 클릭하세요' 등 모양, 색 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 목적을 이해할 수 있도록 해야함 실시간으로 제공하는 CCTV같은 영상은 제공하지 않음 특정감각에만 의존하지 않고 다른감각을 통해서도 지시사항을 인식할수 있도록 해야함 우회적인 방법 링크 텍스트가 아닌 대체 테스트로 제공하는..

인식의 용의성(1) 1. 대체 텍스트 대체 텍스트는 이미지의 alt속성 값을 이용해서 제공함 이미지의 내용이 복잡하거나 길어질 경우에는 longdesc 속성을 이용하여 별도의 파일로 제공 텍스트가 아닌 콘텐츠느 그 의미나 용도를 인식할 수 있도록 적적한 대체 텍스트를 제공 해야함 시각 장애인의 인식을 용이하기 위한 이미지, 이모티콘 문자, 영상,음성, 오디오 콘텐츠, 음성으로 변환이 가능한 텍스트로 제공 2.멀티미디어 대체수단 동영상의 내용과 동일한 자막, 수화 또는 원고 등을 제공 실시간으로 제공하는 CCTV같은 영상은 제공하지 않음 청각 장애인을 위한 시각적인 정보인 자막 동기화된 자막 원칙(비용과 현실 고려) 정보의 정확성과 한 화면에서 볼 수 있도록 제공 요약된 정보로 정보의 차별이 생기지 않도록..