누르면 다운로드됩니다

KRDS BP-084 — 링크가 파일 다운로드를 유발할 수 있음을 사용자에게 사전에 안내하고 있다.

0. 들어가며 — 첨부파일 그룹의 시작

이번 650편부터 첨부파일(Attachment) 그룹(BP-084~088, 5개)입니다. 게시글·자료의 첨부파일을 어떻게 제공할지의 규칙들이죠. 첫 편은 — 링크가 파일 다운로드를 유발할 수 있음을 사전에 안내하라는 규칙입니다.

링크를 눌렀는데 — 예고 없이 파일이 다운로드되면, 사용자는 당황하죠. BP-084는 다운로드 링크에 미리 안내를 주라고 규정합니다. 외부·새 창 단서(BP-055)와 같은 정신이죠. 이번 편을 풀어냅니다.

1. 원문 — 파일 다운로드 사전 안내

BP-084 (기본 패턴 > 첨부파일) “링크가 파일 다운로드를 유발할 수 있음을 사용자에게 사전에 안내하고 있다.”

링크 클릭이 파일 다운로드를 일으킬 수 있음을 미리 안내하라는 뜻입니다.

정리: 다운로드 링크임을 사전에 안내하라. 이게 BP-084입니다.

2. 왜 다운로드 사전 안내인가

사용자는 링크를 누를 때, 보통 ’다음 페이지로 이동’을 기대합니다. 그런데 어떤 링크는, 누르면 파일이 다운로드 됩니다(PDF·HWP·ZIP 등). 이게 예고 없이 일어나면 당황스럽죠. BP-084는 사전 안내를 요구합니다.

다운로드 안내가 없을 때의 문제:

예상치 못한 다운로드 링크를 눌렀더니, 갑자기 파일이 다운로드되면, 사용자는 ‘뭐가 받아진 거지?’ 당황 합니다. 의도치 않은 파일이 PC에 저장돼 불안하죠.

보안 우려 예고 없는 다운로드는 악성 파일처럼 느껴져, 사용자가 사이트를 의심합니다. 공공 사이트는 신뢰가 중요한데요.

모바일·데이터 부담 모바일에서 큰 파일이 예고 없이 다운로드되면, 데이터·저장공간을 의도치 않게 씁니다.

그래서 BP-084는 — 사전 안내를 주라고 합니다:

다운로드 아이콘·텍스트 다운로드 링크에 다운로드 아이콘(⬇)이나 ‘(다운로드)’ 텍스트를 붙입니다. 사용자가 누르기 전에 ’이건 다운로드구나’를 알게요.

파일 정보 표시 파일 형식·크기(BP-085)를 함께 표시합니다. ’신청서.hwp (245KB)’처럼요. 무엇이·얼마나 큰 파일이 다운로드되는지 미리 알죠.

링크 텍스트 명확 링크 텍스트 자체를 ’신청서 다운로드’처럼 명확히요. ’여기 클릭’이 아니라 다운로드임이 드러나게요(WCAG 2.4.4 링크 목적).

스크린 리더 안내 — 스크린 리더 사용자도 — ‘신청서 다운로드, 한글 파일, 245KB’ 같은 안내를 듣게요(아이콘 대체 텍스트 BP-087, sr-only 텍스트).

외부·새 창 단서(BP-055)와 같은 정신. BP-055(외부 이동·새 창 단서)와 같은 원리입니다. 링크 클릭의 결과를 사용자가 예측할 수 있어야 하죠(WCAG 3.2 예측 가능성). 다운로드도 일반 이동과 다른 결과이므로, 미리 알립니다.

사용자 통제권. 사전 안내는 — 사용자에게 통제권을 줍니다. ‘이 파일을 받을지’ 판단하고 누르게요. 예고 없는 다운로드 는 — 통제권을 빼앗죠.

이 규칙은 첨부파일의 ’다운로드 예측 가능성’을 담당합니다 — 다운로드 링크임을 사전 안내해(084), 사용자가 무슨 일이 일어날지 알고 통제하게 하죠. 첨부파일 그룹의 출발점입니다.

정리하면 — 예고 없는 다운로드는 사용자를 당황시키고 보안 우려·데이터 부담을 주므로, 다운로드 링크에 아이콘·텍스트·파일 정보로 사전 안내해 예측·통제하게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

다운로드 단서 — 다운로드 링크에 아이콘(⬇)·‘(다운로드)’ 텍스트가 있는가.

파일 정보 — 형식·크기(BP-085)가 함께 표시되는가.

링크 텍스트·접근성 — 링크 텍스트가 명확하고 스크린 리더도 안내받는가.

개선 방향

다운로드 링크에 아이콘·텍스트 + 파일 형식·크기(BP-085).

링크 텍스트 명확(‘신청서 다운로드’). 스크린 리더 안내(BP-087).

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

역할	책임
디자이너	다운로드 단서 디자인
퍼블리셔/개발	안내·파일 정보 구현

기관 유형	BP-084 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (첨부파일 제공 시)

첨부파일을 제공하는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 다운로드 링크에 아이콘(⬇)·‘(다운로드)’ 텍스트가 있나요?

□ 파일 형식·크기(BP-085)가 함께 표시되나요?

□ 링크 텍스트가 명확하고 스크린 리더도 안내받나요?

❓ FAQ

Q1. 왜 다운로드를 미리 알려야 하나요? 예고 없이 파일이 받아지면 당황스럽고, 악성 파일처럼 느껴져 사이트를 의심 하며, 모바일 데이터도 의도치 않게 씁니다. 미리 알려 통제하게 하죠. Q2. 어떻게 안내하나요? 다운로드 아이콘(⬇)·‘(다운로드)’ 텍스트 + 파일 형식·크기(‘신청서.hwp 245KB’)로요. 링크 텍스트도 ’신청서 다운로드’처럼 명확히요. Q3. BP-055(외부·새 창)와 같나요? 같은 정신입니다. 링크 클릭의 결과(다운로드)를 사용자가 예측하게 하는 거죠(WCAG 3.2 예측 가능성).

6. 마무리

BP-084의 메시지:

누르면 다운로드됩니다 — 파일 다운로드 링크임을 사전에 안내하라.

예고 없는 다운로드는 사용자를 당황시키고 보안 우려·데이터 부담을 줍니다. 아이콘·텍스트·파일 정보로 사전 안내해 예측· 통제하게 하는 게 핵심이죠. 다음 편은 파일 이름·크기·형식 표시입니다.

다음 편 예고 ▶ 「651. (BP-085) 파일의 이름, 크기와 형식 정보를 표시하고 있다.」

ViewCheck는 파일 다운로드 링크가 사전 안내되는지를 진단합니다.

📚 참고 출처

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

WCAG 2.1 SC 2.4.4 Link Purpose / 3.2.5 Change on Request — https://www.w3.org/WAI/WCAG21/Understanding/

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

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