글로벌이노에듀 웹접근성 품질 인증

Overview

  • 글로벌이노에듀의 웹사이트 웹접근성 품질 인증 심사 프로젝트입니다.
    기획자, 백엔드 개발자 등 다양한 스테이크홀더와 협업하여 접근성 개선을 진행하였고, 전문가/사용자 심사를 모두 통과해 인증마크를 획득했습니다.

  • 진행기간 : 2023.03.29 ~ 2023.05.19

  • 기여도 : 퍼블리싱(100%), 디자인(100%)

  • 주요 목표 :

    • 한국형 웹 콘텐츠 접근성 지침(KWCAG 2.1)의 24개 항목 모두 준수
    • 스크린리더 사용자, 키보드 사용자 등 다양한 장애 유형의 접근성 확보
    • 웹 접근성 인증마크를 획득하여 서비스 신뢰도와 기관 대외 이미지 향상

수행한 작업

시맨틱 태그 구조 개선 전후 화면 비교

시맨틱 구조 재정비 및 HTML 마크업 오류 수정

<header>, <main>, <nav> 등의 시맨틱 태그로 구조를 개선하고, 중첩 오류나 열림/닫힘 오류를 전수 수정했습니다.

스크린리더용 aria-label 적용 예시

ARIA 속성 활용

스크린리더 사용자를 위해 aria-label, aria-hidden 등을 활용하여 추가 정보 제공 및 불필요 정보 숨김을 적용했습니다.

명도 대비 수정 전후 화면 비교

명도 대비 기준 충족

텍스트와 배경의 명도 대비를 WCAG 기준 이상(4.5:1)으로 수정하여 시각장애인 및 저시력자도 정보 인식이 가능하게 했습니다.

Tab 키로 포커스 이동이 가능한 구조 예시

키보드 접근성 개선

Tab 순서, 포커스 시각화 등 키보드 전용 사용자도 메뉴 및 콘텐츠 접근이 가능하도록 구현했습니다.

본문 바로가기 스킵 링크 예시

스킵 내비게이션 도입

화면 상단에 '본문 바로가기' 링크를 배치하여 반복 콘텐츠를 건너뛸 수 있게 했습니다.

이미지 대체텍스트 제공 예시

이미지 대체텍스트 제공

모든 비텍스트 콘텐츠에 의미 있는 alt 또는 aria-label을 적용하여 스크린리더 사용자의 정보 인식을 도왔습니다

성과 및 결과

  • 인증기관: 한국웹접근성인증평가원 (KWACC)
  • 인증번호: WA-230052
  • 심사결과: 전문가 심사 적합, 사용자 심사 적합 (전 항목 100% 적합)
  • 총 심사항목: 24개 항목, 모두 적합
  • 장애인 사용자 과업 성공률: 전맹/저시력/지체장애인 모두 12개 과업 100% 성공
  • 적용 기술: 웹표준 마크업 개선, ARIA 속성 활용, 키보드 네비게이션, 명도대비 향상 등
인증 상세 보기