저희는 SSSTikTok.co.id를 가능한 한 많은 사용자가 사용할 수 있기를 바랍니다. 여기에는 키보드, 화면 읽기 프로그램, 확대 텍스트 또는 다양한 기기 설정을 사용하는 사용자도 포함됩니다.
접근성은 단순히 정책 페이지 하나로 끝나는 것이 아닙니다. 실제 사이트 구현이 이 페이지의 설명을 뒷받침해야 합니다.
목표
저희는 다음 활동에서 사용자를 돕는 접근성 관행을 적용하려고 합니다:
- 콘텐츠 읽기
- 제목 이해
- 양식 사용
- 메뉴 탐색
- 다운로더 실행
- 오류 메시지 이해.
제목 구조
페이지는 사용자가 내용과 보조 기술을 더 쉽게 이해할 수 있도록 일관된 제목 구조를 사용하는 것이 좋습니다.
제목은 단순히 글자 크기를 키우기 위한 용도로만 사용해서는 안 됩니다.
키보드 탐색
다음과 같은 인터랙티브 요소:
- 메뉴
- 버튼
- 양식
- 아코디언
- FAQ
- 대화상자.
키보드로 사용할 수 있어야 합니다.
포커스 상태도 명확하게 보여야 합니다.
다운로더 양식
URL 입력란과 다운로드 버튼에는 이해하기 쉬운 레이블이 있어야 합니다.
오류를 색상만으로 표시해서는 안 됩니다.
오류 메시지는 문제를 텍스트로 설명해야 합니다.
더 나은 예:
“링크를 인식할 수 없습니다. TikTok의 공유 메뉴에서 링크를 다시 복사하세요.”
다음보다 낫습니다:
“오류.”
명암과 텍스트
읽기 쉬운 색상 조합을 사용하려고 합니다.
또한 주요 페이지 기능이 깨지지 않는 범위에서 텍스트를 확대할 수 있어야 합니다.
이미지와 스크린샷
정보를 전달하는 이미지에는 적절한 alt text를 제공하는 것이 좋습니다.
장식용 이미지에는 도움이 되지 않는 긴 설명을 붙일 필요가 없습니다.
튜토리얼 스크린샷의 alt text는 화면에 보이는 동작을 설명하는 것이 좋습니다.
예:
“TikTok 공유 메뉴에서 링크 복사 옵션이 강조되어 있음.”
동영상과 미디어
향후 사이트에서 중요한 정보를 전달하는 동영상 튜토리얼을 사용한다면 가능한 경우 자막 또는 텍스트 대안을 제공하는 것이 좋습니다.
애니메이션
애니메이션은 사이트 기능을 방해해서는 안 됩니다.
큰 장식용 애니메이션을 추가하는 경우 reduced motion과 같은 사용자 환경설정을 고려하세요.
확대와 모바일
페이지는 작은 화면과 확대 상태에서도 사용할 수 있어야 합니다.
표, 버튼, 입력란 및 미디어 때문에 기본 레이아웃에서 불필요한 가로 스크롤이 생기지 않도록 해야 합니다.
FAQ
FAQ 아코디언은 키보드로 열 수 있어야 하며 보조 기술이 상태를 인식할 수 있는 표시를 제공해야 합니다.
페이지 언어
화면 읽기 프로그램이 적절한 발음을 사용할 수 있도록 HTML 마크업에서 문서 언어를 한국어로 표시하는 것이 좋습니다.
접근성 문제
사이트에서 사용하기 어려운 부분을 발견하면 알려 주세요.
다음 정보를 포함하세요:
- 페이지 URL
- 겪은 문제
- 기기
- 브라우저
- 관련이 있는 경우 사용하는 보조 기술
- 문제를 발생시킨 단계.
지속적인 개선
새 기능이 추가되면 접근성도 계속 개선해야 할 수 있습니다.
정식 감사를 실제로 수행하지 않았다면 “100% WCAG 준수” 같은 주장은 피하려고 합니다.
접근성 문의
문의 페이지에서 접근성 카테고리를 선택하세요.
최종 업데이트: [날짜]