본문 속 링크는 본문 크기로

KRDS BP-086 — 본문 내에 제공되는 첨부파일 링크 텍스트의 크기는 해당 줄 또는 단락에 있는 텍스트의 글자 크기와 일치하게 표현하고 있다.

0. 들어가며 — 본문 속 링크만 글자가 작으면

이번 652편은 본문 내 첨부파일 링크 텍스트의 크기를 해당 줄·단락의 텍스트 글자 크기와 일치하게 표현하라는 규칙입니다.

본문 문장 속에 — 첨부파일 링크가 있는데, 그 링크만 글자가 작으면, 읽기 어렵고 어색하죠. BP-086은 본문 속 첨부 링크 텍스트를 주변 본문과 같은 크기로 맞추라고 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 링크 텍스트 크기 일치

BP-086 (기본 패턴 > 첨부파일) “본문 내에 제공되는 첨부파일 링크 텍스트의 크기는 해당 줄 또는 단락에 있는 텍스트의 글자 크기와 일치하게 표현하고 있다.”

본문 속 첨부파일 링크 텍스트를 주변 본문 텍스트와 같은 크기로 표현하라는 뜻입니다.

정리: 본문 속 첨부 링크 텍스트를 주변 본문과 같은 크기로 하라. 이게 BP-086입니다.

2. 왜 크기 일치인가

첨부파일 링크는 두 방식으로 제공됩니다: 별도 ‘첨부파일 목록’ 영역, 또는 본문 문장 속에 인라인으로요. 이번 규칙은 본문 속(인라인) 첨부 링크의 글자 크기에 관한 것입니다. BP-086은 주변 본문과 크기를 맞추라고 합니다.

링크 텍스트 크기가 다를 때의 문제:

가독성 저하 본문 문장 속 첨부 링크만, 글자가 작으면(또는 크면), 읽기 흐름이 끊깁니다. 특히 작으면, 저시력·고령 사용자가 그 링크 텍스트를 못 읽죠. 본문은 읽히는데 링크만 안 읽히면 문제입니다.

어색한 흐름 한 줄·단락 안에서 글자 크기가 들쭉날쭉하면, 시각적으로 어색하고 산만합니다. 읽기 리듬이 깨지죠.

링크 놓침 너무 작은 링크는 눈에 안 띄어, 사용자가 첨부가 있는 줄도 모르고 지나칠 수 있습니다.

그래서 BP-086은 — 크기 일치를 요구합니다:

주변 본문과 동일 크기 본문 문장 속 첨부 링크 텍스트를, 그 줄·단락의 본문 글자 크기와 같게 합니다. 본문이 16px면 링크도 16px로요. 읽기 흐름이 자연스럽게 이어지죠.

링크 구분은 크기 아닌 다른 단서로 링크임을 구분하는 건 크기가 아니라, 색·밑줄 등으로요. 크기를 줄여 구분하려 하지 않습니다(링크 스타일 규칙). 크기는 본문과 같게, 링크 표시는 색·밑줄로요.

가독성 우선 첨부 링크도 본문의 일부로 읽혀야 하므로, 본문 가독성 기준(크기·대비 BP-057)을 그대로 따릅니 다.

왜 인라인 링크가 작아지는 실수가 생기나. 종종 첨부 링크를 보조 정보처럼 여겨, 글자를 작게 하는 경우가 있죠. 하지만 본문 속에 있다면, 본문과 같은 비중으로 읽혀야 합니다. 작게 하면 오히려 접근성·가독성을 해치죠.

별도 목록 vs 본문 속. 별도 첨부 목록은 — 자체 스타일(파일 정보 BP-085 포함)을 가질 수 있지만, BP-086은 — 본문 문장 속 링크에 한정해, 주변 본문과 크기를 맞추라는 것입니다. 본문 흐름 속 링크의 가독성을 위한 규칙이죠.

이 규칙은 첨부파일의 ’본문 속 링크 가독성’을 담당합니다 — 본문 속 첨부 링크를 주변 본문과 같은 크기로 해(086), 읽기 흐름을 끊지 않고 모두가 링크 텍스트를 읽게 하죠.

정리하면 — 본문 문장 속 첨부 링크만 글자가 작으면 가독성이 떨어지고 흐름이 끊기므로, 본문 속 첨부 링크 텍스트를 해당 줄·단락의 본문 글자 크기와 일치시키고 링크 구분은 색·밑줄로 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

크기 일치 — 본문 속 첨부 링크가 주변 본문과 같은 글자 크기인가.

구분 단서 — 링크 구분이 크기 축소가 아닌 색·밑줄인가.

가독성 — 저시력·고령 사용자도 링크 텍스트를 읽을 수 있는가.

개선 방향

본문 속 첨부 링크를 주변 본문과 동일 크기로. 링크는 색·밑줄로 구분.

본문 가독성 기준(BP-057) 적용. 작게 줄이지 않기.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
디자이너	링크 텍스트 스타일
퍼블리셔	크기 일치 구현

기관 유형	BP-086 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (본문 속 첨부 링크)

본문 속에 첨부 링크를 두는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 본문 속 첨부 링크가 주변 본문과 같은 글자 크기인가요?

□ 링크 구분이 크기 축소가 아닌 색·밑줄인가요?

□ 저시력·고령 사용자도 링크 텍스트를 읽을 수 있나요?

❓ FAQ

Q1. 본문 속 링크를 왜 같은 크기로 하나요? 본문 일부로 읽히려면 같은 비중이어야 합니다. 작으면 읽기 흐름이 끊기고, 저시력·고령자가 못 읽으며, 링크를 놓칠 수 있죠. Q2. 링크임을 어떻게 구분하나요? 크기가 아니라 색·밑줄로요. 크기는 본문과 같게 두고 링크 표시는 다른 단서로 합니다. Q3. 별도 첨부 목록도 같은 크기여야 하나요? BP-086은 본문 문장 속 인라인 링크에 한정됩니다. 별도 목록은 자체 스타일 (파일 정보 BP-085)을 가질 수 있죠.

6. 마무리

BP-086의 메시지:

본문 속 링크는 본문 크기로 — 첨부 링크 텍스트를 주변 본문과 같은 크기로 표현하라.

본문 속 첨부 링크만 작으면 가독성이 떨어지고 흐름이 끊깁니다. 주변 본문과 같은 크기로 맞추고 링크 구분은 색·밑줄로 하는 게 핵심이죠. 다음 편은 첨부파일 아이콘 대체 텍스트입니다.

다음 편 예고 ▶ 「653. (BP-087) 첨부파일 아이콘 이미지에 적절한 대체 텍스트를 제공하고 있다.」

ViewCheck는 본문 속 첨부 링크 텍스트가 본문과 같은 크기인지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 첨부파일 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_09.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준