웹 접근성 지침(KWCAG에 대해) - 16 / 적절한 링크 텍스트

• 웹 접근성 지침(KWCAG에 대해) - 0
• 웹 접근성 지침(KWCAG에 대해) - 1 / 적절한 대체 텍스트 제공
• 웹 접근성 지침(KWCAG에 대해) - 2 / 자막제공
• 웹 접근성 지침(KWCAG에 대해) - 3 / 색에 무관한 콘텐츠 인식
• 웹 접근성 지침(KWCAG에 대해) - 4 / 명확한 지시 사항 제공
• 웹 접근성 지침(KWCAG에 대해) - 5 / 텍스트 콘텐츠의 명도 대비
• 웹 접근성 지침(KWCAG에 대해) - 6 / 자동 재생 금지
• 웹 접근성 지침(KWCAG에 대해) - 7 / 콘텐츠 간의 구분
• 웹 접근성 지침(KWCAG에 대해) - 8 / 키보드 사용 보장
• 웹 접근성 지침(KWCAG에 대해) - 9 / 초점 이동
• 웹 접근성 지침(KWCAG에 대해) - 10 / 조작 가능
• 웹 접근성 지침(KWCAG에 대해) - 11 / 응답 시간 조절
• 웹 접근성 지침(KWCAG에 대해) - 12 / 정지 기능 제공
• 웹 접근성 지침(KWCAG에 대해) - 13 / 깜빡임과 번쩍임 사용 제한
• 웹 접근성 지침(KWCAG에 대해) - 14 / 반복 영역 건너뛰기
• 웹 접근성 지침(KWCAG에 대해) - 15 / 제목 제공

---

링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

 

 

오류 사례와 준수 사례

 

빈 링크

빈 링크가 존재하는 경우 스크린리더 사용자는 어떤 링크인지 알 수 없고 링크가 크기를 갖지 않기 때문에 키보드 사용자는 어디에 초점이 갔는지 알 수 없다.

따라서 의미가 없는 빈 링크는 제거해야 한다.

 

 

명확한 링크 제공

위 이미지와 같이 방향 지시로 링크 목적을 안내한 경우 스크린리더 사용자의 경우 이 링크를 클릭하면 어떻게 되는지 알 수가 없다.

따라서 이런 경우 명확한 링크를 제공해야 한다.

 

URL만 링크로 제공하는 경우도 마찬가지로 해당 주소의 목적을 함께 제공하는 것이 좋다.

 

"더 보기", "자세히 보기"와 같은 링크의 경우에도 어떤 콘텐츠의 더 보기인지 명확히 링크 텍스트를 제공해주는 것이 좋다.

예를 들어 "공지사항 더 보기"와 같이 공지사항 텍스트를 숨김 처리로 제공하는 것이 좋다.

 

---

부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/web344

웹 UI 개발