점핏 - 정보 접근성의 중요성과 필요성

dev0leee·2023년 10월 31일
0
post-thumbnail

이미지 출처 : 점핏 - 더 루키 - only 점핏

📍 참가배경

공부하고 있던 어느 날 휴대폰 잠금화면에 뜬 메일 하나,
'접근성 이라니 너무 관심있는 주제잖아' 하면서 냉큼 달려가서 읽었다.
(김버그의 html/css 강의를 들을 때, 시작은 img의 alt를 써야한다였고 WAI-ARIA 가 나오며 웹접근성에 대해서도 잠깐 나왔었다. 개발 시작 전부터 소외되는 계층에 관심이 많았기에 재밌게 들었고 지금도 더 공부해보고 싶은 주제다.)

우선 (1)너무 관심있는 주제였는데 이 주제만으로 강의를 들어본 적이 없었고, (2)fe 현업자분이시며, (3)오프라인 강의도 목말라있을 때라 흥미가 무척 갔다.
하지만 점핏 강연은 신청한다고 다 되는게 아니라서, 되면 좋겠다~ 하는 마음으로 바로 신청했다.

두둥-! 저 오라구요..!??!
이 직전에 테오콘은 추첨 안되고 그래서 이것도 기대 안하고 있었는데
오랜만에 오프라인 강의라니 설렜다

삼성 강남의 3층 라운지에서 진행됐다.
라운지가 계단식으로 되어 있고, 장소가 넓지는 않았지만 20명 내외가 앉기엔 충분 했다!


📍 강연 내용 정리

주제 : 여러분의 서비스에서 접근성은 어느 정도의 가치를 가지고 있나요?

1.연사소개

  • 지성봉, 사람인 FE개발자
  • 한국지능정보사회진흥원
  • mail@mulder21c.io

소개해주시며 캡차에 대해서도 언급하셨는데, 찾아보니 구글에서 맨날 뭐할 때마다 '횡단보도가 있는 사진을 고르시오.', '자전거가 있는 사진을 모두 선택하시오.', 또는 '로봇이 아님을 증명하시오.' 하는 거였다!

2.정보 접근성이란?

2.1 해당하는 것 골라보기

  • 우리 서비스에 웹접근성이 얼마나 적용되어있는지? 접근성이 중요하고 필요하다고 생각하지만 서비스 개발 프로세스에 접근성을 고려하고 있지는 못하다.
  • 웹접근성에 대한 필요성? 당연히 매우 중요하고 필요하다고 생각한다.
  • 우리 서비스를 장애인이 이용한다면? 몇번 시도하다가 못 써먹겠다고 때려 칠 것 같다.

여러 보기가 있었는데 내가 선택했던 것이다. 현재 내가 어느 상황에 있고, 어떤 생각으로 웹접근성을 바라보는지 알아보는 시간을 가졌다.

2.2 일상 속 접근성

  • universal design, inclusive design, design for all => 다양한 사용자를 포괄하는 디자인
    • 손가락에 관절염이 있다면, 손잡이가 없는 동그란 문고리는 열지 못할 수 있음
  • barrier free

2.3 통계

  • 대구인구수 2,378,464명 / 경북인구수 2,561,623명 / 등록장애인수 2,642,860명
  • 등록되지 않은 장애인도 여전히 있음
  • 등록장애인수가 대구, 경북 인구와 비슷하거나 조금 많음
  • 접근성의 부재는 곧 오류와 같음

2.4 법률

  • 장애인 차별 금지 및 권리 구제 등에 관한 법률 : 접근성을 준수하도록 강제하고 있음
  • 지능정보화 기본법

2.5 장애를 고려한 기능으로 인한 편리함

  • 지하철 엘리베이터 설치는 장애인 시위로 얻어진 것. 하지만 장애인만 사용하는 것은 아님. 무거운 짐을 들고 있는 사람, 유모차를 끄는 사람, 거동이 불편한 고령자도 사용하며 편리함을 누리고 있음.
  • ott 자막은 청각장애인을 고려하며 만들어진 기능임. 하지만 무선이어폰이 배터리가 없거나, 주변 소음이 심해서 소리가 잘 안 들리는 사람들도 사용하며 편리함을 누리고 있음.
  • 명암비가 낮은 화면은 꼭 눈이 안 좋은 사람들 뿐만 아니라, 햇살 밝은 날에 잘 안 보일 수 있는 것과 디스플레이 기본 밝기에 따라 안 보일 수 있는 상황에서 명암비를 높게하면 화면을 잘 볼 수 있는 편리함을 누림.
  • 편리함은 돌아오는 것!

3.정보 접근성이 중요한 이유와 접근 방법

  • 누군가는 사용할 수 없다
  • 단지 사용하지 못한다는 것에 그치지 않고, 격차가 발생하고 소외가 발생하고 차별이 일어남.

4.접근성에 대한 오해, 선입견

  • 접근성은 결국 장애인 사용자를 대응하기 위한 일이 아닌가요?
    • 주로 신체장애인을 이야기를 이야기하니 원론과 실제가 다르다고 느껴지고, 신체장애를 대응하는걸로 고착되어감. 하지만 접근성은 장애인보다는 다양한 사용자를 고려한다는 것!
  • 그렇다면 왜 주로 신체장애로 접근성이 다뤄질까?
    • 예를들어 시력이 1.0~2.0까지만 있다고 해보자.
    • 시력 2.0 을 기준으로 폰트를 정하면 시력이 2.0인 사람만 사이트를 볼 수 있다.
    • 시력 1.0을 기준으로 폰트를 정하면, 1.0 부터 2.0까지 모두가 사이트를 볼 수 있다.
    • 결국! 가장 취약한 사용층을 최소 기준으로 두면 거의 모든 사용자의 문제가 자연스럽게 해결 될 수 있다. => 그리고 가장 취약한 사용층은 대부분 신체 장애인(영구적)이, 그렇기 때문에 접근성을 이야기할 때 신체장애가 주로 다뤄지는 것
  • 접근성은 라면 끓이는 방법이 아니다.
    • 라면 레시피에서 레시피 자체보다 중요한 건 재료, 계량, 불조절 온도 조절 등등이다.
    • 결국 img에 alt 를 써야하는 것보다, alt에 어떤 내용을 왜 써야하는지 올바르게 생각해봐야하는 것이 더 중요하다.
    // 아래처럼 쓰는 건 정형화된 레시피를 그냥 따르는 것뿐!
    <img src='/blabla' alt='배너'/>

약간 띵~ 했던 부분! 여기까지 강의내용에 대해서도 '왜 코드나 접근성을 높일 수 있는 방법을 알려주지 않고, 접근성에 대한 통계나 상황을 더 중점적으로 알려줄까?' 의문을 가지며 강의를 듣고 있었다. 이 파트를 듣고 나니 '결국은 방법 자체보다 더 중요한 건 내가 만드는 서비스와 사용자를 맞춤형으로 고려하는 사고가 필요했던 것! 이구나!' 하는 생각과 동시에 그래서 강의 구성이 이렇게 됐구나..! 싶었다.

5.장애에 대한 이해, 장애의 종류

5.1 장애에 대한 이해

실제 ppt 화면은 저렇게 빨갛고 파랗지 않았다... 핸드폰으로 찍으니 이렇게 됐다..!!!

  • 어떤 내용을, 왜 써야하는지 올바르게 생각할 수 있기 위해서는 장애에 대한 이해와 장애자들이 어떻게 웹사이트를 사용하는지를 아는 것이 먼저다.
  • WCAG(Web Content Accessibility Guidelined, 웹 콘텐츠 접근성 가이드라인) 문서 구성 : intent 가 중요!
    • 많은 기법들이 있는데, 그 중 보편적으로 정리된 것만 보고 적용함. 왜 필요한지 이해가 훨씬 중요함. 반복문이라고 해서 for문만 있는게 아님. 알맞게 사용해야함.

5.2 장애의 종류

  • 종류를 몰라서 정형화된 방법만 사용하기도 함.
  • 스텐리스팬과 코팅팬 사용법이 다르듯이, 점맹 장애와 저시력 장애도 다르게 접근해야함.
  • 예를들어 감각(소리, 모니터, 햅틱), 움직임, 정보처리, 발작에 대한 장애로 분류를 해보면
    • 감각 : 촉각 사용이 불가하면 대체기능이 필요하고, 둔감하다면 강하게하여 감각을 느낄 수 있도록 해야함
    • 움직임 : 드래그앤드랍이 불가하다면 어떤 걸로 대체할 수 있을지 고민해야함
    • 정보처리 : 고령자라면 어떻게 쉽게 이해할 수 있도록 할까, 난독증이 있으면 어떻게 읽게 할 수 있을까, 기억능력이 떨어지면 어떻게 기억하게 할 수 있을까를 고민해야함
    • 발작 : 광과민성 발작(ex.포켓몬 사태)이 있는 사용자들에게는 어떻게 번쩍거리는 걸 못 보게할 수 있을까를 고민해야함

6.접근성의 4원칙 P.O.U.R

6.1 P

6.2 O

6.3 U

6.4 R

  • Robust : 상위호환에 대한 문제

6.5 결국!

  • 장애 유형별 대응 + 접근성 4원칙 = 올바른 접근성 지침

7.마무리

  • 개발을 한다는 것 = 사용자가 사용하는 프로덕트를 만드는 일
  • 우리가 만드는 것 끝에는 사람이 있다.

📍 후기

이렇게 1시간의 알찬 강연으로 알찬 시간을 보내고 왔다. (1)오프라인 강연에 대한 목마름이 조금 채워지는 시간이었고, (2)생각보다 "fe" "개발"자 측면보다는 서비스를 구성하는 전반적인 측면에서 접근성을 바라볼 수 있는 시간이었고, (3)이 주제로 들은 첫 강의였는데 아주아주 제대로 인사이트를 얻어왔다.

(3)번에 대해 좀더 자세히 이야기 해보자면, 강연내용 정리 중간에도 써뒀듯 나는 개발할 때 접근성을 고도화시키는 구체적인 방법을 배울 거라고 기대했다. 이게 중요하다고 여태 생각해왔으니까! 하지만 더 중요한 건 접근성을 대하는 자세였다. 정말 띵~ 하고 인사이트를 얻었다. 그런 정형화된 방법을 무턱대고 무작정 쓰는게 아니라, '서비스'와 '사용자'를 생각하며 써야한다는 것. 이렇게 써놓고보니 당연한 말 같다. 하지만 이걸 말로 꺼내어서 제 3자의 입으로 들으니, 대단히 중요하고 대단히 고수해야할 원칙처럼 느껴졌다.

또 나는 평소에 개발할 때 동료를, 주변 지인을, 코드를 넘어 있는 사람을 생각하며 무언갈 만들 수 있길 바란다. 그런데 우리가 만드는 것 끝에는 사람이 있다.라는 문장을 10년이상의 연차를 가진 강사님께 들으니, 그래도 좋은 방향을 지향하며 개발하고 있구나! 안도감이 들기도 했다. (물론, 이걸 실제로 적용하고 있을지는 또다른 문제..)

웹접근성을 고려하는 개발은 김버그 강의를 들을 때와, 부트캠프 초창기에 html과 css로만 클론코딩 했던 때 뿐이었다. 그 후엔 기능 개발에 급급해서 웹접근성 고려는 엄두도 못냈다. (늘 생각은 하고 있었지만..) 늘 고려하고 있던 것에 대한 지식과 인사이트를 넓히는 시간이 되어 아주 유익했다. 또 다음에도 이 주제로 강연이 열린다면 즐거운 마음으로 냉큼 참여해야지!

2개의 댓글

comment-user-thumbnail
2023년 11월 3일

멋져요 은영님!

1개의 답글