웹 접근성의 미래 학습목표 1. 웹 접근성에서 파생된 다양한 영역의 접근성에 대해 이해할 수 있다. 2. 웹 접근성에 미래에 대해 이해할 수 있다. 웹 접근성의 올바른 발전 방향 접근성이 웹을 넘어 모바일 웹, 소프트웨어, 제품 등 다양한 영역에서 접근성을 확인하고, 향후 서비스 영역 전체에 접근성을 적용할 수 있는 미래에 대해 이해할 수 있어야 한다. 1. 문제점의 해결 웹 접근성의 문제점 마크업 기술 중심: 사용자 입장이나 다른 기술 영역 등 다양한 측면에서의 접근성이 아닌 오직 HTML 중심으로 보여진다 → 정보 접근성 측면에서, 웹의 영역(HTML, CSS 중심)의 굴레를 벗어나지 못한다. 접근성과 관련된 국제표준은 2008년에 신기술을 고려하고 HTML 중심의 WCAG 1.0에서 다양한 신기술을..
견고성 학습목표 1. 마크업 오류의 방지 방법을 알 수 있다. 2. 웹 어플리케이션 접근성 준수 제공 방법을 설명할 수 있다. 견고성(Ruggedness) 웹 사이트를 만들 때 다양한 기술이나 환경에서도 문제없이 잘 동작하고, 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙 문서의 뻐대라고 할 수 있는 마크업 언어를 문법적으로 오류가 없도록 제작하는 것이 가장 기본이다. 문법적인 오류가 있다면 사용하는 브라우저 및 보조기기에 따라 오류를 해석하는 방법이나 정보를 전달하는 기능등에서 차이가 발생할 수 있고 이러한 차이로 인해서 사용자는 웹 콘텐츠의 인식, 이해, 사용에 영향을 받게 된다. 웹 접근성 검사항목 - 견고성 마크업 오류 방지: 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오..
이해의 용이성 (2) 학습목표 1. 콘텐츠 선형화를 이해하고 콘텐츠를 제공할 수 있습니다. 2. 표의 구성 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 3. 레이블 제공 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 4. 오류 정정 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 웹 접근성 검사항목 - 이해의 용이성 콘텐츠의 선형 구조: 콘텐츠는 논리적인 순서로 제공해야 한다. 표의 구성: 표는 이해하기 쉽게 구성해야 한다. 레이블 제공: 입력 서식에 대응하는 레이블을 제공해야 한다. 오류 정정: 입력 오류를 정정할 수 있는 방법을 제공해야 한다. 콘텐츠 선형 구조 1. 콘텐츠 선형 구조의 개념 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어로 먼저 논리적인 순서에 맞게 개발하고 이에 CSS를 적..
이해의 용이성 (1) 학습목표 1. 기본 언어 표시를 이해하고 콘텐츠를 제공할 수 있습니다. 2. 사용자 요구에 따른 실행 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 이해의 용이성(Understandable) 콘텐츠는 이해할 수 있어야 한다. 웹 접근성 검사항목 - 이해의 용이성 기본 언어 표시: 주로 사용하는 언어를 명시해야 한다. 사용자 요구에 따른 실행: 사용자가 의도하지 않은 기능 (새 창, 초점 변화 등)은 실행되지 않아야 한다. 기본 언어 표시 1. 기본 언어 표시의 개념 기본언어(웹 사이트에서 주로 사용하는 언어)를 명시해야 한다. 기본 언어를 명시할 경우 화면 낭독기와 음성 지원 소프트웨어가 해당 언어의 정확한 발음으로 콘텐츠 이해를 도울 수 있다. 2. 기본 언어 표시의 필요성/목적 ..
운용의 용이성 (1) 학습목표 1. 깜빡임과 번쩍임 사용제한을 이용하고 콘텐츠를 제공할 수 있다. 2. 반복영역 건너뛰기 항목을 이해하고 콘텐츠를 제공할 수 있다. 3. 제목 제공 항목을 이해하고 콘텐츠를 제공할 수 있다. 4. 적절한 링크 테그트 항목을 이해하고 콘텐츠를 제공할 수 있다. 웹 접근성 검사항목 - 운용의 용이성 깜빡임과 번쩍임 사용제한: 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다. 반복 영역 건너뛰기 제공: 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. 제목 제공: 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다. 적절한 링크 텍스트 제공: 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다. 깜빡임과 번쩍임 사용 제한 1.깜빡임과..
운용의 용이성 (1) 학습목표 1. 키보드 사용 보장에 대해 이해할 수 있다. 2. 초점 이동과 조작 가능에 대해 설명할 수 있다. 3. 응답시간 조절에 대해 설명할 수 있다. 4. 정지 기능에 대해 이해할 수 있다. 운용의 용이성(Operable) 어떤 사용자나 환경에서도 키보드 만으로도 자유롭게 웹 사이트에서 제공하는 모든 콘텐츠의 기능을 이용할 수 있게 해야 한다. 웹 접근성 검사항목 - 운용의 용이성 키보드 사용 보장: 모든 기능은 키보드 만으로도 사용할 수 있어야 한다. 초점이동: 키보드에 의한 초점이 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다. 조작 가능: 사용자 입력 및 컨트롤을 조작가능하도록 제공되어야 한다. 응답시간 조절: 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있..
인식의 용이성 (2) 학습목표 1. 인식의 용이성을 높이기 위한 검사항목 중 색에 무관한 콘텐츠 인식을 이해하고 콘텐츠에 제공할 수 있습니다. 2. 명확한 지시사항 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 3. 텍스트 콘텐츠의 명도 대비 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 4. 배경음 사용 금지 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 웹 접근성 검사 항목 - 인식의 용이성 색에 무관한 콘텐츠 인식: 콘텐츠를 색에 관계없이 인식될 수 있다. 명확한 지시사항 제공: 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 콘텐츠 명도 대비: 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 : 1 이상 이여야 한다. 자동 재생 금지: 자동으로 재생되는 배경..
인식의 용이성 (1) 학습목표 1. 대체텍스트와 멀티미디어 대체수단의 개념을 이해할 수 있다. 2. 대체텍스트와 멀티미디어 대체수단의 취지와 내용을 설명할 수 있다. 3. 대체테스트와 멀티미디어의 대체수단 제공방법을 설명할 수 있다. 인식의 용이성(Perceivable) 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 웹 접근성 검사 항목 - 인식의 용이성 적절한 대체 텍스트 제공: 텍스트가 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다. 자막 제공: 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다. 대체텍스트 1. 대체텍스트의 개념 - 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠 등에 대하여 이를 텍스트 정보로 대체해주는 것 - ..
장애인의 웹 사용과 장애인차별금지법 학습목표 1. 장애인의 인터넷 이용환경을 이해할 수 있다. 2. 장애인차별금지법에 대해 이해할 수 있다. 3. 웹 접근성 의무적용 시기, 대상 및 진정사례에 대해 알 수 있다. 무지의 베일 특정한 정책안의 선택을 둘러싸고 관련 이해당사자들이 어떠한 대안이 자신에게 유리하고 불리한지 모르는 상황 장애인과 인터넷 이용환경 우리 나라는 정보통신의 발달로 인터넷 뱅킹, 전자상거래 등이 활발하게 이용되는 등 인터넷은 우리 삶의 중요한 수단이 되었고 모바일 시대를 맞아 더욱 중요한 요소가 되었다. 따라서 장애인 사용자에게 웹 접근성을 높여 이용 가능하게 하는 것이 더욱 중요해졌다. [참고] 네이버 '널리' - 온라인 웹 접근성 체험(온라인 장애 체험) GO - 모바일 장애 체험 ..
웹 접근성의 이해 학습목표 1. 웹 접근성의 의미를 이해할 수 있다. 2. 웹 접근성의 정확한 범위를 설명할 수 있다. 3. 접근성에 대한 관련 용어를 구분할 수 있다. 웹 접근성이란? 웹(웹 콘텐츠)에 쉽게 접근할 수 있는 능력 " 접근하기 쉽다 = 이용하기 쉽다 " 1. 웹 접근성에 대한 다양한 정의 2. Web for All 웹 접근성의 범위 모든 사용자 환경과 모든 기술 환경을 포괄하는 의미에서 해석되어야 한다. - 비장애인에 대한 일시적 장애 환경 고려 (고령자, 주변 소음 등) - 다양한 기술 환경 고려 (다양한 단말기와 소프트웨어 등) 하지만, 아직까지 통용되는 의미는 좁은 의미의 웹 접근성인 장애인 접근성에 가깝다. 그 예로 '한국형 웹 콘텐츠 접근성 지침'이나 '웹 접근성 품질마크의 기준..