Morqelia 웹디자인 스튜디오 Morqelia 웹디자인 스튜디오

웹 접근성 가이드 · 대구 스튜디오 실무 노트

KWCAG 2.2 준비,
어디부터 볼까

웹접근성은 한국에서 제도와 연결된 주제입니다. KWCAG 2.1이 준거 표준으로 널리 쓰이고, KWCAG 2.2와 WCAG 2.1을 함께 보는 흐름이 2026년 공지에도 나옵니다. 이 페이지는 품질마크 준비를 위한 점검 순서를 정리합니다.

작은 화면에서 먼저 통하는 홈페이지, 그 기준을 손으로 확인하는 법.

현재 대비 기준

4.5:1

본문과 배경이 작은 화면에서도 읽히는 최소선. 이 숫자 아래로는 옅은 회색 본문이 먼저 무너집니다.

기준의 흐름

기준의 이력 먼저 잡기

새 항목이 낯설지 않으려면 계보를 아는 편이 빠릅니다.

  • 2010

    Korean Web Content Accessibility Guidelines 2.0이 12월 31일 제정됐습니다. 22개 점검 항목을 바탕으로 했습니다.

  • 4원칙

    인지 가능성, 조작 가능성, 이해 가능성, 견고성을 중시했습니다. 오늘날 KWCAG 2.2 체계의 전신으로 이해할 수 있습니다.

  • 2026

    KWCAG 2.2와 WCAG 2.1을 함께 보는 흐름이 공지에 나옵니다. 이 흐름을 알면 새 항목이 낯설지 않습니다.

핀으로 꽂힌 점검 시트가 걸린 스튜디오 압정판

준거 표준

KWCAG 2.1을 축으로 보기

Deque APAC Accessibility Overview 같은 자료는 KWCAG 2.1을 한국의 준거 표준으로 설명합니다. 공공과 민간의 의무를 지역별로 정리할 때 기준이 됩니다. 대상 업종과 준수 프레임을 비교하기 좋습니다. 기업 실무 관점에서 접근성을 이해하는 데 돕습니다. 저희 점검도 이 축에서 시작합니다.

실무 순서 · 축 고정

먼저 KWCAG 2.1로 전체를 훑고, 그 위에 2.2에서 촘촘해진 항목을 덧댑니다. 기준이 두 개여도 손이 가는 순서는 하나입니다.

함께 보기

KWCAG 2.2와 WCAG 2.1의 차이

묻는 분이 많습니다. 큰 방향은 같습니다. 조작 가능성과 이해 가능성을 더 촘촘히 본다고 이해하면 됩니다. 2026년 기준 공지가 두 기준을 함께 언급한 이유입니다. 신규 사이트는 두 체계를 함께 맞춰두는 편이 안전합니다.

교정지 위 원고를 손으로 살피는 모습

초점 표시가 분명한가

키보드로 움직일 때 지금 어디에 있는지 보여야 합니다. 초점을 숨기면 2.2에서 먼저 걸립니다.

화면 위 격자를 띄우고 대비를 재는 작업

입력 목적이 읽히는가

이름, 연락처, 주소 같은 칸은 브라우저가 용도를 알 수 있게 둡니다. 자동 완성이 막히지 않게 합니다.

견본 시트를 자로 재단하는 손

도움이 같은 자리인가

일관된 도움말과 찾기 쉬운 연락처. 페이지마다 다른 자리에 두지 않습니다.

손으로 하는 점검

키보드 접근성 점검

마우스를 내려놓고 탭 키로 다녀봅니다. 메뉴와 팝업, 달력과 슬라이더가 순서대로 돌아야 합니다. 초점이 어디 있는지 보여야 합니다.

  • 팝업이 열리면 초점이 안으로 들어가고, 닫히면 제자리로 돌아오는지 봅니다.
  • 자동 재생되는 요소는 멈출 수 있어야 합니다. 멈춤 버튼 없는 슬라이더는 둡니다.
  • 모바일 메뉴가 키보드에 갇히지 않는지 마지막에 다시 봅니다.

읽고 듣는 점검

대체 텍스트와 자막

이미지의 대체 텍스트는 파일명이 아니라 용도입니다. 장식 이미지는 비워둡니다. 차트와 표는 텍스트 요약을 둡니다. 영상에는 자막과 대본을 둡니다. 대구 업체 소개 영상처럼 말이 빠르면 자막 간격을 넉넉히 둡니다.

눈으로 하는 점검

색 대비와 텍스트 간격

본문과 배경 대비를 충분히 둡니다. 옅은 회색 본문은 작은 화면에서 먼저 무너집니다. 행간과 텍스트 간격을 사용자가 늘려도 깨지지 않게 둡니다. 링크는 색만으로 구분하지 않습니다. 오류는 색이 아니라 문장으로 알립니다. 기준선 4.5:1을 손으로 재봅니다.

품질마크까지

품질마크 준비 순서

SeMA 웹 접근성 페이지 사례처럼 KWCAG 2.1 기반 설계와 운영, 품질마크 취득 안내가 한 세트입니다. 콘텐츠 접근성과 기관 신뢰도를 함께 보여줍니다.

문의는 +82-53-421-9903으로 받습니다. 월–금 09:00–18:00에 답합니다.

접근성 점검 문의하기
  1. 단계 1

    자가 점검

    22개 항목 중심의 같은 표로 먼저 봅니다. 키보드, 대체 텍스트, 대비가 기본입니다.

  2. 단계 2

    보완과 기록

    고친 곳은 리포트로 남기고 수정 이력을 둡니다. 나중에 심사 자료가 됩니다.

  3. 단계 3

    전문가 점검

    공개 전에 같은 표로 두 번 봅니다. 한 번은 코드로, 한 번은 손으로 봅니다.

나란히 놓인 점검 시트와 색상 견본

자주 나오는 실수

대체 텍스트 중복, 초점 숨김, 대비 부족이 상위권입니다. 폼 라벨 빠짐도 잦습니다. 모바일 메뉴가 키보드에 갇히는 경우도 있습니다.

저녁 빛이 드는 스튜디오 복도

묻고 답하기

먼저 물어보는 두 가지

한국에서 꼭 맞춰야 하는 접근성 기준은 무엇인가요?

KWCAG 2.1과 KWCAG 2.2입니다. WCAG 2.1과 함께 보면 준비가 수월합니다. 키보드, 대체 텍스트, 대비가 기본입니다.

품질마크가 민간 사이트에도 필요한가요?

의무가 아니어도 신뢰에 도움이 됩니다. 특히 예약과 결제가 있는 사이트는 분쟁을 줄입니다. 준비 여부는 상담에서 범위로 정합니다. 스튜디오는 대구 중구 대봉로 25에 있습니다.