적절한 링크 텍스트

무엇을 요구하나요?

링크의 목적(어디로 가는지, 무엇을 하는지)을 링크 글자나 그 주변 맥락으로 알 수 있어야 합니다. 화면 낭독기 사용자는 페이지의 링크만 모아서 듣는 경우가 많은데, 이때 “더보기, 더보기, 여기, 클릭”만 들리면 아무것도 고를 수 없습니다.

자주 틀리는 예

1. 같은 “더보기”가 여러 개

<h2>공지사항</h2> … <a href="/notice">더보기</a>
<h2>이벤트</h2> … <a href="/event">더보기</a>

<h2>공지사항</h2> … <a href="/notice">공지사항 더보기</a>
<h2>이벤트</h2> … <a href="/event">이벤트 더보기</a>

화면 글자를 바꿀 수 없다면 숨김 글자를 덧붙입니다.

<a href="/notice">더보기<span class="sr-only"> 공지사항</span></a>

2. 아이콘·이미지만 있는 링크

<a href="https://instagram.com/…"><img src="insta.svg"></a>

<a href="https://instagram.com/…"><img src="insta.svg" alt="한빛상사 인스타그램"></a>

3. 주소(URL)를 그대로 링크 글자로 씀

<a href="https://example.com/board/view?id=1234&amp;page=2">https://example.com/board/view?id=1234&amp;page=2</a>

<a href="https://example.com/board/view?id=1234&amp;page=2">2026년 하반기 채용 공고</a>

4. 새 창 링크를 알리지 않음

<a href="/terms.pdf" target="_blank">이용약관</a>

<a href="/terms.pdf" target="_blank" rel="noopener">이용약관(PDF, 새 창)</a>

확인하는 방법

1. 확장 프로그램 페이지 검사는 글자가 없는 링크와 “더보기·여기·클릭” 같은 모호한 링크를 찾아줍니다. 모호한 링크는 주변 맥락으로 알 수 있는 경우도 있어 “확인 필요”로 표시합니다.
2. 페이지의 링크 글자만 목록으로 읽어 보세요. 목록만 보고 각 링크가 어디로 가는지 알 수 있으면 좋습니다.