[2018널리세미나] 웹 접근성 시장(Market)을 이끄는 공감이 필요할 때

[2018널리세미나] 웹 접근성 시장(Market)을 이끄는 공감이 필요할 때

[2018널리세미나] 웹 접근성 시장(Market)을 이끄는 공감이 필요할 때 from Nts Nuli

[2018널리세미나] 웹 접근성 시장(Market)을 이끄는 공감이 필요할 때

1. 1 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!2018 제 6회 널리 세미나 헤더스 류영일 수석 4차 산업혁명과 정보 접근성 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!

2. 2 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!2018 제 6회 널리 세미나 4차 산업혁명과 정보 접근성 Contents 그동안의변화 다가올변화 변화를위한준비

3. 3 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 많은 변화를 일으켰습니다. [2000년대 사이트] Table 코딩 많은 콘텐츠 작은 글씨 [2018년 사이트] DIV 코딩 시원한 화면 커진 글씨

4. 4 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 많은 변화를 일으켰습니다. 다중 팝업 넓은 배너존 [2018년 사이트][2000년대 사이트]

5. 5 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 그 중심에는 장애인차별금지법이 있었고, 이로 인한 다양한 연쇄반응이 있었습니다. 장애인차별금지법 웹 접근성 품질인증 한국형 웹콘텐츠 접근성 지침 웹 접근성 의무화 모두를 위한 웹 계량화 평가발달 장애인 중심

6. 6 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 아직 우리는 장애인 접근성이라는 타이틀로 전체를 공감 시키기 위한 노력을 경주하고 있 습니다.

7. 7 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 그동안의 웹 접근성을 설명하는 수단과 방식입니다. 장애인차별금지법 캠페인 장애인구 수 웹 접근성 소송 승소 0건 미국 Target사 60억원 지급 250만, 5% 모른다. 약 70% 웹 접근성 관련 약 2.5%

8. 8 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감하기가 어려운 구조 장애인차별금지법 인지여부

9. 9 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 웹 접근성과 관련 장애 인구 수는 사실 더 적다! 2017 계 2,546 지체장애 1,254 청각,언어 322 시각장애 253 뇌병변장애 253 지적장애 201 정신장애 101 신장장애 84 자폐성장애 24 장루,요루장애 15 호흡기장애 12 간장애 11 뇌전증장애 7 심장장애 6 안면장애 3 지체장애 中 상지장애 31%

10. 10 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!2018 제 6회 널리 세미나 4차 산업혁명과 정보 접근성 Contents 그동안의변화 다가올변화 변화를위한준비

11. 11 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! WCAG 2.1은 이미 확립 된 WCAG 2.0을 개선하고자 합니다. 웹 사이트가 현재 WCAG 2.0과 호 환되는 경우 다음과 같은 몇 가지 새로운 영역에서 규정을 추가 해야 합니다. • 휴대 기기 • 저시력 • 인지 장애 WCAG 2.1의 새로운 기능은 무엇입니까? 2018 년 7 월 10 일 10:07:33 AM EDT •W3C (World Wide Web Consortium)에서 개발 한 WCAG (Web Content Accessibility Guidelines)는 웹 기반 콘텐츠에 대해 가장 널리 사용되는 접근성 표준 세트입니다. 2008 년 출시 된 이후 WCAG 2.0은 자막 부터 고 대비 색 구성표에 이르기까지 모든 것을 다루는 웹 접근성을 둘러싼 토론을 주도 해 왔습니다 . 2018 년 6 월 5 일 WCAG 2.1이 발표 된 지 10 년 만에 WCAG 표준이 처음으로 변경되었습니다. 이러한 새로운 권장 사항에는 시력이 약하고 인지 장애가 있는 사용자에게 더 나은 서비스를 제공 할뿐 아니라 모바일 장치 를 다루는 업데이트가 포함됩니다 . 지침의 변화 국제표준·국가표준도 지침의 대상(사람)과 장치(기술 ·기기)의 확대

12. 1212 순 번 검사항목 시각장애 청각장애 상지장애 지적장애 전체 전맹 저시력 색이상 장애유형별 비중(2.1 지침) 95.8% 75.0% 58.3% 20.8% 20.8% 54.1% 41.6% 장애유형별 비중(2.0 지침) 95.5% 81.8% 54.5% 22.7% 22.7% 50.0% 36.4% 1 적절한 대체텍스트 제공 ○ ○ ○ 2 자막제공 ○ 3 색에 무관한 콘텐츠 인식 ○ ○ ○ 4 명확한 지시사항 제공 ○ ○ ○ ○ ○ 5 텍스트 콘텐츠의 명도대비 ○ ○ ○ 6 자동 재생 금지 ○ ○ 7 콘텐츠 간의 구분 ○ ○ ○ ○ 8 키보드 사용 보장 ○ ○ ○ 9 초점 이동 ○ ○ ○ 10 조작 가능 ○ ○ ○ ○ 11 응답시간 조절 ○ ○ ○ ○ ○ 12 정지 기능 제공 ○ ○ ○ ○ ○ 13 깜빡임과 번쩍임 사용 제한 ○ ○ ○ ○ ○ ○ 14 반복 영역 건너뛰기 ○ ○ ○ 15 제목 제공 ○ ○ 16 적절한 링크 텍스트 ○ ○ 17 기본언어 표시 ○ ○ 18 사용자 요구에 따른 실행 ○ ○ ○ ○ ○ 19 콘텐츠의 선형화 ○ ○ 20 표의 구성 ○ ○ 21 레이블 제공 ○ ○ ○ ○ 22 오류 정정 ○ ○ ○ ○ ○ 23 마크업 오류 방지 ○ ○ ○ ○ ○ ○ ○ 24 웹 애플리케이션 접근성 준수 ○ ○ ○ ○ ○ ○ ○ 지침의 변화

13. 13 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 시맨틱 리치 웹 애플리케이션 접근성 기법 접근성 기술 시맨틱 보조기술 지원 IR기법 등 OCR 기술, 모바일 위치기반 기 술 웨어러블 기술 등 응용기술 Everyone Every device 기술(개발수단)의 변화 HTML5 표준이 제정되며 웹 및 접근성의 기술적 확대·보급이 예상됩니다.

14. 14 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! HTML5의 디자인 원칙은 모두가 이용할 수 있는 형태… • HTML5의 Design Principles • <longdesc>와 같이 감춰지는 콘텐츠는 지양하고 현재 페이지에 추가해 줄 것 요 구 • <table>의 summary 속성도 같은 맥락에서 메인 콘텐츠에 보여지는 형태로 변화 • 미디어 독립이라는 의미는 HTML5의 기능들이 시각적인 브라우저에서 뿐만 아니라, 다양 한 플랫폼에서도 작동이 되어야 한다는 의미소프트웨어적인 지원 • HTML5의 <video>, <audio> 등 접근 가능하고 대체수단 제공 멀티미디어 도구 지원 기술(개발 수단)의 변화 HTML5 표준이 제정되며 모두가 이용할 수 있는 형태로 디자인하도록 유도

15. 15 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 시각장애인을 고려하는 동시에 일반 사용자들을 위한… 1) longdesc 속성 <p><img src="chart.gif" alt="중앙기관 웹 접근성 조사결과" longdesc="dest_chart.html"/> </p> 2) 설명문 제공 <p><img src="chart.gif" alt="중앙기관 웹 접근성 조사결과"/></p> <P>2008년도 중앙기관의 웹 접근성 조사결과에 따르면 ... ... ※ Longdesc 속성과 같이 감춰진 별도페이지로 이동하는 불편해소 3) 이미지 링크 제공 <p> <a href="chartdesc.html"> <img src="chart.gif" alt="중앙기관 웹 접근성 조사결과"/> </a> </p> ※ 비장애인도 설명자료를 함께 볼 수 있도록 제공 기술(개발 수단)의 변화 HTML5 표준이 제정되며 모두가 이용할 수 있는 형태로 디자인하도록 유도

16. 16 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 웹 접근성에서 가장 중요한 지침인 대체 텍스트 제공 방식의 변화를 예고 “두 사람이 미소 짓고 있음, 선글라스, 하늘, 야외, 물 등”" 피자, 음식" 기술(개발수단)의 변화 4차산업혁명의 시대, 알파고의 하루는 인간의 35.7년 [페이스북, 자동 대체 텍스트 기능 도입]

17. 17 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! [국내 출산을 위한 공익광고(2008년)] [출처] [LA중앙일보] 발행 2008/09/29 미주판 24면 [일본 도쿄 성인용 기저귀 쇼] 인구의 변화

18. 18 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 2050년이 되면 65세 인구가 38.2%에 달합니다. 인구의 변화

19. 19 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 문제는 그 노인들이 일을 해야 되는 나이입니다. 인구의 변화

20. 20 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때!2018 제 6회 널리 세미나 4차 산업혁명과 정보 접근성 Contents 그동안의변화 다가올변화 변화를위한준비

21. 21 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감(共感)을 위한 첫번째 제안 – 적용 대상을 늘려라 [출처] 2013 장애인통계 한국장애인고용공단 고용개발원 - 한국 : 의사 판정을 통해 장애유형 및 정도를 판정하고, 지방자치단체에 등록 된 자 - 미국 : 신체적 또는 정신적 상태로 일에 제한을 받는 자 - 유럽 : 최소한 6개월 동안 만성 건강문제로 일상 활동에 제한이 있는 자 - 호주 : 심오한(극심한) 또는 중도(가벼운) 핵심활동에 제한이 있는 자 - 캐나다 : 건강 및 활동에 제한(가벼운 활동에서부터 아주 힘든 활동까지)이 있는 자 - 덴마크․노르웨이 : 오랜 건강 문제 또는 장애가 있는 자 - 멕시코 : 영구적인 또는 일시적인 장애가 있는 자 -네덜란드:임금근로를수행하거나구하는것을지연시키는지속적인불만,질병이나장애로고통받 는자 - 스위스 : 1년 이상의 지속적인 건강문제로 능력이 감소하는 자 - 영국 : 1년 이상의 지속적인 건강문제로 능력이 감소하는 자 미국은 장애인 비율이 19%이고, 중국은 장애인 접근성이 아닌 노인 접근성으로 명명

22. 22 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감(共感)을 위한 첫번째 제안 – 적용 대상을 늘려라 시장을 이끄는 공감대는 해당 대상의 소비 규모 Why Web Accessibility is Crucial for Digital Marketers April 10, 2018 12:02:03 PM EDT The first rule of marketing is to know your target audience—yet, digital marketers often overlook people with disabilities, who make up a significant portion of nearly all business’ audiences. According to the latest estimates, 19% of Americans, more than 56 million people, have a disability. What’s more, people with disabilities in the U.S. have a discretionary spending power of $175 billion, representing a highly valuable market segment. Several prominent ad campaigns have featured people with disabilities, such as BMW’s TV commercial for the 2016 Olympics and Paralympics. Although inclusive marketing campaigns like these are commendable, they also need to be backed up by actions showing that people with disabilities are a valuable part of your customer base. Below, we’ll discuss why web accessibility is such an important concern for digital marketers, and what you can do to get started. [출처] https://www.boia.org/blog/why-web-accessibility-is-crucial-for-digital-marketers

23. 23 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! AUTO Taping의 오해 AUTO Taping 자체가 오류가 아니라 탭핑 후 기존 입력 서식으로 돌아가지 못할 때만 오류 인데 무조건 자동으로 넘겨주는 탭을 키보드 사용 보장 오류로 생각하는 경우 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 대중의 불편을 만드는 접근성 개선의 경우 – 예시) 키보드 사용 보장

24. 24 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! A (최소수준–25항목) AA (보통수준-13항목) AAA (최고수준) 미국 DOT 요구기준 대한민국 국가 웹접근성 표준 요구기준 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라

25. 25 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! KWCAG2.1 (WCAG 적합성 수준 A) 검사항목(24개) 1. 적절한 대체 텍스트 제공 2. 자막 제공 3. 색에 무관한 콘텐츠 인식 4. 명확한 지시사항 제공 5. 텍스트 콘텐츠의 명도 대비 6. 자동 재생 금지 7. 콘텐츠 간의 구분 8. 키보드 사용 보장 9. 초점 이동 10. 조작 가능 11. 응답시간 조절 12. 정지기능 제공 13. 깜빡임과 번쩍임 사용 제한 14. 반복영역 건너뛰기 15. 제목 제공 16. 적절한 링크 텍스트 17. 기본 언어 표시 18. 사용자 요구에 따른 실행 19. 콘텐츠의 선형 구조 20. 표의 구성 21. 레이블 제공 22. 오류 정정 23. 마크업 오류 방지 24. 웹 애플리케이션 접근성 준수 WACAG2.0 적합성 수준 AA 검사항목(13개) 1. 캡션(생방송) 2. 소리설명 3. 대조(최소) 4. 텍스트 리사이즈 5. 텍스트의 이미지 6. 여러 가지 방법 7. 제목과 레이블 8. 보이는 포커스 9. 부분들의 언어 10. 모순되지 않는 네비게이션 11. 모순되지 않는 동일함 12. 에러 제안 13. 에러 예방 고령자·비장애인을 위 한 지침 확대 - 오류정정(A) - 에러 제안/예방(AA) 비밀번호 입력 도움 - 지침 : 유관 힌트 - 기술 : 생체인식 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 텍스트 명도대비 - 지침 : 4.5:1 이상 - 기술 : 미러링 (대체 기술 제시)

26. 26 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! <details>, <details open> <span>열림</span> <span>닫힘</span> 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 쉽게 볼 수 있는 대체수단 – 예시) 쉬운 설명글 제공

27. 27 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! U자를 누르면 어떤 실행이 일어날지 직 관적으로 이해하지 못함 버튼의 용도를 직관적으로 판단하기 어 려움 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 쉽게 볼 수 있는 대체수단 – 예시) 쉬운 설명글 제공

28. 28 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 쿠폰 포인트 제휴 X X X 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 [어르신 들의 확대된 모니터] 쉽게 볼 수 있는 대체수단 – 예시) 조작 가능

29. 29 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 쿠폰 포인트 제휴 X X X 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 [어르신 들의 확대된 모니터] 쉽게 볼 수 있는 대체수단 – 예시) 조작 가능

30. 30 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! vs 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 쉽게 검색될 수 있는 대체수단 – 예시) 적절한 대체 텍스트 제공

31. 31 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 중복을 이유로 ‘제품의 사진’에는 alt값을 제공하지 않는다면 검색엔진에서 이미지를 수집할 때 노출되지 않을 수 있으므로 마케팅 관점에서는 대체텍스트를 제공하는 것이 바람직하며 이에 대한 정책적인 결정을 우선 시, 지침을 유연하게 적용 공감(共感)을 위한 두번째 제안 – 대중에게 공감을 얻는 지침을 제공하라 쉽게 검색될 수 있는 대체수단 – 예시) 적절한 대체텍스트 제공

32. 32 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감(共感)을 위한 세번째 제안 – 종합적인 평가 방식을 사용하라 소스기반 계량화된 점수 24개의 지침에 대한 샘플페이지에 대 한 O,X 점수 기반 또는 이를 통한 인 증 종합적인 웹 접근성 적용 노력 접근성 관리, 제공 기술, 보조 기기 지 원, 컨설팅 보고서, 자체 측정 결과 등 을 Statement국내 미국 미국의 Statement 평가 방식

33. 33 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 장애인 NASA 리챌’(LeChal). “2020년 : 접근성 토론 “기술 좋아도 시장성 없으면 묻히기 십상” 서울대학교 지구환경과학부 이상묵 교수 공감(共感)을 위한 세번째 제안 – 종합적인 평가 방식을 사용하라 모두에게 유용한 접근성 기술에 점수를 반영하여 공감을 얻어라

34. 34 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 자막 제공 기술 비교(국내) 공감(共感)을 위한 세번째 제안 – 종합적인 측정방식을 사용하라

35. 35 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감(共感)을 위한 세번째 제안 – 종합적인 측정방식을 사용하라 자막제공 기술 비교(해외) [출처] https://www.ted.com/talks/christine_sun_kim_the_enchanting_music_of_sign_language?language=ko

36. 36 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 공감(共感)을 위한 세번째 제안 – 종합적인 측정방식을 사용하라 자막제공 기술 비교(해외) [출처] https://www.english-video.net/v/ko/2357

37. 37 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 4차산업혁명을 이끌 기술들은 더욱 우리의 생활과 접근성에 공감을 준다. 공감(共感) 접근성

38. 38 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 결국 ‘소통하고 공감’하는 능력

39. 39 웹 접근성 ‘시장(market)을 이끄는 공감이 필요할 때! 접근해 주셔서 감사합니다