공유
accessibility-blue.webp

웹사이트를 누구나 즐길 수 있다면,

CreatedAt
12/22/2020, 8:08:00 AM
Tag
notice
tip
Show
웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것으로, 웹 접근성 준수는 법적의무사항 입니다.
웹 접근성이 왜 중요할까요?
좋은 도구에는 좋은 철학이 있습니다. 웹은 언어, 지역, 빈부격차, 일신의 불편함과 상관 없이 누구든 사용할 수 있는 도구로 디자인 되어 왔습니다. 누군가가 제가 충분히 부유하지 못하다는 이유로 웹을 더 이상 사용할 수 없게 막을 수 없는 것처럼 말이죠.
좋은 웹 접근성은 더 많은 트래픽을 가져다 줍니다. 서비스나 웹 사이트를 제작하는 사람들에게 트래픽을 많이 모으는 것은 중요한 목표 중 하나죠. 웹 접근성을 고려하는 것은 소모적인 일이 아닌, 다른 모든 일만큼 충분한 가치가 있는 일입니다.
웹 접근성, 어려운 일일까요?
웹 접근성이 생소하게 느껴진다고 해서 실천하기도 어려운 건 아니에요. 아주 기본적인 내용만 지켜도 웹 접근성이 좋아질 수 있습니다.
Notion의 토글 블록을 예로 들어 볼까요?
스크린 리더를 사용하는 사람들은 왼쪽 삼각형이 버튼이라는 걸 쉽게 인지하지 못할 수도 있습니다.
그래서 Oopy(우피)는 왼쪽 삼각형에 특별한 라벨링을 붙여서 유저가 내용을 접고 펼 수 있는 버튼임을 알려주고 있어요!
Toggle_list.png
어때요, 생각해보면 그렇게 어려운 일은 아니죠? 😉
Oopy(우피)의 웹 접근성은 어디쯤 와있을까요?
Oopy의 미션은 조금 더 많은 사람들이 조금 더 편하게 웹을 누릴 수 있게 하는 일입니다. Google에서 제공하는 Lighthouse를 사용하면 내 웹사이트의 접근성을 확인해 볼 수 있는데요. Oopy로 만든 웹사이트가 평범한 Notion 페이지보다 접근성이 우수한 것을 알 수 있습니다.
_____.png
Notion의 접근성 점수는 60점이네요.
_____-2.png
같은 우피 웹사이트는 접근성 점수가 96점 입니다!
작은 노력으로 웹사이트 접근성을 올려보세요
우피는 웹 접근성과 관련된 일을 자동으로 해주지만 우피 사용자 여러분이 할 수 있는 일도 있습니다.
🖼️ Notion 이미지 업로드 전 파일명 확인!
Oopy는 이미지를 텍스트로 설명하기 위해서 이미지 파일명을 사용하고 있습니다. 여러분이 업로드한 파일명이 이미지를 잘 설명하고 있다면 좀 더 접근성 높은 웹사이트가 될거에요 😎
_2020__12__23___11_34.png
📄 전달하려는 내용과 목적에 맞게 페이지 분할하기!
한 페이지에 너무 많은 내용을 전달하면 접근성이 떨어질 수 있어요. Notion의 기능들을 이용하여 내용을 잘 정리하는 것만으로도 접근성이 올라간답니다 😉
🌐 문서의 언어를 잘 설정하기!
웹 페이지가 어느 나라 언어를 주로 사용하는지 적절하게 표기하는 것만으로 접근성에 좋은 영향을 줄 수 있습니다. Oopy 에서는 여러분이 선호하는 언어를 문서의 언어로 사용하고 있습니다. 향후에 문서의 언어를 설정하는 기능도 추가할 예정이에요!
_.png
Oopy는 여러분의 Notion 페이지가 높은 접근성을 가질 수 있도록 다양한 시도를 하고 있습니다. 높은 접근성은 여러분의 컨텐츠를 더욱 많은 사람들이 즐길 수 있다는 뜻이기도 하죠! 만약 Oopy를 사용하고 있다면 여러분의 웹사이트가 접근성이 높다는 사실! 기억해 주세요 👍
참고 문서
Made with 💕 and Oopy
TOP