본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

설명적 링크 텍스트란 무엇인가요?

설명적 링크 텍스트(Descriptive Link Text)란, 하이퍼링크가 가리키는 목적과 내용을 명확하게 전달하는 클릭 가능한 텍스트를 말합니다. 이는 단순히 “여기를 클릭해보세요”나 “자세히 알아보기”처럼 모호한 표현이 아니라, 링크된 콘텐츠의 주제나 행동 목적을 구체적으로 설명하여 사용자에게 맥락을 제공하는 문구입니다.

설명적 링크를 사용하면 특히 스크린 리더를 사용하는 사용자에게, 주변의 텍스트를 통하여 문맥을 읽지 않아도 링크의 의미를 이해할 수 있도록 도와줍니다.

예시로 살펴보기

예를 들어, "여기를 클릭하세요", “자세히 보러가기”와 같은 링크 텍스트는 사용자가 클릭 후 무엇을 보게 될지 알려주지 않아 맥락을 파악하지 못하게 합니다. 반대로 "튜토리얼 영상 보러가기"와 같은 설명을 포함한 링크는, 텍스트를 통해 링크가 걸려있는 콘텐츠에 대한 미리보기를 제공합니다.

“튜토리얼 영상 보러가기”라는 텍스트는 곧 사용자에게 “튜토리얼을 보러갈 수 있는 페이지로 이동시켜주는 링크”라는 의미로 사용자에게 다가오게 되는 것입니다. 즉, 해당 링크를 눌렀을 때에 어떤 곳으로 이동할지, 무엇을 위한 링크인지를 명확하게 나타낼 수 있습니다.

사용자에게 명확한 맥락을 제공하는 것은 웹사이트를 이용하는 경험을 향상시키고, 웹사이트의 접근성을 향상시키는 데에도 도움을 주는 방법입니다.

마무리

여러분의 웹사이트에서도 대부분 “여기를 클릭하세요”나 “자세히 보러가기”등의 링크 텍스트를 사용하고 있지 않으신가요? 해당 가이드를 참고하여 위와 같은 텍스트 대신, 설명적인 링크 텍스트로 문구로 바꾸어 보시길 바랍니다.

본 글은 Framer 공식 블로그의 ‘Understanding descriptive link text’를 번역·각색한 콘텐츠입니다.