숨긴 텍스트도 같이 번역되게

KRDS CP-445 — 서비스 제공 언어를 변경할 때 숨긴 콘텐츠에 포함된 텍스트의 언어도 변경되도록 하고 있다.

0. 들어가며 — 영어 페이지인데 숨긴 안내가 한국어면

이번 565편은 서비스 언어를 변경할 때 숨긴 콘텐츠에 포함된 텍스트의 언어도 변경되게 하라는 규칙입니다.

다국어 서비스에서 — 화면 언어를 영어로 바꾸면, 숨긴 콘텐츠(sr-only)의 텍스트도 영어로 바뀌어야 하죠. 안 그러면 — 영어 스크린 리더 사용자가 한국어 숨긴 안내를 듣습니다. CP-445는 숨긴 콘텐츠의 다국어 일관성을 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 언어 변경 시 숨긴 콘텐츠도 변경

CP-445 (컴포넌트 > 숨긴 콘텐츠) “서비스 제공 언어를 변경할 때 숨긴 콘텐츠에 포함된 텍스트의 언어도 변경되도록 하고 있다.”

서비스 언어를 바꿀 때, 시각적으로 숨긴 콘텐츠(sr-only)의 텍스트 언어도 함께 변경되게 하라는 뜻입니다.

정리: 언어 변경 시 숨긴 콘텐츠 텍스트도 그 언어로 바꿔라. 이게 CP-445입니다.

2. 왜 숨긴 콘텐츠도 언어 변경인가

다국어 서비스(언어 변경, CP-420~426)는 사용자가 언어를 바꾸면 화면 텍스트가 그 언어로 바뀝니다. 그런데 화면에 보이는 텍스트만 번역하고, 시각적으로 숨긴 콘텐츠(sr-only) 의 텍스트는 깜빡하고 안 바꾸는 경우가 있습니다. 숨긴 콘텐츠는 눈에 안 보이니 번역에서 누락되기 쉽죠. CP-445는 이를 막습니다.

숨긴 콘텐츠가 언어 변경 안 될 때의 문제:

스크린 리더 사용자 혼란 영어로 바꾼 페이지에서 화면 보이는 텍스트는 영어인데, 숨긴 콘텐츠(스크린 리더용 안내)는 한국어 그대로면, 영어 스크린 리더 사용자가 영어를 듣다가 갑자기 한국어 안내를 듣습니다. ‘○○ 기사 더보기’(한국어 숨김)를 영어 음성 엔진이 읽거나, 한국어로 튀어나오죠. 혼란스럽고 이해 못 합니다.

번역 누락 숨긴 콘텐츠는 보조 안내(반복 링크 구별, 표 캡션, 단위 설명, 상태 안내 등)를 담습니다. 이게 번역 안 되면 스크린 리더 사용자만 다른 언어 안내를 받아, 정보 접근이 불완전해지죠.

왜 누락되기 쉬운가:

눈에 안 보임 — 숨긴 콘텐츠는 — 화면에 안 보이니, 번역 작업·검토에서 빠지기 쉽습니다. 시각 콘텐츠만 번역 하고 끝내는 거죠.

하드코딩 위험 — 숨긴 텍스트를 — 코드에 하드코딩하면(번역 시스템 밖), 언어 변경 시 안 바뀝니다.

그래서 CP-445는 — 숨긴 콘텐츠 텍스트도 언어 변경에 포함하라고 합니다:

번역 시스템 포함 숨긴 콘텐츠의 텍스트도 화면 텍스트와 똑같이 다국어 번역 시스템(i18n)에 등록해, 언어 변경 시 함께 바뀌게 합니다. sr-only도 번역 대상이죠.

lang 속성 갱신 — 페이지 언어가 바뀌면 — 숨긴 콘텐츠를 포함한 전체의 lang 속성도 갱신해(또는 그 부분의 lang), 스크린 리더가 올바른 언어로 읽게 합니다(언어 변경 CP-426의 lang 정신).

검토 포함 — 다국어 검토 시 — 숨긴 콘텐츠도 빠짐없이 번역됐는지 확인합니다.

모든 언어에서 일관. 핵심은 어느 언어로 바꾸든, 화면 텍스트와 숨긴 콘텐츠의 언어가 일치하는 것입니다. 영어 페이지면 보이는 것도 안 보이는 것도(sr-only) 다 영어로요. 스크린 리더 사용자가 일관된 언어 경험을 하게요.

이 규칙은 숨긴 콘텐츠의 ’다국어 일관성’을 담당합니다 — 언어 변경 시 숨긴 콘텐츠도 함께 번역해(445), 스크린 리더 사용자가 선택한 언어로 일관된 안내를 받게 하죠. 보이지 않아 누락되기 쉬운 부분을 챙기는 규칙입니다.

정리하면 — 화면 텍스트만 번역하고 숨긴 콘텐츠를 안 바꾸면 스크린 리더 사용자가 다른 언어 안내를 받아 혼란스러 우므로, 언어 변경 시 숨긴 콘텐츠 텍스트도 그 언어로 함께 변경하고 lang 속성도 갱신해야 합니다.

3. 점검 / 개선

무엇을 점검하나

숨긴 콘텐츠 번역 — 언어 변경 시 숨긴 콘텐츠(sr-only) 텍스트도 바뀌는가.

언어 일관 — 화면 텍스트와 숨긴 콘텐츠의 언어가 일치하는가.

lang 갱신 — 언어 변경 시 숨긴 콘텐츠 포함 lang 속성이 갱신되는가.

개선 방향

숨긴 콘텐츠 텍스트를 번역 시스템(i18n)에 등록(하드코딩 제거).

언어 변경 시 sr-only 포함 전체 번역·lang 갱신. 다국어 검토에 숨긴 콘텐츠 포함.

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

역할	책임
퍼블리셔/개발	숨긴 콘텐츠 번역·lang 갱신 구현
콘텐츠/번역	숨긴 콘텐츠 다국어 번역

기관 유형	CP-445 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 조건부 (다국어 + 숨긴 콘텐츠 사용 시)

다국어를 지원하며 숨긴 콘텐츠를 쓰는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 언어 변경 시 숨긴 콘텐츠(sr-only) 텍스트도 바뀌나요?

□ 화면 텍스트와 숨긴 콘텐츠의 언어가 일치하나요?

□ 언어 변경 시 숨긴 콘텐츠 포함 lang 속성이 갱신되나요?

❓ FAQ

Q1. 숨긴 콘텐츠가 왜 번역에서 빠지나요? 눈에 안 보이니 번역 작업·검토에서 누락되기 쉽습니다. 시각 텍스트만 번역하고 끝내는 거죠. Q2. 안 바꾸면 어떻게 되나요? 영어 페이지인데 숨긴 한국어 안내를 영어 스크린 리더 사용자가 듣습니다. 혼란스럽고 이해 못 하죠. Q3. 어떻게 챙기나요? 숨긴 콘텐츠 텍스트를 번역 시스템(i18n)에 등록하고, 언어 변경 시 함께 번역·lang 갱신하며, 다국어 검토에 포함합니다.

6. 마무리

CP-445의 메시지:

숨긴 텍스트도 같이 번역되게 — 언어 변경 시 숨긴 콘텐츠 텍스트도 그 언어로.

화면 텍스트만 번역하고 숨긴 콘텐츠를 안 바꾸면 스크린 리더 사용자가 다른 언어 안내를 받아 혼란스럽습니다. 숨긴 콘텐츠도 함께 번역·lang 갱신하는 게 핵심이죠. 다음 편은 숨긴 콘텐츠 호환성 — CP의 마지막입니다.

다음 편 예고 ▶ 「566. (CP-446) 숨김 콘텐츠에 대해 다양한 스크린 리더와 브라우저 조합에서 호환성을 보장하고 있다.」

ViewCheck는 언어 변경 시 숨긴 콘텐츠도 함께 번역되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 숨긴 콘텐츠(Visually hidden) 가이드 — https://www.krds.go.kr/html/site/component/component_45.html

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

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