접근성은 중요한 정보와 동작을 이해하기 쉽게 만드는 데서 시작합니다. 웹사이트가 보기에는 매력적이어도 키보드, 큰 글자 또는 보조 기술로 이용하기는 어려울 수 있습니다. 몇 가지 실용적인 항목을 먼저 확인하고, 자동화 도구로 평가할 수 없는 요구 사항은 적절한 사람의 검토를 받으세요.
명확한 읽기 순서 만들기
각 섹션에 내용을 잘 나타내는 제목을 붙이고, 방문자에게 필요한 순서대로 배치하세요. 의미를 설명할 때 색상이나 위치에만 의존하지 마세요. 가격 선택 항목에는 글자로 된 이름을 붙이고, 오류 메시지에는 무엇을 변경해야 하는지 설명해야 합니다. 꼭 필요한 정보는 이미지에만 넣지 말고 페이지의 텍스트로 제공하세요.
이해하기 쉬운 링크 만들기
링크가 어디로 연결되거나 어떤 동작을 하는지 설명하는 문구를 선택하세요. “여기를 클릭하세요”라는 링크가 여러 개 있는 것보다 “워크숍 안내서 읽기”가 이해하기 쉽습니다. 키보드로 대화형 컨트롤에 접근할 수 있는지, 현재 선택된 항목을 보여 주는 초점 표시가 눈에 띄는지 확인하세요.
읽기 쉬운 시각적 표현 유지하기
충분한 대비와 읽기 쉬운 글자 크기를 사용하세요. 텍스트를 확대하거나 화면 폭이 좁아져도 페이지 내용을 이해할 수 있는지 확인하세요. 주요 콘텐츠에 방해가 되는 장식용 애니메이션은 피하세요. 애니메이션 이미지를 게시한다면 읽기에 방해가 되지 않는지, 이미지가 전달하는 정보도 글로 제공해야 하는지 살펴보세요.
이미지에 적절한 맥락 제공하기
의미 있는 이미지는 용도에 맞게 설명하세요. 보조 기술이 장식용 이미지를 건너뛸 수 있도록 할 수 있습니다. 차트나 안내 이미지는 그림을 보지 않아도 이해할 수 있는 동등한 설명이 필요합니다. 대상 사용자가 실제로 사용하는 도구를 이용하는 사람들과 함께 테스트하세요.
실용적인 입문 자료는 https://web.dev/learn/design/accessibility에서 확인하세요. VollSite에서는 생성된 결과와 색상, 텍스트, 컨트롤 또는 이미지의 변경 사항을 검토하세요. 자동 접근성 검사 통과는 유용한 기술적 근거이지만, 접근성 인증을 완전히 보장하지는 않습니다. 페이지를 단순하게 유지하고 실제 문의 과정을 테스트하며, 웹사이트의 접근성에 대해 폭넓은 주장을 하기 전에 적절한 사람의 검토를 받으세요.