Web's study Study블로그

웹 접근성 기초 수료증입니다.

웹접근성의 이해-심화 화면 낭독기의 이해 및 사용법 화면낭독기, 스크린리더와 같은 명칭의 프로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환 스크린리더는 웹페이지에 없는 정보를 스스로 판단해서 음성으로 생산하는 것이 아니라 웹 개발자에 의해 제공된 정보만 음성 정보로 제공 가상커서는 스크린리더에서 인터넷 브라우저를 지원하기 위해 사용하는 개념으로 화면에 표시되지 않는 가상의 UI 스크린리더는 제품마다 최신기술 지원 여부와 동작방식에 일부 차이가 있으므로 2개 정도의 제품으로 중복테스트를 하는것을 권장 센스리더 설치와 활용 센스리더 활용 센스리더에서 이미지 요소에 alt 속성으로 대체텍스트르 제공하지 않은 경우 이미지 경로를 단어 또는 자음, 몽므 ..

마크업 오류 방지 웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것 주의사항 ID값 중복 선언 현재 웹 접근성 품질 인증 심사에서는 표준 문법에서 태그의 열고, 닫음, 중첩 오류, 중복 선언된 속성의 3가지에 대해서만 오류로 봄 웹 애플리케이션 접근성 웹 앱플리케이션은 웹 콘텐츠에 포함되어 특정한 기능을 수행하도록 구성된 애플리케이션을 말한다. 모든 형태의 콘텐츠에서 차별없이 이용하는 것이 목표 주의사항 자바스크립트 미지원 환경에서는 평가하지 않음 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가한다. 핵심 요약 마크업 오류 방지 태그를 열었다면 반드시 닫아주어서 오류 방지 태그를 중첩되도록 제공하지 않음 태그의 중복 속성의 ..

접근성의 미래 웹 접근성의 문제점 마크업 기술이 중심이다. HTML과 CSS 중심의 굴레를 벗어나지 못함. 모바일 접근성 스마트 워크: 이동이 불편한 장애인들을 위한 업무시설 모바일 서비스: 실제 장애인들을 위한 접근성은 실생활에서 필요한 정보 표현 소프트웨어 접근성 다양한 유형의 사용자가 컴퓨터에서 동작하는 운영체제 및 응용소프트웨얼ㄹ 사용하는데 불편함이 없도록 보장 1998년도 미국 재활법 제 508조에서 적용 국내에서는 2013년 소프트웨어 접근성 지침 2.0을 국가표준으로 개정중 기타 접근성 정부지원 가접근성포럼 창립(2012.12.12) 국내 접근성 법제화 방안 휴대폰,tv,냉장고,세탁기,밥솥,정수기 등 6종 핵심 요약 ㅇ웹 접근성의 올바른 발전 방향 웹 접근성은 잠시의 유행으로 끝나는 것이 아..

콘텐츠 선형구조 개념 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어 CSS 제거 시, 콘텐츠가 상식적인 순서로 제공되고 있는가에 대한 개념 가성 커서 방식 좌에서 우로, 위에서 아래로 향하는것이 좋다. 논리적인 순서로 css를 제거해야 하며, css를 제거하기 전의 초점 이동과 논리적 순서가 일치해야 한다. 주의사항 탭 메뉴에서 탭1 > 탭2 > 탭3으로 이동하여 모든 탭 내용을 확인할 수 있는 경우에도 보다 논리적으로 구성해야한다. 모든 탭을 확인하는 방법 키보드로 접근할 떄 마우스를 탭 메뉴에 올렸을 떄 2단계 깊이를 가진 메뉴에서 1차 메뉴와 2차 메뉴, 탭 메뉴와 탭 콘텐츠는 서로 다른 계층으로 표현되어야 한다. ex)ul>li>ul>li or ol>li>ol>li 구조 탭 메뉴와 탭 콘..

이해의 용이성1 기본언어표시 주로 사용하는 언어를 명시해야 한다. 필요성 >다양한 언어 공부하거나 이용하는 사용자에게 중요한 지표이다. 중간에 언어가 바뀌는 경우 lang 속성을 통해 언어를 바꿔주면 더 이해하기 좋은 사이트가 된다. 웹 페이지에서 주로 사용하는 언어를 html에 lang 속성을 사용하여 제공한경우 웹표준을 준수한 것으로 인정한다. 주의사항 분석 기본언어는 페이지의 상단에 html태그에 lang 속성을 이용하여 지정하고, lang의 속성 값에는 ISO 639-1에서 지정한 두 글자 코드를 사용해야 한다. 중국어 zh 독일어 de 영어 en 불어 fr 일본어 ja 한국어 ko 러시아어 ru 스페인어 es 페이지 중간에 언어가 바뀔 때 변경된 언어를 lang 속성으로 명시해주는것을 권장함 e..