포용적인 웹 콘텐츠를 위한 전문가 전략으로 접근 가능한 글쓰기를 마스터하세요. 모든 독자에게 도달하도록 돕는 실천 팁으로 글쓰기 워크플로를 개선하세요.
URL: https://www.a11y-collective.com/blog/accessible-writing/?cmid=aeef5aa8-7517-40f4-85d4-b05a24dab85c
Title: 웹 콘텐츠를 위한 접근 가능한 글쓰기 기법
포용적인 웹 콘텐츠를 위한 전문가 전략으로 접근 가능한 글쓰기를 마스터하세요. 모든 독자에게 도달하도록 돕는 실천 팁으로 글쓰기 워크플로를 변혁하세요.
2025년 9월 4일
사람들이 웹사이트 콘텐츠의 ‘좋음’에 대해 묻곤 할 때, 종종 검색엔진 최적화(SEO)를 먼저 떠올리고 글의 진짜 목적, 즉 효과적인 커뮤니케이션은 떠올리지 않습니다. 하지만 독자와 연결되도록 글을 쓰면, 좋은 순위는 자연스럽게 따라옵니다.
NHS Digital을 예로 들어보죠. 2017년부터 2019년 사이, 그들은 웹사이트 전반을 ‘명확한 언어와 사용자 친화적 디자인’에 초점을 맞춰 완전히 개편했습니다. 그 결과는? 일일 사용자 수가 1만5천 명에서 2만6천 명으로 증가—불과 2년 만에 73% 상승했습니다.
영국 NHS Digital의 Owain Davies는 이렇게 말합니다. “콘텐츠는 접근성 측면에서 종종 간과됩니다.” 하지만 콘텐츠 제작자는 모든 사용자가 웹에 접근할 수 있도록 만들 엄청난 기회와 책임을 가지고 있습니다.
이 글은 WCAG 표준에 맞춘 실용적인 기법을 제공합니다. 지금 바로 적용해 콘텐츠의 접근성을 높여 보세요. 복잡한 전문 용어나 이론은 배제했습니다. 접근성 표준에 부합하면서 모두에게 더 나은 경험을 제공하는 실행 가능한 단계만 담았습니다.
콘텐츠가 더 많은 사람에게 도달하고 참여를 이끌어 내길 원한다면, 접근성은 글쓰기 과정의 핵심에 있어야 합니다. 그 의미는 다음과 같습니다.
💡 알고 계셨나요? 대중을 위한 NHS 웹사이트 콘텐츠는 8세 수준의 읽기 난이도로, 전문가를 대상으로 한 사이트는 12세 수준을 목표로 작성됩니다. 놀랍게도, 전문가들도 더 쉬운 콘텐츠를 선호합니다!
쉬운 언어로 글을 쓰면 인지적 장애가 있는 사용자에게 장벽을 제거하고, 모두가 내용을 더 쉽게 이해할 수 있습니다.
다음 방법으로 텍스트의 접근성을 높이세요.
전문 용어는 일상적인 언어로 바꾸세요.
능동태로, 독자에게 직접 말하듯 쓰세요.
문단은 짧게 유지하세요. 문단당 하나의 핵심 아이디어가 있으면 더 쉽게 따라올 수 있습니다.
장애 언어 스타일 가이드에 따라 사람 우선(person-first) 언어를 사용하세요. 예: “시각장애인” 대신 “시각 장애가 있는 사람들”.
중요한 정보는 먼저 제시하세요. 앞부분에 핵심을 배치하면 독자가 필요한 내용을 빠르게 찾을 수 있습니다.
명확한 제목과 URL은 스크린 리더 사용자에게 방향 감각을 제공하고 모두에게 탐색을 개선합니다. 예를 들어, 기본 탐색과 다른 점 중 하나는 스크린 리더가 새 페이지 로드 시 페이지 제목을 먼저 읽어 준다는 것입니다. 따라서 제목은 유익하고 도움이 되어야 합니다.
| 요소 | 나쁜 예 | 좋은 예 |
|---|---|---|
| 페이지 제목 | “Home – Company Name” | “Web Design Services in London – Company Name” |
| URL | example.com/page?id=47289 | example.com/web-design-services |
다음 지침을 따르세요.
“사이트 접근성을 보장하는 것은 개발팀의 일이지만, 그다음부터는 콘텐츠 팀이 바통을 이어받습니다.”
The A11Y Collective CEO이자 설립자 Taeke Reijenga
제목은 모든 사용자가 콘텐츠를 효율적으로 탐색할 수 있도록 골격을 만들어 주는 중요한 요소입니다. 특히 스크린 리더 사용자는 종종 제목 간을 건너뛰며 내용을 훑어보거나 제목만으로 페이지를 탐색합니다. 이는 시력이 있는 사용자가 굵은 글씨를 훑는 방식과 유사합니다.
제목을 올바르게 구성하는 방법은 다음과 같습니다.
제목 구조를 책에 비유해 보세요. 제목(H1), 장(H2), 장 안의 절(H3), 그리고 H6까지 이어집니다.
💡 알고 계셨나요? NHS 웹사이트를 테스트했을 때, 콘텐츠 구조를 개선한 뒤 2018년 4월에는 우선순위 접근성 이슈가 없는 페이지 비율이 36%였지만 2019년 10월에는 100%로 증가했습니다.
스크린 리더 사용자는 종종 Tab으로 링크를 이동하거나 페이지의 모든 링크 목록을 검토하며 탐색합니다. 링크 텍스트가 “여기를 클릭”이나 “더 보기”뿐이라면, 그 링크가 어디로 가는지 알 수 없습니다.
| 나쁜 링크 텍스트 ❌ | 더 좋은 링크 텍스트 ✅ |
|---|---|
| 여기 클릭 | 접근성 가이드 다운로드 |
| 더 보기 | WCAG 2.1 가이드라인 알아보기 |
| https://example.com/page | 접근성 도구 모음 페이지 방문 |
사용자가 링크가 정확히 어디로 안내하는지 알수록 클릭할 가능성이 높아지고, 도착했을 때의 좌절감은 줄어듭니다.
대체 텍스트(alt text)는 이미지의 텍스트 동등물로, 스크린 리더 사용자가 시각 정보를 이해할 수 있게 합니다. 이미지를 불러오지 못할 때도 표시되어 모든 사용자에게 도움이 됩니다.
차트나 인포그래픽 같은 복합 이미지는 짧은 요약을 alt 텍스트로 제공하고, 페이지 본문에 더 자세한 설명을 덧붙이세요.
⚠️ 피해야 할 흔한 실수:
| 나쁜 대체 텍스트 ❌ | 더 좋은 대체 텍스트 ✅ |
|---|---|
| “Image” | “스크린 리더로 웹사이트를 탐색하는 여성” |
| “Banner.jpg” | “6월 15일 접근성 워크숍을 홍보하는 배너” |
| “Chart showing data” | “2023년 건설(56%)과 전자상거래(37%) 업계의 웹사이트 접근성 점수를 비교한 막대 차트” |
간단한 테스트: 대체 텍스트를 소리 내어 읽어 보고, 보지 못하는 사람에게도 그 이미지의 목적이 전달되는지 스스로 물어보세요.
오디오와 비디오는 적절한 텍스트 대체물이 없으면 청각장애가 있거나 난청인 사람들에게 장벽이 됩니다. 이러한 대체물은 시끄러운 환경, 제한된 대역폭, 보기·듣기보다 읽기를 선호하는 사용자에게도 유용합니다.
다음 사항을 포함하세요.
모든 영상의 음성 콘텐츠에 대한 정확한 자막
여러 사람이 말할 때는 화자 식별
대사로 전달되지 않는 중요한 시각 정보를 설명하는 오디오 설명
말과 관련 소리(비언어음)까지 담은 완전한 대본(transcript)
미디어 가까이에 대본을 쉽게 찾을 수 있도록 배치
📝 대본 팁: 긴 콘텐츠에는 타임스탬프를 포함해 사용자가 원하는 부분을 빨리 찾을 수 있게 하세요.
자동 생성 자막은 오류가 많습니다. 공개 전에 반드시 검토·수정하세요. 이 약간의 수고가 모든 사용자의 경험을 대폭 개선합니다.
명확한 안내문은 정보를 다르게 처리할 수 있는 인지적 장애가 있는 사람을 포함해 모두가 웹사이트를 성공적으로 이용하도록 돕습니다.
안내문을 작성할 때:
⛔️ 다음에만 의존하는 안내는 피하세요.
대신 “계속(Continue) 버튼을 선택하세요” 또는 “연락처 정보(Contact Information) 섹션을 완료하세요”처럼 명확한 참조를 사용하세요.
콘텐츠를 어떻게 포맷하느냐는 가독성과 접근성에 큰 영향을 줍니다. 전략적인 형식화 선택이 포용적인 웹사이트와 장벽을 만드는 웹사이트를 가릅니다.
핵심 형식화 지침:
충분한 색 대비를 유지하세요. 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1 비율을 목표로 합니다.
양측 정렬은 피하고 왼쪽 정렬을 사용하세요. 균일하지 않은 간격은 난독증이 있는 사람에게 어려울 수 있습니다.
다음 방법으로 콘텐츠를 분할하세요.
읽기 쉬운 글꼴을 선택하세요. 본문은 읽기 쉬운 글자 크기로 산세리프를 권장하며 최소 12pt를 사용하세요.
200%로 확대해도 텍스트가 읽기 쉬워야 합니다.
문단과 섹션 사이에 충분한 여백(화이트 스페이스)을 두세요.
이 작은 추가 사항은 WCAG 성공 기준 3.1.1이 요구하듯 스크린 리더가 올바른 언어로 콘텐츠를 정확히 읽어 줄 수 있게 합니다.
Scope는 장애 불평등에 맞서고 장애에 대한 인식을 바꾸는 캠페인을 펼치는 영국의 단체입니다. 웹사이트의 모든 텍스트는 짧고 핵심만 담고 있으며 이해하기 쉽습니다.
예를 들어, “About us” 페이지의 텍스트는 다음과 같습니다.
About us
We are Scope.
We’re here to create an equal future with disabled people.
We campaign to transform attitudes to disability, tackle injustice and inspire action.
We create opportunities and provide information and support that empowers.
One in four of us in the UK are disabled. We are a diverse, proud, and vibrant community.
We are part of a powerful movement of disabled people, allies, organisations and businesses.
And together, we will be unstoppable.
이는 자의식이 배제되고 철저히 독자를 위해 쓰인 훌륭한 텍스트의 예입니다.
그렇다면 Scope의 글쓰기가 돋보이는 이유는 무엇일까요?
이들은 글쓰기가 ‘쉬워서’ 이렇게 쓰는 것이 아니라, 더 많은 사람이 콘텐츠를 활용하고 목적을 이해하길 바라기 때문에 이렇게 씁니다. 여기에는 인지적 장애가 있는 사람, 영어가 모국어가 아닌 사람, 바쁜 사람 모두가 포함됩니다.
콘텐츠 접근성을 검증하는 도구와 테스트
접근 가능한 콘텐츠를 만드는 것이 첫걸음이라면, 모두에게 잘 작동하는지 검증하는 것도 필수입니다. 좋은 테스트 프로세스는 놓치기 쉬운 장벽을 찾아내는 데 도움이 됩니다.
다음 도구는 흔한 접근성 문제를 찾아내는 데 도움이 됩니다.
다음 방법을 테스트 프로세스에 포함하세요.
시간이 지나도 표준을 유지하려면 콘텐츠 접근성 감사를 정기적으로 계획하세요. 특히 규모가 큰 웹사이트나 애플리케이션이라면 The A11Y Collective 같은 전문 서비스 제공자에게 종합 평가를 의뢰하는 것도 고려하세요.
축하합니다! 이제 접근 가능한 콘텐츠 작성의 기본을 알게 되었습니다. 이 간단한 팁을 따르면 더 많은 사람이 웹사이트를 이용할 수 있게 되지만, 개선의 여지는 항상 있습니다.
이 과정은 콘텐츠 제작자, 매니저, 마케터, 사이트 운영자를 위해 특별히 설계되었으며, 시작하는 데 접근성 지식은 필요 없습니다. 이미 접근성 업무를 하고 있다면 IAAP 인증을 위한 CAEC 학점 2점을 받을 수 있습니다.
이 과정을 수강하면 글쓰기 방식이 달라지고, 접근성은 단순한 체크리스트 항목이 아니라 일의 자연스러운 일부가 될 것입니다.
“Writing accessible content for the Web” 과정에 참여해 접근성을 워크플로의 자연스러운 일부로 만드세요.
The A11Y Collective는 웹 접근성에 대해 더 배우고 싶은 모든 이를 위한 이러닝 플랫폼입니다!
