Sooool's studysooool

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

1. 마크업 오류 방지 웹페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것 필요성 마크업 언어의 문법 오류 방지 오류를 방지하는 방법 태그를 열었다면 반드시 닫아주어서 오류를 방지함 태그를 중첩되도록 제공하지 않음 태그의 중복 : 속성의 중복으로 기능의 오류를 일으키지 않음 열고 닫음, 중첩 오류, 속성 중복에 대한 주요 오류 메시지 (end tag for, duplicate specification of attribute, already defined) 2. 웹 애플리케이션 접근성 제목셀과 내용셀을 짝지어 읽게 하거나 표에 대한 설명 정보를 미리 확인할 수 있도록 함 제공방법 플래시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서..

1. 콘텐츠 선형구조 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어 제공방법 반드시 제목과 내용 순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식할 수 있도록 순서대로 구성(구조 : 제목 + 내용) 논리적인 순서에 맞게 개발 -> CSS 적용 : CSS 제거 시 콘텐츠가 상식적인 순서로 제공되고 있는가? 2. 표의 구성 제목셀과 내용셀을 짝지어 읽게 하거나 표에 대한 설명 정보를 미리 확인할 수 있도록 함 데이터 테이블과 레이아웃용 테이블 데이터 테이블: 제목, 요약과 함께 제목 셀, 내용 셀을 구분 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용 셀..

1. 기본언어 표시 기본 언어 표시는 주로 사용하는 언어를 명시해야 함 필요성 다양한 언어를 공부하거나 이용하는 사용자에게 중요한 지표 제공방법 웹페이지에서 주로 사용하는 언어를 html에 lang속성을 사용하여 제공한 경우 준수한 것으로 인정 2. 사용자 요구에 따른 실행 사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 함 사용자가 의도하지 않은 기능이 자동 실행되지 않도록 제공한 경우 준수한 것으로 인정 3. 웹 접근성 관련 용어 페이지 제목이 콘텐츠의 내용을 나타내야 함(모든 제목에는 그 페이지의 유일한 제목을 제공하여 구별) 웹접근성의 넓은 의미 본적인 정의나 기대효과 웹접근성의 지침 ‘장애인 접근성’ 중심으로 현재까지 Active-X 사용 시각장애인 등 다양한 장애유형별 ..

깜빡임과 번쩍임 사용 제한 초당 3~50회 깜빡임이 반복되는 콘텐츠 제공하면 안됨(깜빡임이 3초 이하인 경우 문제가 되지 않음) 필요성 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 반복영역 건너뛰기 제공 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 함 필요성 시각 및 상지 장애인들이 마우스 사용자와 같이 원하는 콘텐츠로 쉽게 접근할 수 있게 하기 위함 주의사항 특별한 경우가 없다면 body요소 다음으로 제공해야 함 3개 이하의 반복영역은 건너뛰기 링크를 제공해야함 제목 제공 페이지 제목이 콘텐츠의 내용을 나타내야 함(모든 제목에는 그 페이지의 유일한 제목을 제공하여 구별) 필요성 해당 콘텐츠가 어떤 내용을 담고 있는지 미리 짐작할 수 있게 하기 위함 필요성 터치스크린을 채용한 기기를 이용하는 손 ..

키보드 사용 보장 “텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로도 이용할 수 있도록 하는 것” 예외 : 자유롭게 움직이는 아날로그적인 기능, 시뮬레이션과 같은 콘텐츠, 입체적인 시각화 기능, 마우스를 끌어서 거리를 측정할 수 있는 기능 필요성 시각, 손, 팔에 장애 가진 사용자들은 마우스 이용이 어려워 웹 사이트 이용이 불편함 => 입력장치 접근성, 충분한 시간 제공, 광과민성 발작 예방, 쉬운 내비게이션 오류사례 이미지에 onclick 자바코드 이벤트를 적용한 경우 마우스에 대응되는 키보드 이벤트 핸들러를 적용하지 않아 키보드 접근이 안되는 경우 readonly 속성을 사용하여 키보드 접근이 안되는 경우 마우스에 종속적인 자바코드를 사용한 경우 키보드..

색에 무관한 콘텐츠 인식 정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것 필요성 시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분할 수 있는 정보 제공 제공방법 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌 필수입력 항목을 색으로면 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함 명확한 지시사항 제공 지시사항 정보를 특정감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공하는 것 제공방법 ‘여기를 클릭하세요’, ‘검정색을 클릭하세요’ 등 모양, 색, 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함 지시사항을 전달하는 콘텐츠에 한정해 적용함 무엇을 지시하는지 명..

대체 텍스트 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠에 대하여 이를 텍스트 정보로 대체해주는 것(텍스트가 아닌 콘텐츠를 대체하여 제공하는 텍스트 정보) 대체 텍스트의 필요성 시각장애인에게 중요한 지표 : 소리로 모든 내용을 이해하는 시각장애인에게 텍스트 정보가 음성으로 변환이 가능 음성으로 변환이 가능한 텍스트로 제공 (스크린리더:화면낭독기) 이미지가 제공되지 못하는 환경에서 대체 텍스트를 화면에 제시 검색엔진에서 이미지를 검색할 때 대체 텍스트를 검색포털에서 보여질 수 있는 조건으로 제시 대체 텍스트 제공방법 대체 텍스트는 이미지의 alt속성 값을 이용해서 제공함 이미지의 내용이 복잡하거나 길어질 경우에는 longdesc속성을 이용하여 별도의 파일로 제공 잘못된 제공방법..