6.4.2 링크 텍스트

요구 사항

링크는 주변 맥락을 통해 용도나 목적지를 명확하게 이해할 수 있는 링크 텍스트를 제공해야 합니다. 링크의 용도나 목적지를 링크 텍스트만으로, 또는 주변 맥락으로부터 중복되지 않고 충분히 이해할 수 있어야 합니다.

개정 내역: 2025년 개정에서 새로 추가된 검사 항목입니다.

왜 필요한가요

“여기를 누르세요” 같은 모호한 링크는 누구에게나 결과를 예측하기 어렵게 합니다. 링크 텍스트가 직관적이면 시각장애인과 지적장애인이 맥락을 파악하려고 불필요하게 이동할 필요가 없습니다.

도움받는 사용자

• 화면낭독기 사용자
• 지적장애인
• 음성 명령 사용자

적용 방법

“더보기”가 여러 개라면 무엇을 더 보는지 레이블에 담습니다. 텍스트 안 링크는 링크 역할이 보조기술에 전달되게 합니다.

moreButton.contentDescription = "공지사항 더보기"
ViewCompat.setAccessibilityDelegate(moreButton, object : AccessibilityDelegateCompat() {
    override fun onInitializeAccessibilityNodeInfo(host: View, info: AccessibilityNodeInfoCompat) {
        super.onInitializeAccessibilityNodeInfo(host, info)
        info.roleDescription = "링크"
    }
})

moreButton.accessibilityLabel = "공지사항 더보기"
moreButton.accessibilityTraits = .link

Link("개인정보 처리방침", destination: privacyURL)

<Text accessibilityRole="link" onPress={openNotice}>공지사항 더보기</Text>

사례

TalkBack: "더보기" → "더보기" → "더보기"

TalkBack: "공지사항 더보기, 링크" → "이벤트 더보기, 링크"

자주 하는 실수

• “여기”, “클릭”, “바로가기”만으로 된 링크가 주변 맥락으로도 목적을 알 수 없습니다.
• 같은 화면에서 서로 다른 곳으로 가는 링크들이 같은 텍스트로 읽힙니다.
• 텍스트 안 링크가 일반 텍스트로만 읽혀 링크인 줄 알 수 없습니다.

검사 방법

• TalkBack 읽기 컨트롤 「링크」 또는 VoiceOver 로터 「링크」로 링크만 이동하며 각 링크의 목적을 알 수 있는지 확인합니다.
• 같은 텍스트의 링크가 서로 다른 목적지로 가지 않는지 확인합니다.

관련 ARIA

다른 지침의 대응 항목