접근성 검사
Page Lemon은 공개한 페이지에 흔한 접근성 문제가 있는지 점검해요. 설명 없는 사진, 글자가 없는 버튼, 읽기 어려운 글자 같은 문제를 찾고, 고치는 일은 AI가 대신해 줘요. 자동 점검이라 흔한 문제를 찾아 줄 뿐 전부를 찾지는 못해요. 전문적인 접근성 감사나 적합성 인증은 아니에요.
마지막 업데이트: · Markdown으로 보기
AI에게 이렇게 말해 보세요
AI 채팅에 복사
내 사이트의 접근성 문제를 점검하고 고쳐 줘수정한 뒤에는 이렇게도 할 수 있어요:
AI 채팅에 복사
내 사이트에 접근성 점검을 다시 돌리고 남은 문제를 알려 줘AI가 물어보는 것
- 설명이 없는 사진마다 무엇이 찍혀 있는지 몇 마디로. AI가 사진 내용을 짐작해서 쓰면 안 돼요.
- 사진이 장식(무늬, 구분선)일 뿐인지 여부. 그러면 스크린 리더가 건너뛸 수 있어요.
- 배경 때문에 읽기 어려운 글자가 있을 때 색을 바꿔도 되는지 여부.
- 수정본을 공개하기 전에 하는 확인.
미리 준비할 것
- 사진마다 몇 마디 설명: 누가, 또는 무엇이 나와 있는지 적어 주세요("문 열 시간의 밀 로드 우리 빵집"). 그 밖에 준비할 건 없어요.
- 설치할 건 없어요. 점검은 공개할 때마다 Page Lemon에서 알아서 실행돼요.
진행 과정
- 공개할 때마다 Page Lemon이 페이지를 최대 40개까지 점검하고, 주요 문제를 개수와 함께 AI에게 알려 줘요. 공개가 막히는 일은 없어요.
- AI가 전체 목록을 요청해요. 문제마다 어느 페이지의 어느 부분인지, 어떻게 고치면 되는지 함께 나와요.
- AI는 바꿀 내용을 보여 주고, 사진에 뭐가 찍혀 있는지처럼 나만 아는 내용은 물어봐요. 내가 OK하면 그때 공개해요.
- 테스트도 제안해 줘요. 새 버전에 점검을 다시 돌려서 고쳐진 것과 남은 것을 알려 줘요.
가장 최근 점검 결과는 앱에서도 볼 수 있어요. 사이트를 열고 검색에 노출 탭에서 접근성을 선택하세요. AI에게 고쳐 달라고 하기를 누르면 AI에게 붙여 넣을 메시지가 복사돼요.
점검 항목
- 설명이 없는 사진(대체 텍스트). 스크린 리더가 시각장애인과 저시력자에게 읽어 주는 내용이에요.
- 글자가 없는 링크와 버튼. 아이콘만 있으면 스크린 리더가 이름을 알려 줄 수 없어요.
- 라벨이 없는 입력란. 입력란 안의 회색 안내 문구는 글자를 입력하면 사라지기 때문에 라벨로 치지 않아요.
- 배경 때문에 읽기 어려운 글자(낮은 대비). 글자색과 배경색이 모두 사이트 자체 스타일에 지정되어 있을 때 찾아요.
- 페이지 언어나 제목이 빠진 경우. 저절로 재생되는 소리나 영상, 제목이 없는 지도·영상 삽입, 휴대폰에서 확대가 막힌 경우도 찾아요.
- 순서가 어긋난 제목. 대표 제목이 없거나, 큰 제목 바로 다음에 한 단계를 건너뛴 작은 제목이 오는 경우예요.
- 누르기에는 너무 작은 버튼과 링크. 사이트 스타일 때문에 24 x 24 픽셀보다 작아진 경우예요.
문제마다 관련 WCAG 2.2 규칙이 있으면 함께 표시돼요. WCAG는 누구나 쓸 수 있는 웹사이트를 위한 국제 지침이에요.
알아 두면 좋은 점
- 전체 감사는 아니에요. 자동 점검으로는 설명이 정확한지, 키보드만으로도 페이지를 이해할 수 있는지, 사진 위 글자가 잘 읽히는지 알 수 없어요. 키보드(Tab 키)와 휴대폰 스크린 리더로 직접 써 보고, 실제로 쓰는 분들께도 물어보세요.
- 인증서가 아니에요. 점검을 통과했다고 해서 사이트가 법이나 기준을 충족한다는 뜻은 아니에요.
- 점검 대상: 공개한 그대로의 페이지와 스타일이에요. 나중에 스크립트가 페이지에 덧붙이는 내용은 점검하지 않아요.
- 규모가 큰 사이트: 홈페이지부터 시작해서 매번 최대 40개 페이지를 점검해요.
- 검색 엔진도 좋아해요. 사진 설명, 페이지 언어, 하나뿐인 대표 제목, 알아보기 쉬운 링크 글자는 검색 결과에서도 도움이 돼요. 온라인에서 검색되게 하기를 참고하세요.
뭔가 이상하다면 문제 해결하기를 참고하세요.
AI 어시스턴트용 설정 가이드: pagelemon.com/agents/accessibility