센스리더 설치와 활용 화면 낭독기 센스리더가 주요 마크업 요소를 음성으로 출력하는 방식이 왜 중요한가 : 센스리더로 웹을 어떻게 탐색하는지 사용자평가에서 어떤 결과로 나올 수 있을지 대략적으로 예상할 수 있기 때문에 기본적인 음성출력 방식을 이해하는 것이 중요하다. 이미지의 대체 텍스트 이미지에 대체텍스트를 제공했을 때 센스리더기가 음성을 출력하는 법 alt 값이 정리되어 있지 않은 경우 ==> X로만 표시, 파일명을 그대로 읽어줌 alt 값이 '홍길동'으로 제공된 경우 ==> X 홍길동 표시, '홍길동'이라고 읽어줌 alt 값이 '홍길동', 그리고 타이틀에 '남자'라는 정보가 제공되어 있는 경우 ==> X 홍길동 표시, 타이틀 정보 음성 출력하지 않고 alt값만 음성출력 alt 값에 공백처리를 한 경우..
사용자 평가 도구의 이해 화면낭독기(스크린리더) 화면낭독기는 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전화해주는 프로그램으로 눈에 보이는 정보를 소리로 전환하는 것이 아니라, 웹 개발자가 제공한 텍스트 정보, 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 음성으로 전환하기 때문에 웹 접근성 준수를 통해 제공된 정보만 음성으로 전환할 수 있다. 현재 요소가 무엇인지 알려주는 what, 현재 요소의 구조적, 논리적인 정보인 where에 대한 정보를 제공했을 때 화면낭독기가 시각장애인이 웹을 이해하고 이용할 수 있도록 음성으로 전환하는 동작을 한다. 스크린리더로 웹을 정상적으로 탐색하고 이용하려면 웹페이지를 제작할때 웹 접근성을 준수하는 것이 매우 중요하다. 스크린리더는 제품마다 최신..
전문가 평가 도구의 이해 1. 웹 접근성 평가 도구 소개 웹 전문성 평가 도구는 HTML 코드를 분석하여 기계적으로 추출 가능한 웹 콘텐츠 접근성 지침 일부 항목을 자동 점검해줌으로써 평가시간을 절약해주고 편의성을 도모해준다. 웹 전문성 평가 도구의 웹 접근성 자동 점검 결과가 높게 나왔다고 해서 웹 접근성을 만족한다는 의미는 아님 : 도구에서 점검하는 것은 최소한의 코딩기준 만족. 평가도구에서 코딩기준을 만족하여 오류가 발생하지 않는 경우에도 지침 항목에 대한 정확성, 의미 전달 여부등의 사항을 확인해야한다. 웹 접근성에 관한 정밀한 평가를 위해서는 도구에 의한 자동평가와 사람에 의한 수동평가가 병행되어야 한다. 2. 웹 접근성 평가 도구 소개 및 설치 방법 평가도구의 종류에는 K-WAH, OpenWA..
접근성의 미래 웹 접근성의 올바른 발전 방향 접근성이 웹을 넘어 모바일 웹, 소프트웨어, 제품등 다양한 영역에서 접근성을 확인하고 향후 서비스 영역 전체에 접근성을 적용할 수 있는 미래에 대해서도 이해해야 합니다. 웹접근성의 문제점의 해결 웹 접근성의 문제점은 마크업 기술 중심으로 움직인다는 것 = 사용자 입장이나 다른 기술 영역 등 다양한 측면에서의 접근성이 아닌 오직 HTML중심으로 보여진다는 점 : 이것은 HTML과 CSS 중심의 굴레를 벗어나지 못하는 모양과 같음 웹 접근성 국제표준은 2008년에 신기술을 고려하고 HTML중심의 WCAG 1.0에서 신기술을 고려한 WCAG 2.0으로 변화가 있었고 국내에서도 2010년에 KWCAG 2.0으로 개정, 2015년에 KWCAG 2.1로 개정하였고 주요 ..
견고성 견고성의 사전전 의미는 굳고 단단한 성질로 웹 사이트를 만들때 다양한 기술이나 환경에서도 문제 없이 잘 동작하고 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙 문서의 뼈대라고 할 수 있는 마크업 언어를 문법적 오류가 없도록 제작하는 것이 가장 기본 문법적 오류가 있다면 사용하는 브라우저나 보조기기에 따라 오류를 해석하는 방법이나 정보 전달 기능에서 차이가 발생할 수 있고 이러한 차이로 인하여 사용자는 웹 콘텐츠 인식 및 이해에 영향을 받을 수 있다. 검사항목 23 : 마크업 오류 방지(문법 준수) 1. 마크업 오류의 개념 웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것 ==> W3C 유효성 검사기를 통해 확인가능 문법에..
이해의 용이성 검사항목 19 : 콘텐츠 선형구조 1. 콘텐츠 선형구조의 개념 콘텐츠는 논리적인 순서로 제공해야 합니다. 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어로 먼저 논리적인 순서에 맞게 개발하고 여기에 대한 레이아웃이나 장식등의 표현를 위해 CSS를 적용하여 주게 되는데 CSS 제거 시, 콘텐츠가 상식적인 순서로 제공되고 있는가에 대한 개념 2. 콘텐츠 선형구조의 검사항목 해설 3. 콘텐츠 선형구조 제공방법 콘텐츠 순서가 논리적으로 선형화되어 제공시 준수한 것으로 인정 ★ 오류 유형 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우 '제목-내용'으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적으로 이해할 수 없는 경우 ★ 주의 사항 탭 메뉴에서 탭1..
이해의 용이성(1) 검사항목 17 : 기본 언어 표시 1. 기본 언어 표시의 개념 웹사이트에서 주로 사용하는 언어를 명시해야 함으로써 화면낭독기나 음성지원 소프트웨어로 해당 언어의 정확한 발음으로 콘텐트 이해에 도울 수 있다 2. 기본 언어 표시의 목적 다양한 언어를 공부하거나 이용하는 사용자에게 중요한 지표 3. 기본 언어 표시의 검사항목 해설 주로 사용하는 언어를 명시해야 하며 이를 오류없이 제시하면 준수한 것으로 인정 중간에 언어가 바뀌는 경우 lang 속성을 통해 언어를 바꿔주면 더 이해하기 좋은 사이트가 됨 기본 언어표시는 화면낭독 프로그램과 같은 보조기기에서 기본 언어에 맞는 TTS(Text To Speech)엔진을 가동시키는 역할을 함 4. 기본언어 표시 제공 방법 웹 페이지에서 주로 사용하..
운용의 용이성(2) 검사항목 13 : 깜박임과 번쩍임 사용 제한 1. 깜빡임과 번쩍임 사용의 개념 초당 3~50회 주기로 깜빢이거나 번쩍이는 콘텐츠를 제공하지 않아야 함 대상 - 초당 3~50회 주기로 깜짝이는 콘텐츠 유의점 - 광과민성 박작을 일으킬 수 있음 대안 - 사전에 경고, 제작하지 않게 해야 함 2. 깜빡임과 번쩍임 사용제한의 목적 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 3. 깜빡임과 전쩍임 사용 검사항목 해설 초당 3~50회 주기로 깜빡이거나 번쩍이는 영상 콘텐츠는 제공하지 않거나 사전에 경고해야 하고 이를 오류 없이 제공한 경우 준수한 것으로 인정 오류 유형 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우 4. 깜빡임과 번쩍임 사용 제한 제공 방법 오류 유형 깜..