2010-06-14 2 views
26

웹 콘텐츠 접근성 가이드 라인에는 네비게이션 블록을 통해 사용자를 뛰어 넘어 내용으로 직선으로 이동하는 "건너 뛰기"링크를 제공해야한다는 내용이 나와 있습니다. 이 기능은 화면 판독기를 사용하여 페이지를 소리내어 설명하는 장애가있는 사용자에게 특히 유용합니다.HTML5 이름 특성이 더 이상 사용되지 않는 경우 네비게이션을 건너 뛰는 방법

6.2 그룹화 및 우회 링크

그러나,이 기술은 앵커 태그의 이름과 속성을 사용하여에 의존 WCAG Guidelines : 스킵 - 링크와 함께

<h2><a name="content">Content</a></h2> 

:

<a href="#content">Skip to content</a> 

문제는 앵커 태그의 "name"속성이 HTML5에서 더 이상 사용되지 않는다는 것입니다. HTML Obsolete Features

이름 속성을 사용하지 않고이 "건너 뛰기"기능을 수행하는 다른 방법이 있습니까?

각주 : 아직 초안에있는 HTML5 사양의 상태이며 이름 속성이이 시나리오에서 실제로 허용 될 가능성이 있습니다. 그래도 여전히 "경고"가 생성됩니다. 그것은 현재 "구식이지만 준수"로 표시되어 있습니다. 즉, 여전히 사용할 수 있음을 의미합니다. 그러나 나는 그것을 수행 할 수있는 방법이 있는지 보려면 "건너 뛰기"를 수행하는 다른 방법을 알고 싶습니다. 쓸데없는 속성을 사용합니다.

+1

없음 공격은 의미가 없지만 * *이 그 사용되지 않는 기능 페이지에서보고했다? [name 속성] (http://www.w3.org/TR/html5/obsolete.html#attr-a-name)에 대한 섹션이 있습니다 : "대신에'id' 속성을 사용하십시오." –

+0

@Marcel - 나는 더 나은 대안이 있기 때문에 실제로 쓸모없는 모든 속성은 쓸모가 없다는 것을 읽었습니다. id 속성이 특정 유형의 링크 인이 유형의 링크로 대상을 지정할 수 있음을 실제로 인식하지 못했습니다. – Fenton

답변

35

대신 <a> 태그를 사용하여, 당신은 id 속성을 가진 모든 요소를 ​​사용할 수 있습니다 (이 ;-) 위키 백과의이기는하지만)

<h2 id="content">Content</h2> 

<a href="#content">Skip to content</a> 

편집, 당신에게 소스를 발견

또는 (때로는 동시에) name 또는 id 속성이 설정된 요소가 대상이됩니다. Uniform Resource Locator는 프래그먼트 식별자를 통해이 타겟에 연결할 수 있습니다. 이제 id 속성 [2]을 사용하여 임의의 요소를 앵커로 만들 수 있으므로 <a name="foo">을 사용할 필요가 없습니다.

http://en.wikipedia.org/wiki/HTML_element#Anchor

+5

아니면 단지'id'를'h2'에 직접 넣으십시오. – RoToRa

+1

사람들이 처음으로 이름 속성을 사용하는 이유를 알지 못했습니다. 대부분 점프해야하는 요소에는 아이디어가 포함될 수 있습니다. 이것은 스타일링 옵션을 제공합니다. –

+2

@Jonny Haynes : 몇 년 전 나는'id'도 사용할 수 있는지 몰랐습니다. 당시에는 적절한 후견이 없었기 때문에 대학의 가정교사가 '이름'을 사용하라고 말했고 인터넷 자습서도 똑같은 일을했습니다. 그것은'name'이 이제는 더 이상 사용되지 않는 것이고, 어쨌든 그것은 무의미하다는 것입니다. –

관련 문제