섹션 요소와의 거래

두 기사가 정확히 같은 날에 출판되었습니다.

1. Smashing Magazine의 Bruce Lawson : 왜 html5
   Over 을 선택 해야하는지
2. 소나무의 Adam Laki : 과
   요소의 차이

   그들은 약간 다른 것을 비교하고 있지만 둘 다

   에 도달하면 그 요소가 본질적으로 의미가 없을 때는 분명합니다. 스타일링 목적으로 만 사용하고 있습니다.

   을 생각할 때 항상 RSS를 생각합니다. 그렇다면

   을 사용하십시오. 그렇지 않다면.

   브루스는 대답을합니다.

   […] 신문 기사 나 블로그 게시물뿐만 아니라 다른 맥락에서 재사용 할 수있는 개별 실체 인 의류 기사로 생각하십시오. 따라서 바지는 기사이며 다른 복장으로 입을 수 있습니다. 당신의 셔츠는 기사이며 다른 바지와 함께 착용 할 수 있습니다. 무릎 길이의 특허 가죽 스틸레토 부츠는 기사입니다.

   더 중요한 것은 실제 기능이 있습니다. Bruce는 Apple Watchos가 특히 페이지에서 콘텐츠를 찾기 위해이를 사용한다고 언급합니다.

   그러나 은 더욱 성가신 것입니다. 어느 시점에서, 당신은 섹션을 당신의

   -

   제목을 재설정하는 장소로 생각해야했지만, 브라우저가 제로를 지원하는 "html5 개요"라는 것이 필요하기 때문에 결실에 빠지지 않았습니다.

   IT를 전혀 사용해야합니까? 브루스에 따르면 때때로! Smashing Magazine의 기사 디자인은 기사의 시작 부분에 요약되어 있습니다. 시각적으로는 상당히 명확하지만 화면 리더 사용자에게는 덜 명확합니다. 솔루션은 ARIA- 라벨로 요소로 요약을 포장하여 명확하게했습니다. 그러나 해당 요소에도 역할이 없다면 Aria-Label을 사용해서는 안됩니다.

   에 역할을 적용 할 수 있지만 은 이미 기본 역할이 양호하므로 다음과 같습니다.

    
     요약 텍스트
   섹션>

   Adam의 기사 (죄송합니다, Adam)는 그 요점에 대해 매우 모호합니다.

   주요 차이점은 시맨틱과 비슷합니다. 귀하의 사이트 나 논리가있는 사이트에 부품이있는 경우 태그를 사용하여 선언해야합니다…

   … 사이트 또는 앱의 일부를 보조 기술에 읽을 수 있도록 논리적으로 올바른 경우 을 사용하십시오. 스크린 리더를 명심하면 훌륭한 접근 방식입니다.

   따라서 섹션의 경우 "영역"이 자동으로 역할 = "영역"을 얻지 만 화면 리더에게는 아무것도 할 수있는 것이 확실하지 않습니다. 빠른 테스트 (Voiceover가 활성화 된 데스크탑 용 크롬)에서 Aria-Label이없는 은 웹 로터의 랜드 마크 섹션에 없었지만 Aria-Label이 있으면 나타났습니다.

   포인트는 : 만 사용하지 말고 접근성에 좋은 일을하고 있다고 가정합니다. 그것의 목적은 상당히 제한적이고 랜드 마크를 설정하는 데 유용합니다. 그럼에도 불구하고 당신은 그렇게 많이 돕지 않습니다. Leonie Watson 의견 :

   선택이 시각적으로 숨겨진 제목과 접근 가능한 이름을 가진 섹션 요소 사이에있을 때 어떤 접근법이 올바른지 결정하기 전에 고려해야 할 몇 가지 사항이 있습니다.

   섹션 요소에 액세스 가능한 이름을 갖는 경우 탐색 가능한 랜드 마크 요소가되므로 화면 리더 사용자는 스크린 리더의 바로 가기 키를 사용하여 제목으로 할 수있는 것처럼 한쪽에서 다음으로 탐색 할 수 있습니다.

   그러나 가장 최근의 Webaim Screen Reader 사용자 설문 조사에 따르면, Screen Reader 사용자의 68%가 랜드 마크를 선호하는 2.9%에 비해 제목으로 탐색하는 것을 선호합니다.

   따라서 엄격한 접근성 관점에서 볼 때 제목을 떨어 뜨릴 수 있지만 유용성 관점에서 더 많은 스크린 리더 사용자가 랜드 마크를 사용하여 콘텐츠를 탐색하는 데 선호도를 표현할 때까지 실제로 제목을 유지하려고합니다.

위 내용은 섹션 요소와의 거래의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!