![10. 접근성의 미래](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FKphws%2FbtqwnQmJ9vW%2FxgTKz6cGwhZcQ52L7k2J1K%2Fimg.jpg)
접근성의 미래 - 웹 접근성에서 파생된 다양한 영역의 접근성에 대해서 이해할 수 있다 - 웹 접근성의 미래에 대해서 이해할 수 있다. 웹 접근성의 올바른 발전 방향 가. 문제점의 해결 HTML과 CSS 중심의 굴레를 벗어나지 못함 웹 접근성 국제 표준 WCAG 1.0 WCAG 2.0 KWCAG 2.1 : 동적인 문서나 애플리케이션 영역에 대한 접근성 영역까지 확장 한국형 웹 콘텐츠 접근성 지침 비교 나. HTML5와 ARIA HTML5가 접근성에 미치는 영향 Live region 동적으로 변경되는 콘텐츠에 대해서 콘텐츠의 중요도에 따라 업데이트 내용을 알려줄 수 있도록 속성을 제공 개발자가 웹 페이지에서 동적인 콘텐츠가 제공되는 영역을 명시 다. UX로의 전환 모바일 접근성 스마트워크 이동이 불편한 장애..
![09. 견고성](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRVwzT%2FbtqwhLZlqHJ%2FjaqxkcHgKw0fgjPD7YRHg0%2Fimg.jpg)
견고성 - 마크업 오류에 대한 웹 접근성 검사항목을 통하여 마크업 오류의 방지 방법을 알 수 있다. - 웹 애플리케이션 접근성 준수 제공 방법을 설명할 수 있다. 미리알기 웹 접근성에서의 견고성 견고성 - 사전적 의미 : 굳고 단단한 성질 - 웹 사이트 만들 때 다양한 기술이나 환경에서도 문제 없이 잘 동작하고, 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙 웹 접근성 검사에서 충족해야 할 지침 마크업 오류 방지 가. 마크업 오류 방지의 이해 (1) 마크업 오류의 개념 웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것 나. 마크업 오류 방지의 필요성 (1) 목적 다. 마크업 오류 방지의 검사항목 해설 검사항목 23.(마크업 오류..
![08. 이해의 용이성 (2)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc6bDLg%2FbtqwhVncyCU%2FxmkXE0mxfI6C9zqJ0Fm5GK%2Fimg.jpg)
이해의 용이성 (2) - 이해의 용이성에 속한 검사항목 중 콘텐츠 선형화를 이해하고 콘텐츠를 제공할 수 있습니다. - 표의 구성 항목을 이해하고 콘텐츠를 제공할 수 있습니다. - 레이블 제공 항목을 이해하고 콘텐츠를 제공할 수 있습니다. - 오류 정정 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 콘텐츠 선형화 가. 콘텐츠 선형구조의 이해 (1) 콘텐츠 선형구조의 개념 웹 문서를 제작할 때 뼈대가 되는 HTML 마크업 언어 나. 콘텐츠 선형구조의 필요성 (1) 콘텐츠 선형구조의 개념 논리적인 순서로 CSS 제거 CSS를 제거하기 전의 초점 이동과 논리적 순서의 일치 다. 콘텐츠 선형구조의 검사항목 해설 라. 콘텐츠 선형구조 제공방법 (1) 제공방법 기준 : 콘텐츠 순서가 논리적으로 선형화되어 제공시 인정..
![07. 이해의 용이성 (1)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FEaq33%2Fbtqv7oW7fIP%2FKnaMpUgePQ6tSSQUPWAft0%2Fimg.jpg)
이해의 용이성 (1) - 이해의 용이성을 높이기 위한 검사항목 중 기본언어 표시를 이해하고 콘텐츠를 제공할 수 있습니다. - 사용자 요구에 따른 실행 항목을 이해하고 콘텐츠를 제공할 수 있습니다 기본 언어 표시 가. 기본 언어 표시의 이해 (1) 기본언어 표시의 개념 주로 사용하는 언어를 명시해야 함 나. 기본 언어 표시의 필요성 (1) 목적 다양한 언어 공부하거나 이용하는 사용자에게 중요한 지표 다. 기본 언어 표시의 검사항목 해설 검사항목 17.(기본 언어 표시) 주로 사용하는 언러를 명시해야 합니다. 중간에 언어가 바뀌는 경우 lang 속성 통해 언어를 바꿔주면 더 이해하기 좋은 사이트가 됨 "기본 언어 표시는 화면 낭독 프로그램과 같은 보조기기에서 기본 언어에 맞는 TTS(Text To Sppec..
![06. 운용의 용이성 (2)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb2UgKg%2Fbtqv3HKNwVo%2F16mB4iuSqxHa9XR8p5cp01%2Fimg.jpg)
운용의 용이성(2) - 깜빡임과 번쩍임 사용제한을 이해하고 콘텐츠를 제공할 수 있다. - 반복영역 건너뛰기 항목을 이해하고 콘텐츠를 제공할 수 있다. - 제목 기능 항목을 이해하고 콘텐츠를 제공할 수 있다. - 적절한 링크 텍스트 항목을 이해하고 콘텐츠를 제공할 수 있다. 깜빡임과 번쩍임 사용제한 가. 깜빡임과 번쩍임 사용의 이해 (1) 깜빡임과 번쩍임 사용 제한의 개념 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 함 나. 깜빡임과 번쩍임 사용 제한의 필요성 (1) 목적 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 다. 깜빡임과 번쩍임 사용 검사항목 해설 검사항목 13. (깜빡임과 번쩍임 사용 제한) 초당 3~50회 주기로 깜빡이거나 번쩍이는 영상 콘텐츠는 제공하지 않거나..
![05. 운용의 용이성 (1)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzsE9r%2FbtqvWeUM0Lr%2F5BwTNzUr2UWwJQFc7b7kz1%2Fimg.jpg)
운용의 용이성 (1) - 키보드 사용 보장에 대해 이해할 수 있다. - 초점 이동과 조작 기능에 대해 설명할 수 있다. - 응답시간 조절에 대해 설명할 수 있다. - 정지 기능에 대해 이해할 수 있다. 키보드 사용 보장 "텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로 이용할 수 있도록 하는 것" 키보드 사용 보장의 필요성 마우스를 이용하기 어려운 사용자가 키보드를 이용할 수 있도록 한다. 일반 사용자도 키보드로 더욱 빠르고 정확한 컨트롤 가능해진다. 키보드 사용 검사항목 해설 예외 자유롭게 움직이는 아날로그적인 기능 시뮬레이션과 같은 콘텐츠 입체적인 시각화 기능 마우스를 끌어서 거리를 측정할 수 있는 기능 마우스로 이용 가능한 기능을 키보드로 이용할 수 ..