누구를 위한 도구인가

어수선한 요소 없이 기사만 읽기

페이지 부가 요소는 시각적 어수선함만이 아닙니다. 스크린 리더가 읽어 주고 독자가 방문할 때마다 건너뛰어야 하는 텍스트입니다. 클립 창은 페이지 스크립트를 실행하지 않은 채, 브라우저의 라이트 또는 다크 설정으로 기사만 보여 줍니다.

페이지가 헤쳐 나가게 만드는 것

첫 문장 전에 동의 대화 상자, 구독 권유, 고정 헤더, 이동 경로, 공유 버튼 줄이 있습니다. 스크린 리더로는 페이지마다 1분의 안내 음성입니다. 400 % 배율의 화면 확대기로는 텍스트가 어디서 시작하는지 찾는 데만 한참 스크롤해야 합니다. 브라우저 내장 읽기 모드는 켜질 때는 도움이 되지만, 모든 곳에서 켜지지는 않습니다.

그다음 페이지가 끼어듭니다. 셋째 문단에서 뉴스레터 패널이 밀려 나오고, 모서리에서 동영상이 시작되며, 광고가 불러와지면서 레이아웃이 다시 흘러 읽던 자리를 잃습니다. 어느 것도 기사가 아니고 모두 기사와 경쟁하며, 그래서 저장한 사본을 읽는 것이 원래 페이지를 읽는 것보다 쉬운 경우가 많습니다.

구조로 이동하는 방식은 그것에 기대지 않는 사람이라면 놓치기 쉬운 방식으로 손상됩니다. 제목 단위로 이동하는 것은 긴 기사를 지나가는 가장 빠른 방법이고, 제목이 기사에 속할 때만 작동합니다. 메뉴 섹션, 홍보 패널, 푸터 열이 모두 제목으로 마크업된 페이지에서는 그 단축키가 부가 요소를 차례로 짚습니다. 클립에는 기사 자체의 제목만, 기사가 쓴 수준 그대로 담기므로 단축키가 다시 단축키가 됩니다.

클립 창이 보여 주는 것

• 읽기 모드는 클립을 일반 텍스트로 표시합니다. Markdown 기호 없이, 작동하는 링크와 진짜 제목과 함께.
• 사이트가 아니라 브라우저의 라이트·다크 설정을 따릅니다.
• 긴 기사에서는 창이 화면의 약 4분의 3까지 커집니다.
• 클립 창에서는 페이지 스크립트가 실행되지 않습니다. 읽는 동안 무엇도 밀려 나오거나, 자동 재생되거나, 다시 흐르지 않습니다.
• 저장한 파일은 일반 텍스트이므로, 어떤 스크린 리더, 점자 디스플레이, 읽기 도구도 내비게이션에 걸려 넘어지지 않고 처리합니다.
• 제목은 제목으로 남으므로, 노트 안에서도 제목 단위 이동이 됩니다.
• 목록은 목록으로, 표는 표로 남으므로, 스크린 리더가 구분 없는 텍스트 덩어리가 아니라 목록과 표로 안내합니다.
• 기사 자체의 링크만 남으므로, 노트에서 만든 링크 목록에는 메뉴 항목 120개가 아니라 참조가 담깁니다.

• 이 숫자의 출처: 엔진 버전과 날짜를 밝힌 벤치마크

Introduction to Web Accessibility

Web accessibility means that websites, tools and technologies are designed
and built so that people with disabilities can use them.

Accessibility supports social inclusion for:

  • people with disabilities
  • older people with changing abilities
  • people using a small screen or a slow connection

Learn more about the Web Content Accessibility Guidelines

읽기용으로 설정하기

설정 네 가지이고, 어느 것도 추출 방식을 바꾸지 않습니다. 단축키를 누른 뒤 도착하는 곳을 바꾸며, 읽기에서는 그것이 경험의 전부입니다.

1. 확장 프로그램 아이콘을 마우스 오른쪽 버튼으로 눌러 옵션을 고릅니다. 아이콘 클릭 동작은 미리보기 창으로 둡니다. 읽기에서는 창이 파일로 가는 중간 단계가 아니라 목적지입니다.
2. chrome://extensions/shortcuts에서 단축키를 확인합니다. Alt+Shift+M은 포인터를 전혀 움직이지 않고 클리핑하며, 아이콘이 다른 아이콘 열두 개 옆의 작은 대상인 페이지에서 중요합니다.
3. 긴 기사에서 클립 창을 한 번 열고 키웁니다. 화면의 약 4분의 3까지 커지며, 크기는 매번 정할 필요 없이 둔 그대로 유지됩니다.
4. 창 안에서 읽기 모드로 전환합니다. 클립을 일반 텍스트(진짜 제목, 작동하는 링크, Markdown 기호 없음)로, 사이트가 아니라 브라우저 자체의 라이트 또는 다크 설정으로 표시합니다.
5. 읽는 사이트에서 스크린 리더가 설명 없는 이미지를 읽어 준다면, 이미지를 전체 또는 사이트별 규칙으로 제외로 설정합니다. 확장 프로그램은 설명을 지어내지 않으므로, 페이지가 설명을 달지 않은 이미지는 설명 없이 남습니다.
6. 보관할 가치가 있는 기사는 파일로 저장해 이미 쓰는 도구에서 읽습니다. 일반 텍스트 파일에는 스크립트도, 레이아웃도, 고정 글자 크기도 없으므로 표시 방식은 전적으로 읽기 도구가 정합니다.
7. 매일 읽는 두세 사이트에 사이트별 규칙을 추가해, 각 사이트에 맞는 설정을 매번 조정하지 않아도 되게 합니다.

편하게 읽기 위한 설정

생각해 볼 만한 것은 이미지 행입니다. 페이지에 무엇이 들었느냐가 아니라 내가 어떻게 읽느냐에 달려 있기 때문입니다.

# Understanding Success Criterion 1.4.3: Contrast (Minimum)

## Intent
## Benefits
### Users with low vision
### Users with colour vision deficiencies
## Examples
## Related resources

세 단계 수준의 제목 일곱 개가 페이지에서 쓰인 순서 그대로입니다. 수준이
평평하게 뭉개지지 않았으므로 노트 안에서도 제목 단위 이동이 됩니다.

세 가지 읽기 방식

스크린 리더로 읽는 뉴스 기사

페이지에는 첫 문장 전에 동의 대화 상자, 구독 권유, 고정 헤더, 이동 경로, 공유 버튼 줄이 있고, 모두 음성으로 안내됩니다. 클립 창에는 제목이 있고 그다음이 기사입니다.

그 차이를 측정한 것이 중복 내비게이션입니다. 페이지 109개에서 반복 줄 102개, 비교한 엔진은 282, 478, 491개였습니다. 반복 줄은 섹션마다 다시 안내되는 바로 그 내용입니다.

높은 배율로 읽는 긴 글

400 %에서는 텍스트가 시작하는 곳을 찾는 것이 일의 대부분이고, 광고가 불러와질 때마다 레이아웃이 다시 흘러 읽던 자리를 가져갑니다. 클립 창은 페이지 스크립트를 실행하지 않으므로, 한번 열리면 무엇도 밀려 나오거나 자동 재생되거나 움직이지 않습니다.

창을 화면의 약 4분의 3으로 키우면 텍스트에 제자리를 지키는 단이 생깁니다. 뒤의 기사는 그대로입니다. 확장 프로그램은 원래 페이지의 스타일을 바꾸지 않고, 텍스트의 사본을 보여 줄 뿐입니다.

나중에, 내 도구로 읽기

파일을 저장해 이미 쓰는 읽기 도구로 엽니다. 글자 크기, 간격, 대비, 음성이 모두 내 설정입니다. 제목 구조도 기사가 쓴 수준 그대로 따라오므로, 창에서처럼 노트 안에서도 제목 단위 이동이 됩니다.

일반 텍스트 파일에는 고정 글자 크기도, 최소 너비도, 스크립트도 없습니다. 저장한 웹페이지와 달리 읽기 도구 안에서 제대로 동작하는 이유가 그것입니다.

페이지를 걷어 내는 다른 방법과 비교

이 방법들은 모두 페이지가 읽기 어렵기 때문에 존재합니다. 각각이 다른 부분을 해결하며, 이것을 포함해 어느 것도 전부를 해결하지는 못합니다.

클립 창이 도움이 되지 않을 때

창에 기사가 없다고 나옵니다

페이지가 피드, 쇼핑몰 진열 페이지, 검색 결과, 홈페이지여서 보여 줄 기사가 없습니다. 확장 프로그램은 추출된 글자의 약 4분의 1 이상이 링크 텍스트 안에 있는 페이지를 거절하며, 그런 페이지가 바로 그렇게 이루어져 있습니다. 첫 화면이 목록인 사이트에서는 먼저 항목을 연 뒤 그것을 클리핑하세요.

글자가 더 커지지 않습니다

클립 창은 자체 크기 조절 대신 브라우저 확대를 따르므로, Ctrl과 +가 조절 수단입니다. 의도된 것입니다. 창 하나에 따로 크기 설정이 있으면 내 선호를 반복해 설정할 곳이 하나 더 생깁니다. 글자, 간격, 음성을 완전히 통제하려면 파일을 저장해 내 읽기 도구로 여세요.

스크린 리더가 설명 없는 이미지를 읽어 줍니다

대체 텍스트는 페이지가 제공하면 옮겨지고, 제공하지 않으면 비어 있습니다. 확장 프로그램은 설명을 절대 생성하지 않습니다. 추측한 설명을 사실처럼 읽어 주는 것은 침묵보다 나쁘기 때문입니다. 이 점이 늘 부실한 사이트라면 그 사이트의 이미지를 “제외”로 설정하세요. 클립에 전혀 나타나지 않습니다.

창을 열어 둬도 페이지가 계속 방해합니다

클립 창은 페이지 스크립트를 실행하지 않지만, 뒤에 있는 탭은 여전히 살아 있는 페이지이고 그 동영상, 타이머, 알림은 계속됩니다. 페이지 앞에 띄운 창이 아니라 저장한 파일에서 읽는 것이 원래 페이지를 완전히 뒤로하는 방법입니다.

하지 않는 일

아무것도 소리 내어 읽지 않으며 스크린 리더가 아닙니다. 이미 쓰는 도구를 위해 깔끔한 텍스트를 만듭니다. 사이트 자체의 스타일을 바꾸지 않습니다. 원래 페이지는 창 뒤에 그대로 있습니다. 글자 크기는 자체 조절 기능이 아니라 브라우저 확대를 따릅니다. 그리고 기사 본문이 없는 페이지(피드, 쇼핑몰 진열 페이지, 검색 결과)에서는 보여 줄 것이 없으므로, 링크를 나열하는 대신 그렇다고 알립니다.

자주 묻는 질문