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

What's hot

Website Management
Website ManagementWebsite Management
Website ManagementAmol Vidwans
 
온라인 중개 비즈니스 모델 분석
온라인 중개 비즈니스 모델 분석온라인 중개 비즈니스 모델 분석
온라인 중개 비즈니스 모델 분석SooHyuk Ahn
 
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비MezzoMedia
 
How to Get the Most Out of Pay Per Click
How to Get the Most Out of Pay Per ClickHow to Get the Most Out of Pay Per Click
How to Get the Most Out of Pay Per ClickHubSpot
 
2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트MezzoMedia
 
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_fLee Hansub
 
[메조미디어] 2023 식음료 업종 리포트
[메조미디어] 2023 식음료 업종 리포트[메조미디어] 2023 식음료 업종 리포트
[메조미디어] 2023 식음료 업종 리포트MezzoMedia
 
Sample Website Proposal- Airline Example
Sample Website Proposal- Airline ExampleSample Website Proposal- Airline Example
Sample Website Proposal- Airline ExampleDr Matt McDougall
 
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인Ji Lee
 
Website proposal
Website proposalWebsite proposal
Website proposalkAlim khAn
 
메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdfMezzoMedia
 
[메조미디어] 2023 보험 업종 분석 리포트
[메조미디어] 2023 보험 업종 분석 리포트[메조미디어] 2023 보험 업종 분석 리포트
[메조미디어] 2023 보험 업종 분석 리포트MezzoMedia
 
[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)MezzoMedia
 
허브스팟 한글 소개서 (활용 방안과 사례 중심)
허브스팟 한글 소개서 (활용 방안과 사례 중심)허브스팟 한글 소개서 (활용 방안과 사례 중심)
허브스팟 한글 소개서 (활용 방안과 사례 중심)ssuser100579
 
[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지MezzoMedia
 
[메조미디어] Media&Market Report_2023.12
[메조미디어] Media&Market Report_2023.12[메조미디어] Media&Market Report_2023.12
[메조미디어] Media&Market Report_2023.12MezzoMedia
 
메조미디어_미디어&마켓 리포트_2022.11.pdf
메조미디어_미디어&마켓 리포트_2022.11.pdf메조미디어_미디어&마켓 리포트_2022.11.pdf
메조미디어_미디어&마켓 리포트_2022.11.pdfMezzoMedia
 
[메조미디어] 2022 자동차 업종 분석 리포트
[메조미디어] 2022 자동차 업종 분석 리포트[메조미디어] 2022 자동차 업종 분석 리포트
[메조미디어] 2022 자동차 업종 분석 리포트MezzoMedia
 

What's hot (20)

Website Management
Website ManagementWebsite Management
Website Management
 
온라인 중개 비즈니스 모델 분석
온라인 중개 비즈니스 모델 분석온라인 중개 비즈니스 모델 분석
온라인 중개 비즈니스 모델 분석
 
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비
[메조미디어] 2023 소비 트렌드 시리즈 2. 알뜰 합리적 소비
 
How to Get the Most Out of Pay Per Click
How to Get the Most Out of Pay Per ClickHow to Get the Most Out of Pay Per Click
How to Get the Most Out of Pay Per Click
 
world wide web
world wide webworld wide web
world wide web
 
2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트
 
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f
[트래블챗] Ai기반 챗봇 커머스 플랫폼 사업계획서 20170213_f
 
[메조미디어] 2023 식음료 업종 리포트
[메조미디어] 2023 식음료 업종 리포트[메조미디어] 2023 식음료 업종 리포트
[메조미디어] 2023 식음료 업종 리포트
 
Sample Website Proposal- Airline Example
Sample Website Proposal- Airline ExampleSample Website Proposal- Airline Example
Sample Website Proposal- Airline Example
 
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인
빅데이터 분석 시각화 분석 : 4장 빅데이터와 시각화 디자인
 
Website proposal
Website proposalWebsite proposal
Website proposal
 
메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf메조미디어_2022타겟리포트_40대.pdf
메조미디어_2022타겟리포트_40대.pdf
 
[메조미디어] 2023 보험 업종 분석 리포트
[메조미디어] 2023 보험 업종 분석 리포트[메조미디어] 2023 보험 업종 분석 리포트
[메조미디어] 2023 보험 업종 분석 리포트
 
[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)[메조미디어] Media&Market Report (2022.06)
[메조미디어] Media&Market Report (2022.06)
 
허브스팟 한글 소개서 (활용 방안과 사례 중심)
허브스팟 한글 소개서 (활용 방안과 사례 중심)허브스팟 한글 소개서 (활용 방안과 사례 중심)
허브스팟 한글 소개서 (활용 방안과 사례 중심)
 
[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지[메조미디어] 메타버스 스타터 패키지
[메조미디어] 메타버스 스타터 패키지
 
[메조미디어] Media&Market Report_2023.12
[메조미디어] Media&Market Report_2023.12[메조미디어] Media&Market Report_2023.12
[메조미디어] Media&Market Report_2023.12
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
메조미디어_미디어&마켓 리포트_2022.11.pdf
메조미디어_미디어&마켓 리포트_2022.11.pdf메조미디어_미디어&마켓 리포트_2022.11.pdf
메조미디어_미디어&마켓 리포트_2022.11.pdf
 
[메조미디어] 2022 자동차 업종 분석 리포트
[메조미디어] 2022 자동차 업종 분석 리포트[메조미디어] 2022 자동차 업종 분석 리포트
[메조미디어] 2022 자동차 업종 분석 리포트
 

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.