2.4.3 적절한 링크 텍스트

2.4.3 (적절한 링크 텍스트) 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

• 검사 항목

링크의 용도나 목적지를 명확하게 이해할 수 있도록 링크 텍스트를 제공해야 한다.

1) 맥락과 무관한 링크: 링크의 용도나 목적지를 주변의 맥락과 관계없이 이해할 수 있도록 링크 텍스트를 제공해야 한다. 예를 들어, ‘여기’나 ‘더 보기’ 등과 같은 링크 텍스트를 제공하는 것보다 ‘한국정보화진흥원 홈페이지로 이동’ 혹은 ‘공지사항 더 보기’와 같이 해당 링크를 클릭했을 때 목적지에 관한 정보나 어떤 내용을 볼수 있는지를 보다 구체적으로 제시해야 한다. 또한 모든 링크 정보는 사용자가 쉽게 이해할 수 있도록 간단명료하게 제공해야 한다.

2) 이미지 링크: 아이콘(Icon)으로 링크 텍스트를 대신하여 표현한 경우(예를 들어, 홈페이지로 이동하기 위한 링크를 링크 텍스트가 아닌 집 모양의 아이콘 이미지로 대신하고 해당 아이콘에 홈 페이지로의 링크를 걸어놓은 경우), 해당 아이콘은 그 자체의 이미지만으로도 링크의 용도나 목적지, 내용 등을 충분히 이해할 수 있도록 직관적이고 명료해야 한다. 아이콘에 대체 텍스트를 제공하는 방법은 검사 항목 1.1.1(적절한 대체 텍스트 제공)을 참고하라.

3) 적절한 링크 제공 방법은 다음과 같다.

3-1) 텍스트 중에서 URL에 관한 정보를 제공하는 부분을 링크로 연결해야 한다.

3-2) 텍스트 중에서 URL에 관한 정보를 제공하는 부분의 바로 뒷부분을 링크로 연결 해야 한다.

3-3) URL에 관한 정보를 제공하는 텍스트와 URL로 이동하는 아이콘을 하나의 링크로 구성하는 것이 바람직하다. 이 경우, 아이콘 이미지에 제공해야 하는 대체 텍스트는 빈 글자로 구성해야 한다.

3-4) 동일한 제품을 서로 다른 관점에서 설명한 페이지로 이동하는 링크들은 링크 텍스트의 제목을 서로 다르게 구성하는 것이 바람직하다.

• 기대 효과

1) 웹 페이지의 상단이나 좌측 프레임에 링크 목록이 반복되는 영역이 위치하고 있으면 화면 낭독 프로그램은 이 링크 목록을 순서대로 읽어준 후에야 필요한 부분을 읽어주므로 매우 불편하다. 그러나 이 웹 페이지의 첫 부분에 콘텐츠의 핵심 부분으로 이동할 수 있는 건너뛰기 링크를 제공하면 필요한 위치로 빠르게 이동할 수 있다.

2) 하나의 긴 문장으로 구성된 콘텐츠의 경우, 사용자가 원하는 부분을 찾기 위해서는 처음부터 모두 읽어야 한다. 따라서 색인이 없는 긴 문장의 경우에 콘텐츠의 특정 영역으로 이동하는 것이 매우 불편하다. 그러나 문장의 시작 부분에 색인을 제공하면 필요한 부분으로 직접 이동할 수 있어 보다 쉽고 빠르게 내비게이션할 수 있다. 장, 절, 소절의 제목을 h1, h2, h3 등의 태그를 이용하여 구성하면 이들 태그 간을 빠르게 이동할 수 있다

3) 여러 페이지로 구성된 웹 사이트의 경우, 사이트 맵을 제공하면 사용자는 이를 이용하여 필요한 정보가 위치한 페이지로 보다 쉽고 빠르게 이동할 수 있다.

4) 모든 웹 페이지에 서로 다른 제목을 제공하면 동시에 여러 개의 웹 페이지가 열려 있더라도 사용자(예: 시각 장애인, 인지장애인, 지체장애인 등)는 해당 웹 페이지의 제목을 통해 초점을 받은 웹 페이지가 무엇에 관한 페이지인지를 쉽게 파악할 수 있어 열려있는 웹 페이지 간을 편리하게 이동할 수 있다. 이를 위해, 각 페이지는 해당 페이지만의 유일하고 배타적인(Unique and Exclusive) 페이지 제목을 가져야 한다.

5) 웹 페이지를 구성하는 프레임에 각 프레임을 설명하는 제목을 제공하면 사용자(예: 시각 장애인, 인지장애인, 심각한 지체장애인 등)는 초점을 받은 프레임을 프레임 제목을 통해 파악할 수 있으므로 웹 페이지의 프레임을 매우 편리하게 이동할 수 있다. 이를 위해, 페이지의 경우와 마찬가지로, 동일한 페이지에 있는 프레임은 해당 프레임만의 유일하고 배타적인 프레임 제목을 가져야 한다.

6) 텍스트에 링크를 연결할 때, “여기를 클릭하세요.”와 같이 애매모호한 표현을 사용 하여 링크를 연결한 경우, 시각 장애인이나 인지장애인들 뿐만 아니라 비장애인들도 클릭했을 때 어떤 일이 일어날 것이며 무슨 내용이 제시될 것인지를 알 수 없다. 그러나 링크 텍스트가 직관적으로 주어졌을 경우, 장애인들은 해당 링크를 클릭 했을 때 무슨 내용이 제시될 것인지를 분명하게 알 수 있다.

7) 링크 텍스트를 직관적이고 의미 있게 구성하면 사용자가 링크의 용도나 목적지를 명확히 알 수 있다. 이 경우, 지체장애인은 원하지 않는 링크를 방문하기 위해 키보드를 여러 차례 입력하는 수고를 덜 수 있으며, 지적장애인은 원하지 않는 콘텐츠로 이동하거나 이동해 오는 혼란을 겪지 않는다. 또한 시각 장애인은 링크의 제목만 듣고도 링크의 용도나 목적지를 알 수 있다.