본문 바로가기
Accessibility

[웹 접근성] 웹 접근성을 위한 랜드마크 사용 방법 6가지

by Learn, Code, Repeat 2023. 5. 25.
반응형

웹 접근성은 개개인의 능력에 관계없이 모든 사람이 디지털 세상에 접근하고 탐색할 수 있도록 하는 데 핵심적인 역할을 합니다. 웹 접근성을 향상하는 중요한 요소 중 하나는 랜드마크를 효과적으로 사용하는 것 이죠. 이 글에서는 랜드마크를 효과적으로 사용할 수 있는 7가지 방법을 살펴보려고 합니다. 이 방법들을 알아두면 웹 디자이너와 개발자들이 포괄적인 온라인 경험을 만들 수 있는 능력을 얻는데 도움이 될 것입니다.

 

  1. 랜드마크의 목적 이해하기:
    랜드마크를 효과적으로 사용하기 위해서는 그 목적을 먼저 이해하는 것이 중요합니다. 랜드마크는 웹 페이지의 구조를 안내하는 탐색 지점으로서 역할합니다. 랜드마크는 스크린 리더와 상호작용 하며, 랜드마크로 만들어진 웹 페이지의 구조적인 정보들이 스크린 리더를 통해 사용자에게 전달됩니다. 스크린 리더 사용자는 전달된 정보를 사용해서 효율적으로 브라우징을 할 수 있게 되는 거죠.
  2. 시맨틱 HTML 사용하기:
    시맨틱 HTML 요소인 <header>, <nav>, <main>, <footer>등은 웹 페이지의 구조와 내용에 대한 의미 있는 정보를 전달합니다. 이런 요소들을 올바르게 사용하면 스크린 리더로 명확하게 식별 가능한 랜드마크들을 만들 수 있습니다. 스크린 리더 사용자는 이 정보들로 본인이 찾고자 하는 정보가 페이지의 어느 부분에 있을지 파악하고 해당 부분으로 이동할 수 있습니다.
  3. 일관된 랜드마크 사용 유지하기:
    페이지간 일관된 랜드마크 배치는 스크린 리더 사용자에게 예측 가능한 브라우징 경험을 제공합니다. 페이지간 랜드마크가 일관되지 않으면 스크린 리더 사용자의 브라우징 효율성이 떨어지고 모든 페이지의 구조를 처음부터 배워야 합니다. 이런 경우 스크린 리더 사용자는 브라우징 할 때 평소보다 더 많은 에너지와 노력을 들여야 하고 더 많은 피로감을 느낍니다.
  4. 중요한 랜드마크 우선순위 지정하기:
    핵심 정보를 전달하거나 웹사이트의 중요한 섹션에 진입 지점으로 사용되는 중요한 랜드마크를 식별하고 우선순위를 지정하세요. 이런 랜드마크는 스크린 리더 사용자가 신속하게 중요 콘텐츠에 접근할 수 있도록 도와줍니다.
  5. 보조 기술로 테스트하기:
    스크린 리더 및 기타 보조 기술들을 사용해서 정기적으로 웹사이트를 테스트해 주세요. 이때 테스트의 목적은 보조 기술로 사용된 랜드마크들이 올바르게 인식 또는 탐색되는지, 그리고 사용된 랜드마크들과 그 아래 속해있는 내용들이 논리적으로 배치되어 있는지를 테스트합니다. 이때 모바일 반응성도 같이 테스트할 수 있습니다.
  6. 최신 웹 접근성 가이드라인 유지하기:
    웹 접근성 가이드라인인 WCAG와 같은 최신 웹 접근성 가이드라인에 대해 최신 정보를 유지하는 것을 권장합니다. 웹 접근성에 대한 기술과 가이드라인은 계속해서 새로 생겨나고 업데이트되고 있습니다. 꾸준히 업데이트된 정보들을 유지하는 것으로 최상의 웹 접근성 경험을 제공할 수 있습니다.

웹 접근성을 향상기 키기 위해 랜드마크를 사용하는 것은 포괄적인 온라인 경험을 만드는 핵심적인 요소 중 하나입니다. 위 6가지 방법들을 사용해서 모든 사용자들을 위한 접근 가능하고 친화적인 웹을 구축하는데 기여할 수 있는 웹 디자이너와 개발자가 되기를 바랍니다.

댓글