Audit Observation and Recommendation Archive

준수 상태

우리는 인터넷은 누구나 이용할 수 있고 접근할 수 있어야 한다고 굳게 믿고 있으며, 상황과 능력에 관계없이 가능한 한 많은 사람이 접근할 수 있는 웹사이트를 제공하기 위해 최선을 다하고 있습니다.

이를 위해 저희는 W3C(World Wide Web Consortium)의 웹 콘텐츠 접근성 지침 2.1(WCAG 2.1)을 AA 수준에서 최대한 엄격하게 준수하고자 합니다. 이 지침은 다양한 장애가 있는 사용자들이 웹 콘텐츠에 접근할 수 있도록 하는 방법을 설명합니다. 이 지침을 준수함으로써 저희는 시각 장애인, 운동 장애, 시각 장애, 인지 장애 등 모든 사용자가 웹사이트에 접근할 수 있도록 보장합니다.

이 웹사이트는 언제나 최대한 접근성을 제공하기 위해 다양한 기술을 활용하고 있습니다. 특정 장애가 있는 사용자도 웹사이트의 UI(사용자 인터페이스)를 조정하고 필요에 맞게 디자인할 수 있도록 접근성 인터페이스를 활용하고 있습니다.

또한, 웹사이트는 백그라운드에서 실행되어 접근성 수준을 지속적으로 최적화하는 AI 기반 애플리케이션을 활용합니다. 이 애플리케이션은 웹사이트의 HTML을 수정하고, 시각 장애인이 사용하는 스크린 리더와 운동 장애가 있는 사용자가 사용하는 키보드 기능에 맞춰 기능과 동작을 조정합니다.

오작동을 발견하셨거나 개선 아이디어가 있으시면 언제든지 알려주시면 감사하겠습니다. 다음 이메일을 통해 웹사이트 운영자에게 연락하실 수 있습니다.

화면 판독기 및 키보드 탐색

저희 웹사이트는 ARIA(Accessible Rich Internet Applications) 속성 기술을 구현하고 다양한 행동 변화를 적용하여 스크린 리더를 사용하는 시각 장애인 사용자가 웹사이트 기능을 읽고 이해하고 즐길 수 있도록 합니다. 스크린 리더를 사용하는 사용자가 사이트에 접속하는 즉시 스크린 리더 프로필을 입력하라는 메시지가 표시되어 사이트를 효과적으로 탐색하고 운영할 수 있습니다. 저희 웹사이트가 가장 중요한 스크린 리더 요구 사항 중 일부를 어떻게 충족하는지, 그리고 코드 예시의 콘솔 스크린샷을 함께 소개합니다.

1. 화면 판독기 최적화: 웹사이트 구성 요소를 처음부터 끝까지 학습하는 백그라운드 프로세스를 실행하여 웹사이트 업데이트 중에도 지속적인 규정 준수를 보장합니다. 이 프로세스에서 ARIA 속성 세트를 사용하여 스크린 리더에 의미 있는 데이터를 제공합니다. 예를 들어, 정확한 양식 레이블, 실행 가능한 아이콘(소셜 미디어 아이콘, 검색 아이콘, 장바구니 아이콘 등)에 대한 설명, 양식 입력에 대한 유효성 검사 지침, 버튼, 메뉴, 모달 대화상자(팝업) 등의 요소 역할을 제공합니다. 또한, 백그라운드 프로세스는 웹사이트의 모든 이미지를 스캔하여 설명이 없는 이미지에 대해 ALT(대체 텍스트) 태그로 정확하고 의미 있는 이미지 객체 인식 기반 설명을 제공합니다. 또한 OCR(광학 문자 인식) 기술을 사용하여 이미지 내에 포함된 텍스트를 추출합니다. 사용자는 언제든지 Alt+1 키보드 조합을 눌러 스크린 리더 모드를 활성화할 수 있습니다. 스크린 리더 사용자는 웹사이트에 접속하는 즉시 스크린 리더 모드를 활성화하라는 자동 안내를 받게 됩니다.

   이러한 조정은 JAWS 및 NVDA를 포함한 모든 인기 스크린 리더와 호환됩니다.

2. 키보드 탐색 최적화: 백그라운드 프로세스는 웹사이트의 HTML을 조정하고, JavaScript 코드를 사용하여 다양한 동작을 추가하여 키보드로 웹사이트를 조작할 수 있도록 합니다. 여기에는 Tab 키와 Shift+Tab 키를 사용하여 웹사이트를 탐색하고, 화살표 키로 드롭다운을 조작하고, Esc 키로 드롭다운을 닫고, Enter 키로 버튼과 링크를 트리거하고, 화살표 키로 라디오 버튼과 체크박스 요소 사이를 이동하고, 스페이스바 또는 Enter 키로 항목을 채우는 기능이 포함됩니다. 또한, 키보드 사용자는 Alt+1을 클릭하거나 키보드로 탐색하는 동안 사이트의 첫 번째 요소로 언제든지 사용할 수 있는 빠른 탐색 및 콘텐츠 건너뛰기 메뉴를 사용할 수 있습니다. 백그라운드 프로세스는 트리거된 팝업이 나타나는 즉시 키보드 포커스를 팝업으로 이동시켜 팝업 밖으로 포커스가 이동하지 않도록 처리합니다.

   사용자는 "M"(메뉴), "H"(제목), "F"(양식), "B"(단추), "G"(그래픽)와 같은 단축키를 사용하여 특정 요소로 이동할 수도 있습니다.

당사 웹사이트에서 지원되는 장애 프로필

• 간질 안전 모드: 이 프로필은 깜빡이는 애니메이션이나 위험한 색상 조합으로 인한 발작 위험을 없애 간질이 있는 사용자가 웹사이트를 안전하게 사용할 수 있도록 합니다.
• 시각 장애인 모드: 이 모드는 시력 저하, 터널 시야, 백내장, 녹내장 등 시각 장애가 있는 사용자의 편의에 맞춰 웹사이트를 조정합니다.
• 인지 장애 모드: 이 모드는 난독증, 자폐증, 뇌성마비 등 인지 장애가 있는 사용자가 웹사이트의 필수 요소에 더 쉽게 집중할 수 있도록 다양한 보조 옵션을 제공합니다.
• ADHD 친화적 모드: 이 모드는 ADHD와 신경발달 장애가 있는 사용자가 웹사이트의 주요 요소를 더 쉽게 읽고, 탐색하고, 집중할 수 있도록 돕는 동시에 방해 요소를 크게 줄여줍니다.
• 실명 모드: 이 모드는 웹사이트가 JAWS, NVDA, VoiceOver, TalkBack과 같은 스크린 리더와 호환되도록 구성합니다. 스크린 리더는 컴퓨터와 스마트폰에 설치되는 시각 장애인용 소프트웨어이며, 웹사이트는 반드시 이 소프트웨어와 호환되어야 합니다.
• 키보드 탐색 프로필(운동 장애): 이 프로필을 사용하면 운동 장애가 있는 사용자가 키보드 Tab, Shift+Tab, Enter 키를 사용하여 웹사이트를 조작할 수 있습니다. 또한 "M"(메뉴), "H"(제목), "F"(양식), "B"(버튼), "G"(그래픽)와 같은 단축키를 사용하여 특정 요소로 바로 이동할 수 있습니다.

추가 UI, 디자인 및 가독성 조정

1. 글꼴 조정 – 사용자는 크기를 늘리거나 줄일 수 있고, 글꼴 종류(유형)를 변경할 수 있으며, 간격, 정렬, 줄 높이 등을 조정할 수 있습니다.
2. 색상 조정 – 사용자는 밝음, 어두움, 반전, 단색 등 다양한 색상 대비 프로필을 선택할 수 있습니다. 또한, 7가지 이상의 색상 옵션을 사용하여 제목, 텍스트, 배경의 색상 구성표를 변경할 수 있습니다.
3. 애니메이션 – 간질 환자는 버튼 클릭 한 번으로 모든 실행 중인 애니메이션을 멈출 수 있습니다. 인터페이스에서 제어하는 애니메이션에는 비디오, GIF, CSS 깜빡임 전환 효과 등이 있습니다.
4. 콘텐츠 강조 – 사용자는 링크나 제목과 같은 중요한 요소를 강조하도록 선택할 수 있습니다. 또한, 포커스가 있거나 호버링된 요소만 강조하도록 선택할 수도 있습니다.
5. 오디오 음소거 – 청각 보조 장치를 사용하는 사용자는 자동 오디오 재생으로 인해 두통이나 기타 문제를 경험할 수 있습니다. 이 옵션을 사용하면 웹사이트 전체를 즉시 음소거할 수 있습니다.
6. 인지 장애 – 우리는 위키피디아와 위키낱말사전에 연결된 검색 엔진을 활용하여 인지 장애가 있는 사람들이 문구, 이니셜, 속어 등의 의미를 해독할 수 있도록 합니다.
7. 추가 기능 – 우리는 사용자에게 커서 색상과 크기를 변경하고, 인쇄 모드를 사용하고, 가상 키보드를 활성화하는 등 다양한 기능을 제공합니다.

브라우저 및 보조 기술 호환성

저희는 최대한 다양한 브라우저와 보조 기술을 지원하여 사용자가 자신에게 가장 적합한 도구를 최대한 제한 없이 선택할 수 있도록 하는 것을 목표로 합니다. 따라서 Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, JAWS, NVDA(스크린 리더)를 포함하여 사용자 시장 점유율 95% 이상을 차지하는 모든 주요 시스템을 지원하기 위해 최선을 다해 왔습니다.

메모, 댓글 및 피드백

저희는 누구나 자신의 필요에 맞춰 웹사이트를 조정할 수 있도록 최선을 다하고 있습니다. 하지만 아직 완전히 접근 가능하지 않거나, 접근 가능 상태가 되는 중이거나, 접근 가능한 기술 솔루션이 부족한 페이지나 섹션이 있을 수 있습니다. 그럼에도 불구하고 저희는 접근성을 지속적으로 개선하고, 옵션과 기능을 추가, 업데이트, 개선하며, 새로운 기술을 개발하고 도입하고 있습니다. 이 모든 것은 기술 발전에 따라 최적의 접근성 수준을 달성하기 위한 것입니다. 도움이 필요하시면 언제든지 문의해 주세요.