SlideShare a Scribd company logo
1 of 32
Download to read offline
장애 환경
전맹 시각 장애
저시력 시각 장애
중증 장애
손 운동 장애
청각 장애
스크린 리더기
점자 타자기
트랙볼 마우스
빅키 키보드
고대비
화면 확대 기능
장애 환경
전맹 시각 장애
저시력 시각 장애
중증 장애
손 운동 장애
청각 장애
스크린 리더기
점자 타자기
트랙볼 마우스
빅키 키보드
고대비
화면 확대 기능
장애 환경
전맹 시각 장애
저시력 시각 장애
중증 장애
손 운동 장애
청각 장애
스크린 리더기
점자 타자기
트랙볼 마우스
빅키 키보드
고대비
화면 확대 기능
운전 중
스피커 없음
마우스 없음
크롬 브라우저
인터넷 익스플로러
인터넷 없음
네비게이션
텍스트 리더
가상 커서
청색광 제거
글자 크기 변경
다크모드
WAI-ARIA는 웹 페이지, 특히 동적 콘텐츠,
그리고 Ajax, HTML, 자바스크립트 및 관련 기술로 개발된
사용자 인터페이스 구성 요소의 접근성을 증가시키는 방법에 대해 규정한
W3C가 출판한 기술 사양이다.
기존 웹기술 사양의 접근성의 한계
심사 기관
•한국웹접근성인증평가원(사단법인 한국장애인단체총연합회)
•웹와치
•사단법인 한국시각장애인연합회(한국웹접근성평가센터)
절차
1차
서면심사 : 자가진단 결과 확인 및 서류심사
기술심사 : 전문가 심사 및 사용자 심사
2차
• 전문가 심사 & 사용자 심사 :
모든 검사 항목이 권고 이상이고, 선정된 심사 과업을 모든 장애 유형
이 수행 가능해야 함
WA품질인증 획득 효과
웹 접근성 품질 확보, 기업 이미지 제고
법률 준수 효과, 이용자 만족도 개선…
https://validator.w3.org/
웹접근성 발표자료
웹접근성 발표자료

More Related Content

Similar to 웹접근성 발표자료

[132]웨일 브라우저 1년 그리고 미래
[132]웨일 브라우저 1년 그리고 미래[132]웨일 브라우저 1년 그리고 미래
[132]웨일 브라우저 1년 그리고 미래NAVER D2
 
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdfSangHoon Han
 
모바일OK 소개와 모바일웹 표준 구축 방안
모바일OK 소개와 모바일웹 표준 구축 방안모바일OK 소개와 모바일웹 표준 구축 방안
모바일OK 소개와 모바일웹 표준 구축 방안mosaicnet
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"Changhwan Yi
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망NAVER Engineering
 
엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례욱래 김
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론Hankyo
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)Channy Yun
 
CSS Round Display KIG 발표자료
CSS Round Display KIG 발표자료CSS Round Display KIG 발표자료
CSS Round Display KIG 발표자료Hyojin Song
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)Changhwan Yi
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트Rhio Kim
 

Similar to 웹접근성 발표자료 (14)

HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
[132]웨일 브라우저 1년 그리고 미래
[132]웨일 브라우저 1년 그리고 미래[132]웨일 브라우저 1년 그리고 미래
[132]웨일 브라우저 1년 그리고 미래
 
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
 
모바일OK 소개와 모바일웹 표준 구축 방안
모바일OK 소개와 모바일웹 표준 구축 방안모바일OK 소개와 모바일웹 표준 구축 방안
모바일OK 소개와 모바일웹 표준 구축 방안
 
WAI-ARIA
WAI-ARIAWAI-ARIA
WAI-ARIA
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)
 
모바일환경과 개발방향
모바일환경과 개발방향 모바일환경과 개발방향
모바일환경과 개발방향
 
CSS Round Display KIG 발표자료
CSS Round Display KIG 발표자료CSS Round Display KIG 발표자료
CSS Round Display KIG 발표자료
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
 

웹접근성 발표자료

  • 1.
  • 2.
  • 3.
  • 4. 장애 환경 전맹 시각 장애 저시력 시각 장애 중증 장애 손 운동 장애 청각 장애 스크린 리더기 점자 타자기 트랙볼 마우스 빅키 키보드 고대비 화면 확대 기능
  • 5. 장애 환경 전맹 시각 장애 저시력 시각 장애 중증 장애 손 운동 장애 청각 장애 스크린 리더기 점자 타자기 트랙볼 마우스 빅키 키보드 고대비 화면 확대 기능
  • 6. 장애 환경 전맹 시각 장애 저시력 시각 장애 중증 장애 손 운동 장애 청각 장애 스크린 리더기 점자 타자기 트랙볼 마우스 빅키 키보드 고대비 화면 확대 기능
  • 7. 운전 중 스피커 없음 마우스 없음 크롬 브라우저 인터넷 익스플로러 인터넷 없음
  • 8.
  • 9. 네비게이션 텍스트 리더 가상 커서 청색광 제거 글자 크기 변경 다크모드
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. WAI-ARIA는 웹 페이지, 특히 동적 콘텐츠, 그리고 Ajax, HTML, 자바스크립트 및 관련 기술로 개발된 사용자 인터페이스 구성 요소의 접근성을 증가시키는 방법에 대해 규정한 W3C가 출판한 기술 사양이다. 기존 웹기술 사양의 접근성의 한계
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. 심사 기관 •한국웹접근성인증평가원(사단법인 한국장애인단체총연합회) •웹와치 •사단법인 한국시각장애인연합회(한국웹접근성평가센터) 절차 1차 서면심사 : 자가진단 결과 확인 및 서류심사 기술심사 : 전문가 심사 및 사용자 심사 2차 • 전문가 심사 & 사용자 심사 : 모든 검사 항목이 권고 이상이고, 선정된 심사 과업을 모든 장애 유형 이 수행 가능해야 함 WA품질인증 획득 효과 웹 접근성 품질 확보, 기업 이미지 제고 법률 준수 효과, 이용자 만족도 개선…
  • 26.
  • 27.
  • 28.
  • 29.