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

Contenu connexe

Tendances

20211209 Ops-JAWS Re invent2021re-cap-cloud operations
20211209 Ops-JAWS Re invent2021re-cap-cloud operations20211209 Ops-JAWS Re invent2021re-cap-cloud operations
20211209 Ops-JAWS Re invent2021re-cap-cloud operationsAmazon Web Services Japan
 
Azure PlayFab Unity SDK vs C# SDK
Azure PlayFab Unity SDK vs C# SDK Azure PlayFab Unity SDK vs C# SDK
Azure PlayFab Unity SDK vs C# SDK YutoNishine
 
いまさら、AWSのネットワーク設計
いまさら、AWSのネットワーク設計いまさら、AWSのネットワーク設計
いまさら、AWSのネットワーク設計Serverworks Co.,Ltd.
 
いいパブッ!! はじめてのEPUB 3
いいパブッ!! はじめてのEPUB 3いいパブッ!! はじめてのEPUB 3
いいパブッ!! はじめてのEPUB 3Hiroshi Takase
 
WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術Sho Okada
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]RightBrain inc.
 
kintoneとカラーユニバーサルデザイン
kintoneとカラーユニバーサルデザインkintoneとカラーユニバーサルデザイン
kintoneとカラーユニバーサルデザインKobayashi Daisuke
 
AWSで実現するバックアップとディザスタリカバリ
AWSで実現するバックアップとディザスタリカバリAWSで実現するバックアップとディザスタリカバリ
AWSで実現するバックアップとディザスタリカバリAmazon Web Services Japan
 
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반대박성진 DaeBak.Sungjin
 
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부RightBrain inc.
 
자바 직렬화 (Java serialization)
자바 직렬화 (Java serialization)자바 직렬화 (Java serialization)
자바 직렬화 (Java serialization)중선 곽
 
分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方Recruit Lifestyle Co., Ltd.
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] RightBrain inc.
 
EPUBのナビゲーションを理解しよう
EPUBのナビゲーションを理解しようEPUBのナビゲーションを理解しよう
EPUBのナビゲーションを理解しようHiroshi Takase
 
Dockerfile を書くためのベストプラクティス解説編
Dockerfile を書くためのベストプラクティス解説編Dockerfile を書くためのベストプラクティス解説編
Dockerfile を書くためのベストプラクティス解説編Masahito Zembutsu
 
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"InfraEngineer
 
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] RightBrain inc.
 
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor AppWeb開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor AppTomomitsuKusaba
 

Tendances (20)

20211209 Ops-JAWS Re invent2021re-cap-cloud operations
20211209 Ops-JAWS Re invent2021re-cap-cloud operations20211209 Ops-JAWS Re invent2021re-cap-cloud operations
20211209 Ops-JAWS Re invent2021re-cap-cloud operations
 
Azure PlayFab Unity SDK vs C# SDK
Azure PlayFab Unity SDK vs C# SDK Azure PlayFab Unity SDK vs C# SDK
Azure PlayFab Unity SDK vs C# SDK
 
いまさら、AWSのネットワーク設計
いまさら、AWSのネットワーク設計いまさら、AWSのネットワーク設計
いまさら、AWSのネットワーク設計
 
いいパブッ!! はじめてのEPUB 3
いいパブッ!! はじめてのEPUB 3いいパブッ!! はじめてのEPUB 3
いいパブッ!! はじめてのEPUB 3
 
WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
 
kintoneとカラーユニバーサルデザイン
kintoneとカラーユニバーサルデザインkintoneとカラーユニバーサルデザイン
kintoneとカラーユニバーサルデザイン
 
AWSで実現するバックアップとディザスタリカバリ
AWSで実現するバックアップとディザスタリカバリAWSで実現するバックアップとディザスタリカバリ
AWSで実現するバックアップとディザスタリカバリ
 
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반
(진성리더십 특강) 일과 삶의 문제를 드라이브하라! 퍼스널 애자일, 퍼스널 칸반
 
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
모바일 UX/UI : 트랜드와 원칙으로써의 UX - 1부
 
자바 직렬화 (Java serialization)
자바 직렬화 (Java serialization)자바 직렬화 (Java serialization)
자바 직렬화 (Java serialization)
 
GraphQL入門
GraphQL入門GraphQL入門
GraphQL入門
 
分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
 
EPUBのナビゲーションを理解しよう
EPUBのナビゲーションを理解しようEPUBのナビゲーションを理解しよう
EPUBのナビゲーションを理解しよう
 
Dockerfile を書くためのベストプラクティス解説編
Dockerfile を書くためのベストプラクティス解説編Dockerfile を書くためのベストプラクティス解説編
Dockerfile を書くためのベストプラクティス解説編
 
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"
시니어가 들려주는 "내가 알고 있는 걸 당신도 알게 된다면"
 
AWS運用自動化への第一歩 
AWS運用自動化への第一歩 AWS運用自動化への第一歩 
AWS運用自動化への第一歩 
 
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
 
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor AppWeb開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
 

Similaire à 웹접근성 발표자료

[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
 

Similaire à 웹접근성 발표자료 (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.