색 외의 표시가 필요한 본문 링크
본문 속 링크는 본문과 다른 색만으로 구분하지 말고, 색에 의존하지 않는 식별 표시를 함께 사용합니다. 링크 글자가 배경에서도 읽히는지는 본문과의 구별 여부와 별도로 확인해야 합니다. 병원은 문장 안에서 이동 가능한 글자를 독자가 알아낼 수 있도록 밑줄을 함께 쓰는 방식을 업체에 제안합니다.
세계 웹 표준 기구의 웹 접근성 이니셔티브는 색으로 정보를 구분할 때 색을 인식하지 않아도 알아낼 수 있는 표시를 더하도록 설명합니다. 또한 글자와 배경 사이에 충분한 대비가 필요하며, 이미지나 그라데이션 위의 글자도 그 대상에 포함한다고 설명합니다. 다만 병원이 본문 링크에 밑줄을 요청하는 것은 이 원칙을 홈페이지 편집에 적용하는 실행 제안입니다. 밑줄을 추가했다는 사실만으로 접근성 충족 여부를 판정하지는 않습니다.
본문 링크를 정할 때는 링크 문구만 따로 추출한 화면보다 문장 전체가 있는 화면을 사용합니다. 주변 글자가 함께 있어야 어느 부분이 이동 가능한 글자인지 가릴 수 있기 때문입니다. 담당자는 진료 안내나 이용 안내에서 실제로 연결할 문구를 선택하고, 업체에는 해당 문장 안에 표시를 적용한 예시를 요청합니다.
| 본문 속 링크 사례 | 색 외의 식별 표시 제안 | 업체에 요청할 적용 예시 |
|---|---|---|
| 진료 안내 중 상세 설명으로 연결하는 문구 | 이동 가능한 문구 전체에 밑줄 사용 | 주변 설명을 포함한 문단 화면 |
| 검사 안내 중 준비 사항으로 연결하는 문구 | 연결된 글자 범위와 밑줄 범위를 일치 | 링크 앞뒤 문장과 표시 범위가 드러나는 화면 |
| 이용 안내 중 다른 안내로 연결하는 문구 | 줄이 달라져도 링크 표시를 유지 | 문구가 여러 줄에 걸친 모바일 화면 |
표의 문구는 실제 병원 사례가 아닌 적용 대상을 분류한 예시입니다. 병원 담당자는 운영 중인 안내에서 해당 유형을 찾고, 문구와 연결할 안내가 일치하는 항목을 작업 대상으로 정합니다. 링크가 없는 글자에 같은 표시를 사용할지도 함께 결정해야 독자가 표시의 의미를 혼동하지 않습니다.
구별 여부와 읽기 조건의 분리
링크와 본문이 서로 다르게 느껴지는 것과 글자가 배경에서 읽히는 것은 별개의 판단입니다. 밑줄 때문에 링크 위치를 알아내더라도 링크 글자가 배경에 묻힐 수 있으며, 링크를 진하게 표현해도 주변 본문이 읽기 어려울 수 있습니다. 따라서 담당자는 식별 표시의 유무와 링크·본문 각각의 글자 대비를 다른 항목으로 기록합니다.
링크 색과 본문 색만 나란히 놓은 색상표로는 두 판단을 끝낼 수 없습니다. 문장에 적용된 표시와 실제 배경이 빠져 있기 때문입니다. 업체가 색상표를 제시하면 담당자는 문단 적용 화면을 추가로 요청하고, 읽기 조건에 관한 답변에는 어떤 글자와 어떤 배경을 대상으로 판단했는지 기재하도록 요구합니다.
담당자 준비 자료와 실행 순서
병원 담당자는 본문 속 링크가 있는 페이지와 해당 문구를 먼저 목록으로 만듭니다. 메뉴나 별도 버튼을 함께 수집하면 문장 안의 표시 문제를 구체적으로 전달하기 어려우므로, 이번 요청은 본문 문장 안에 있는 링크로 제한합니다. 준비 자료에는 페이지 이름, 링크가 포함된 문장, 연결할 안내, 현재 화면을 포함합니다.
- 본문 속 링크 위치를 찾습니다. 담당자는 연결되는 글자의 시작과 끝을 표시하고, 업체가 실제 연결 범위와 일치하는지 대조하도록 요청합니다.
- 색 외의 식별 표시를 정합니다. 밑줄을 실행안으로 제시하고, 아무 조작도 하지 않은 문단에서 그 표시가 유지되는 예시를 받습니다.
- 실제 배경에서 글자 대비를 확인합니다. 업체는 링크 글자와 일반 본문 글자를 각각 해당 배경과 짝지어 판단한 자료를 제출합니다.
실장은 수정 대상 안내가 현재 운영 내용과 일치하는지 승인하고, 마케팅 담당자는 문장과 화면 자료를 취합합니다. 업체는 표시를 구현한 위치와 판단에 사용한 색 조합을 회신합니다. 병원 안에서 담당 업무가 겹친다면 자료를 취합하는 사람을 정해 서로 다른 요청이 동시에 전달되지 않도록 합니다.
납품 화면과 판단 자료의 대조
업체에 받을 자료는 적용 화면과 대비 판단 자료로 구분합니다. 적용 화면은 표시가 어디에 들어갔는지 판단하는 자료이고, 대비 자료는 글자와 배경의 조합을 평가한 근거입니다. 담당자는 다음 항목을 요청서에 넣어 업체가 색 변경 완료라는 답변만 보내지 않도록 합니다.
| 확인 대상 | 실제 화면에서 볼 항목 | 업체에 받을 확인 자료 |
|---|---|---|
| 본문 속 링크 범위 | 이동 가능한 문구와 표시 범위의 일치 | 해당 문단의 적용 화면과 연결 범위 설명 |
| 색 외의 식별 표시 | 기본 화면의 밑줄과 줄이 달라진 뒤의 표시 | 일반 화면과 좁은 화면의 적용 예시 |
| 링크 글자와 배경 | 링크가 실제로 놓인 배경의 종류 | 링크 글자·배경 색 조합과 대비 판단 결과 |
| 일반 본문과 배경 | 링크 앞뒤 글자에 적용된 배경 | 본문 글자·배경 색 조합과 대비 판단 결과 |
화면 자료에는 페이지 이름과 문단 위치를 함께 기재하도록 요청합니다. 대비 판단 자료에는 사용한 도구나 방법, 평가한 글자와 배경, 결과에 따른 수정 필요 여부를 포함하도록 요구합니다. 여러 배경에서 같은 링크 색을 사용하는 경우에는 어느 배경까지 평가했는지도 회신받습니다.
담당자는 납품 화면이 요청한 문장에 적용됐는지 먼저 대조하고, 빠진 자료를 항목별로 업체에 돌려보냅니다. 예를 들어 링크 글자에 관한 결과만 있고 일반 본문에 관한 결과가 없다면 누락 항목을 명시해 보완을 요청합니다. 처리 상태는 적용 완료, 자료 보완 필요, 수정 필요로 구분해 기록합니다.
자주 혼동하는 표시의 적용 상태
마우스를 올린 뒤에만 나타나는 밑줄을 기본 화면의 식별 표시로 기록하지 않습니다. 독자가 조작하기 전에도 링크 위치를 알아낼 수 있는지 판단하려면 아무 조작도 하지 않은 상태의 자료가 필요합니다. 업체가 마우스를 올린 화면만 제출하면 기본 상태의 화면을 추가로 요청합니다. 모바일에서는 같은 조작을 전제로 설명하지 말고 처음 표시되는 문단을 제출하도록 요구합니다.
문단 전체에 밑줄을 사용하는 강조 방식도 링크 표시와 혼동될 수 있습니다. 연결되지 않는 글자와 링크가 같은 표시를 공유하면 독자는 이동 가능한 범위를 가리기 어렵습니다. 담당자는 기존 강조 표현을 목록으로 정리하고, 업체와 링크용 표시가 겹치는 항목을 구분합니다. 강조 방식의 수정은 해당 본문에서 필요한 범위로 제한합니다.
밑줄의 길이만으로 연결 범위를 추정해 승인하지도 않습니다. 표시가 문구 일부에서 끝나거나 문장 끝의 구두점까지 이어질 때는 실제로 연결되는 글자 범위와 대조해야 합니다. 업체에는 표시 범위와 연결 범위를 함께 설명하도록 요청하고, 두 범위가 다르면 수정할 대상을 명시합니다.
배경이 달라지는 문단의 판단
배경이 다른 문단에서는 같은 링크 색을 사용한다는 이유로 이전 결과를 그대로 적용하지 않습니다. 세계 웹 표준 기구의 웹 콘텐츠 접근성 지침은 일반적인 표시 상태에서 글자가 놓이는 배경을 기준으로 대비를 평가하도록 설명합니다. 다만 병원 담당자는 이를 작업 자료에 적용할 때 문단 위치별로 사용된 배경을 구분해 업체에 전달합니다.
단색 배경의 문단과 이미지 위의 문단을 하나의 결과로 묶으면 무엇을 평가했는지 불분명해집니다. 업체가 이미지나 그라데이션 위에 본문을 배치했다면 담당자는 글자가 놓인 부분을 판단 대상에 포함했는지 묻습니다. 해당 배경에서 읽기 조건을 판단하기 어렵다는 회신을 받으면 업체에 배경 표현이나 글자 배치를 수정하는 안을 요청합니다.
새 안내 등록 시 표시 유지
기존 페이지 수정과 이후 등록할 안내의 표시 적용은 작업 범위가 다를 수 있습니다. 병원 담당자는 직접 본문을 등록하는 경우에도 합의한 링크 표시가 적용되는지 업체에 묻습니다. 편집 과정에서 글자 색을 개별 지정해야 하는 방식인지, 연결 문구에 정해진 표시가 적용되는 방식인지 설명을 요청합니다.
납품 자료에 수정된 화면만 있으면 새 안내를 등록할 때 담당자가 임의로 표현을 정할 수 있습니다. 업체에는 본문에 링크를 입력하는 방법과 담당자가 변경하지 말아야 할 표시 항목을 운영 안내로 정리하도록 요구합니다. 이를 인계 자료에 포함하고, 담당자가 달라졌을 때도 같은 입력 절차를 사용합니다.
자주 묻는 질문
링크 문구가 길면 연결되는 글자를 줄여도 됩니까?
연결 목적을 이해할 수 있는 범위에서 문구를 줄이는 편집안을 검토할 수 있습니다. 표시를 짧게 만들기 위해 이동할 내용을 설명하는 말을 삭제하지는 않습니다. 병원 담당자는 수정 문구만 읽어도 연결할 안내를 예상할 수 있는지 판단하고, 의미가 불분명하면 원래 설명을 유지합니다.
방문했던 링크에 다른 표현을 사용해야 합니까?
병원 운영상 읽었던 안내를 구분할 필요가 있는지 먼저 정합니다. 별도 표현을 사용하기로 했다면 업체에 방문 전후 문단 예시를 요청합니다. 이번 판단만으로 방문 이력 표현이 반드시 필요하다고 단정하지는 않으며, 표현을 추가할 때는 이용자가 그 의미를 이해할 수 있는지도 검토합니다.
자료 내려받기 링크에는 어떤 설명을 더해야 합니까?
연결할 대상이 안내 페이지인지 내려받을 자료인지 알 수 있도록 문구를 구성하는 편집안을 제안합니다. 자료 이름이나 용도를 문장에 포함하면 담당자도 연결 대상이 맞는지 대조하기 쉽습니다. 파일 형식 등의 설명을 추가할 때는 실제 자료와 일치하는 내용만 기재합니다.
짧은 문장에 링크가 여러 개 있으면 어떻게 합니까?
서로 다른 안내로 연결할 필요가 있는지 병원 담당자가 먼저 구분합니다. 같은 안내를 반복 연결한 항목은 정리하고, 목적이 다른 항목은 문장을 분리하는 편집안을 검토합니다. 링크 개수만으로 적정 여부를 정하지 말고 각 문구가 어떤 안내를 가리키는지 읽을 수 있도록 구성합니다.
문장에 주소를 그대로 쓰는 방식도 적절합니까?
본문에서는 주소 자체보다 연결할 안내의 이름이나 용도를 문구로 사용하는 편집안을 권합니다. 긴 주소가 문장을 차지하면 독자가 이동 목적을 이해하는 데 필요한 설명을 찾기 어려울 수 있습니다. 주소 전달 자체가 필요한 운영 자료인지 먼저 구분하고, 일반 안내 문장에서는 의미를 담은 연결 문구를 선택합니다.