http://daumui.tistory.com/10
Daum의 웹표준 레퍼런스인
다룸(Darum) 오픈 기념 웹표준 간담회
3번째 세션은 "웹 접근성과 장애인 차별 금지법(이하 장차법)"이라는 주제로 장성민(KWAG 리더)님의 발제가 이어졌습니다. 다양한 웹접근성 인증마크를 소개했고, 장애인이 아닌 누구나 인권위 진정이 가능하다는 등의 정보를 공유해주셨습니다. 이후 강동욱(Daum), 김혜일(Emotion)님과 함께 토론을 진행했으며, 웹접근성 지침/가이드와 실무개선의 차이점 및 온라인 쇼핑몰과 홈쇼핑에서 웹접근성 개선 등에 대한 토론이 이어졌습니다. [http://daumui.tistory.com/9]
발표 주제: 웹 접근성 체험관을 소개합니다!
발표자: 김보민
1. World Wide Web
2.Special User(고령자/장애인)
앞서 말씀드린 소수 수용자는 장애가 있는 분들 뿐만 아니라 앞으로의 우리인 고령자도 포함됩니다.
- 고령자 인터넷 이용률 그래프 설명: 2013년 17.6%, 2014년 21.9%, 2015년 27.5%
- 장애인 인터넷 이용률 그래프 설명: 2012년 55.5%, 2014년 56.7%, 2014년 59.1%
<장애인구에>
- 장애 인구: 지체장애 1333명, 청각언어장애 279명, 시각장애 251명, 기타 657명
- 웹 접근성 필요 인구: 저시력 66.7%, 전맹 27.05%, 청각장애 4.03%, 지체장애 2.16%
장애 환경 체험 Flow 설명:
저시력시각장애, 전맹 시각장애, 손 운동장애, 중증 운동장에 체험 순서
3. 웹 접근성 체험관 (불가능이 아닌 가능을 이야기하는 공간)
2013.11 / 오프라인 웹 접근성 체험 부스 오픈(네이버 그린팩토리 라이브러리 2F)
- 체험부스 내,외부가 촬영 된 홍보 영상
2014.08 / 온라인 체험관 오픈(널리 사이트 > 체험 > 온라인 장애 체험)
- 화면 확대/반전 소프트웨어(줌 텍스트)이미지 & 체험관에 적용한 툴 이미지
- 스크린리더, 점자정보단말기 이미지 & 체험관에 적용한 툴 이미지
- 한 손 키보드, 트랙볼 마우스 이미지 & 체험관에 적용한 가상 디바이스 이미지
- 빅 키키보드, 키가드, 헤드포인터 이미지 & 체험관에 적용한 가상 키보드 및 펜 모양의 마우스 포인터 이미지
2016.01 / 전체 개편 및 다양한 디바이스 체험 추가(오프라인 & 온라인)
오프라인: 오프라인 체험관에 비치된 아이패드 및 모바일 이미지
- 저시력 체험: 지도 이미지 위에 확대/축소 가능이 설정된 이미지
- 전맹 체험: 화면 암전 상태에서 터치를 이용하여 모바일을 사용하는 이미지
- 손 운동 체험: 그림사전에서 그림의 버튼이 흔들리는 이미지
- 중증 운동 체험: 메일보내기 화면에서 마이크 버튼을 활용하여 타이핑을 하는 이미지
온라인 체험관: 위치는 널리 사이트내의 체험 콘텐츠 내 온라인 장애 체험 클릭
온라인 장애 체험 시연
4. 체험 후기(장애를 바라보는 관점을 바꾸다)
<오프라인>
- 머릿속에서만 상상하던 장면을 직접보니 상대방의 입장을 생각하게 되는 소중한 시간이었어요
- 이 체험을 하고 나서 장애인의 기분을 알게 되어서 앞으로 장애인을 보면 도와주겠습니다.
- 비록 많이 힘들었지만 중중 운동장애인들도 무슨일도 할 수 있다는걸 알았다. 접근성이란 단어를 몸으로 느낀 체험이었습니다.
- 특수교육학을 배우는 학생입니다 체험해보니 막연히 생각했던 것 이상으로 사용이 어렵네요
- 저는 적색,녹색 색약을 가진 아이입니다. 경험해보니 이런것도 있나 싶네요 네이버짱
- 이 키보드가 일반화가 되어야 장애인들이 이러한 서비스를 누릴수 있다고 생각합니다. 응원할게요!
- 시력이 매우 안 좋은데 다양한 효과로 웹 환경을 좀 더 잘 이용할수 있다는게 놀랍습니다. 사회적약자를 생각하는 기업 네이버 화이팅입니다!!
<온라인>
- 비장애인인 저와 다른 신체를 가진 분들의 생활의 일부를 체험해보고 그분들의 번거로움을 느껴보는 뜻 깊은 기회였어요
- 온라인 체험관이라 정말 상상도 못했던 기발한 서비스네요 앞으로 적극 홍보하고 싶네요. 좋은 서비스 감사합니다.
- 장애우분들은 어떻게 웹을 사용할까 궁금했는데 이분들의 입장에서 생각을 해보는 계기를 갖게 되었습니다.
<마무리>
대다수가 어려움을 느끼지 웹에도 노인이나 장애인에게는 힘겹게 느껴지는 문턱이 있습니다.모두가 편하게 이용할 수 있도록 웹의 문턱을 낮추는 노력은
다양한 환경을 이해하고 공감하는 여러분들의 배려에서부터 시작됩니다.
http://daumui.tistory.com/10
Daum의 웹표준 레퍼런스인
다룸(Darum) 오픈 기념 웹표준 간담회
3번째 세션은 "웹 접근성과 장애인 차별 금지법(이하 장차법)"이라는 주제로 장성민(KWAG 리더)님의 발제가 이어졌습니다. 다양한 웹접근성 인증마크를 소개했고, 장애인이 아닌 누구나 인권위 진정이 가능하다는 등의 정보를 공유해주셨습니다. 이후 강동욱(Daum), 김혜일(Emotion)님과 함께 토론을 진행했으며, 웹접근성 지침/가이드와 실무개선의 차이점 및 온라인 쇼핑몰과 홈쇼핑에서 웹접근성 개선 등에 대한 토론이 이어졌습니다. [http://daumui.tistory.com/9]
발표 주제: 웹 접근성 체험관을 소개합니다!
발표자: 김보민
1. World Wide Web
2.Special User(고령자/장애인)
앞서 말씀드린 소수 수용자는 장애가 있는 분들 뿐만 아니라 앞으로의 우리인 고령자도 포함됩니다.
- 고령자 인터넷 이용률 그래프 설명: 2013년 17.6%, 2014년 21.9%, 2015년 27.5%
- 장애인 인터넷 이용률 그래프 설명: 2012년 55.5%, 2014년 56.7%, 2014년 59.1%
<장애인구에>
- 장애 인구: 지체장애 1333명, 청각언어장애 279명, 시각장애 251명, 기타 657명
- 웹 접근성 필요 인구: 저시력 66.7%, 전맹 27.05%, 청각장애 4.03%, 지체장애 2.16%
장애 환경 체험 Flow 설명:
저시력시각장애, 전맹 시각장애, 손 운동장애, 중증 운동장에 체험 순서
3. 웹 접근성 체험관 (불가능이 아닌 가능을 이야기하는 공간)
2013.11 / 오프라인 웹 접근성 체험 부스 오픈(네이버 그린팩토리 라이브러리 2F)
- 체험부스 내,외부가 촬영 된 홍보 영상
2014.08 / 온라인 체험관 오픈(널리 사이트 > 체험 > 온라인 장애 체험)
- 화면 확대/반전 소프트웨어(줌 텍스트)이미지 & 체험관에 적용한 툴 이미지
- 스크린리더, 점자정보단말기 이미지 & 체험관에 적용한 툴 이미지
- 한 손 키보드, 트랙볼 마우스 이미지 & 체험관에 적용한 가상 디바이스 이미지
- 빅 키키보드, 키가드, 헤드포인터 이미지 & 체험관에 적용한 가상 키보드 및 펜 모양의 마우스 포인터 이미지
2016.01 / 전체 개편 및 다양한 디바이스 체험 추가(오프라인 & 온라인)
오프라인: 오프라인 체험관에 비치된 아이패드 및 모바일 이미지
- 저시력 체험: 지도 이미지 위에 확대/축소 가능이 설정된 이미지
- 전맹 체험: 화면 암전 상태에서 터치를 이용하여 모바일을 사용하는 이미지
- 손 운동 체험: 그림사전에서 그림의 버튼이 흔들리는 이미지
- 중증 운동 체험: 메일보내기 화면에서 마이크 버튼을 활용하여 타이핑을 하는 이미지
온라인 체험관: 위치는 널리 사이트내의 체험 콘텐츠 내 온라인 장애 체험 클릭
온라인 장애 체험 시연
4. 체험 후기(장애를 바라보는 관점을 바꾸다)
<오프라인>
- 머릿속에서만 상상하던 장면을 직접보니 상대방의 입장을 생각하게 되는 소중한 시간이었어요
- 이 체험을 하고 나서 장애인의 기분을 알게 되어서 앞으로 장애인을 보면 도와주겠습니다.
- 비록 많이 힘들었지만 중중 운동장애인들도 무슨일도 할 수 있다는걸 알았다. 접근성이란 단어를 몸으로 느낀 체험이었습니다.
- 특수교육학을 배우는 학생입니다 체험해보니 막연히 생각했던 것 이상으로 사용이 어렵네요
- 저는 적색,녹색 색약을 가진 아이입니다. 경험해보니 이런것도 있나 싶네요 네이버짱
- 이 키보드가 일반화가 되어야 장애인들이 이러한 서비스를 누릴수 있다고 생각합니다. 응원할게요!
- 시력이 매우 안 좋은데 다양한 효과로 웹 환경을 좀 더 잘 이용할수 있다는게 놀랍습니다. 사회적약자를 생각하는 기업 네이버 화이팅입니다!!
<온라인>
- 비장애인인 저와 다른 신체를 가진 분들의 생활의 일부를 체험해보고 그분들의 번거로움을 느껴보는 뜻 깊은 기회였어요
- 온라인 체험관이라 정말 상상도 못했던 기발한 서비스네요 앞으로 적극 홍보하고 싶네요. 좋은 서비스 감사합니다.
- 장애우분들은 어떻게 웹을 사용할까 궁금했는데 이분들의 입장에서 생각을 해보는 계기를 갖게 되었습니다.
<마무리>
대다수가 어려움을 느끼지 웹에도 노인이나 장애인에게는 힘겹게 느껴지는 문턱이 있습니다.모두가 편하게 이용할 수 있도록 웹의 문턱을 낮추는 노력은
다양한 환경을 이해하고 공감하는 여러분들의 배려에서부터 시작됩니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
이번 월간 웨비나에서는 AWS 클라우드를 통해 어떻게 손쉽게 소프트웨어를 개발하고, 배포하는 과정을 자동화 할 수 있는지를 알아 봅니다. 이를 위해 Amazon.com의 소프트웨어 개발 과정 상의 경험과 이를 토대로 만들어진 AWS CodeDeploy와 CodePipeline 서비스를 소개해 드리고, 이를 통해 EC2 인스턴스 뿐만 아니라 기존 서버에 손쉽게 배포하는 방법을 알려드립니다. 본 세션을 통해 클라우드를 통한 민첩하고 빠른 개발 및 배포를 통해 진화된 데브옵스(DevOps) 프로세스를 정립할 수 있는 방법을 안내해 드립니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
이번 월간 웨비나에서는 AWS 클라우드를 통해 어떻게 손쉽게 소프트웨어를 개발하고, 배포하는 과정을 자동화 할 수 있는지를 알아 봅니다. 이를 위해 Amazon.com의 소프트웨어 개발 과정 상의 경험과 이를 토대로 만들어진 AWS CodeDeploy와 CodePipeline 서비스를 소개해 드리고, 이를 통해 EC2 인스턴스 뿐만 아니라 기존 서버에 손쉽게 배포하는 방법을 알려드립니다. 본 세션을 통해 클라우드를 통한 민첩하고 빠른 개발 및 배포를 통해 진화된 데브옵스(DevOps) 프로세스를 정립할 수 있는 방법을 안내해 드립니다.
2. 웹 접근성 개발은..?
1. 웹 접근성 프로젝트 진행 시 준수항목에
대한 교육
2. 평가목표에 따라 준수하여 개발
3. 개발 페이지 Markup Validation 체크
4. K-WAH 자동 검사
5. 수동검사(롯데의 경우 D2에서 진행)
3. W3C Markup Validation Service
• 마크업 유효성 검사 서비스
• URL : http://validator.w3.org/
• 주요 확인 항목
- 태그 열림/닫힘 확인
- HTML 특수문자 사용을 위한 Entity Code
(참고 :
http://www.digitalmediaminute.com/reference/entity/index.php)
4. K-WAH
• 한국형 웹 콘텐츠 접근성 지침 2.0에 따라 웹사이트(웹페이
지)가 접근성 지침의 6개 세부지침을 준수하는지를 자동 점
검하도록 지원해 주는 소프트웨어
• URL : http://www.wah.or.kr/Achive/Kadowah.asp
• 주요 확인 항목
- 대체텍스트 제공
- 제목제공
- 기본언어 명시
- 사용자 요구에 따른 새창 열기
- 레이블 제공
- 마크업 오류 방지
6. OpenWax(Open Web Accessibility eXtension)
• 웹 페이지의 접근성 진단을 쉽게 할 수 있
도록 제작된 도구
• 가이드 URL : http://openwax.net/#guide
• 파이어폭스 – 부가기능, 크롬 – 앱, IE – 즐
겨찾기로 사용
• 주요 확인 항목
- D2(데이터투테크놀로지) 수동 검사 내용
- 이미지 alt 확인