일부 코드를보고 있는데 태그 중 하나가 aria-owns 및 aria-expanded 인 속성을 가졌습니다. 나는 그들을 봤다. 그리고 그들이하는 일을 완전히 이해할 수있는 세부 사항을 찾지 못했다.aria-owns, aria-invalids, aria-expandings의 설명 및 예
누군가 이러한 특정 속성의 사용을 설명 할 수 있습니까? 나는 아리아 속성이 무엇을하는지 (나는 aria-labelledby을 사용했다) 일반적으로 이해하고 있는가?
아리아-labelledby
aria-labelledby 속성의 값이 화면 판독기에 의해 판독되는 것 인 aria-label 동일한 최종 결과를 갖는다를 참조. 차이점은 aria-label의 값이 사용하려는 레이블이고 aria-labelledby 속성의 값이 다른 요소에 대한 id 참조라는 것입니다. 그 다른 요소의 텍스트 값은 첫 번째 요소의 레이블이됩니다.
일반적으로 요소의 부모 - 자식 관계가 DOM의 계층 구조에 의해 암시
을 아리아 - 소유하고있다. 그러나 어떤 상황에서는 요소가 DOM에서 기술적으로 다른 부모와 다른 것으로 간주하는 것이 더 바람직하며 'aria-owns'가 그러한 상황에 사용됩니다.
aria-owns의 간단한 예제를 설명하기는 어렵지만 코드에서 살펴볼 때이 요소를 다음과 같이 생각하면 지정된 위젯이 더 적합하다는 것을 알려주는 코드로 생각하십시오. ID를 가리키는 요소의 부모.
아리아 - 확장
aria-expanded는 간단하다. 항상 true 또는 false로 설정됩니다 (속성이 요소에없는 경우 false로 가정). 화면 판독기가 펼쳐질 수있는 요소 (중첩 된 메뉴가 포함 된 메뉴 항목 등)로 이동하면 'aria-expanded'태그를 읽으면 연결된 팝업 섹션이 활성화되었는지 여부를 알 수 있습니다.
사용자가 확장 요소를 활성화하거나 비활성화 할 때 aria-expanded 태그의 상태를 적극적으로 관리하는 것은 개발자의 책임입니다.
혼란을 줄 수있는 많은 아리아 상태와 속성이 있습니다. 문서는 매우 쉽게 탐색 할 수 있으며 기본 사항은 너무 복잡하지 않으므로 다음과 같이 두려워하지 않아도됩니다. https://www.w3.org/TR/wai-aria/states_and_properties
aria-labelledby (속성)
# 현재 요소 레이블 요소 (또는 요소들)을 식별한다.
aria-labelledby의 목적은 아리아 레이블의 목적과 동일합니다. 그것은 사용자에게 객체의 인식 가능한 이름을 제공합니다. 레이블에 대한 가장 일반적인 액세스 가능성 API 매핑은 접근 가능한 이름 속성입니다.
라벨 텍스트가 화면에 표시되는 경우 작성자는 aria-labelledby을 사용해야하고 aria-label을 사용하지 않아야합니다. 인터페이스에 화면에 레이블이 표시되지 않는 경우에만 aria-label을 사용하십시오. 사용자 에이전트는 접근성있는 이름 속성을 계산할 때에 우선한다.
aria-labelledby 속성은 객체를 aria-describedby으로 설명하는 것과 매우 유사하며 설명은 일부 사용자에게 필요할 수있는 추가 정보를 제공하기위한 것입니다.
사용자에게 표시되는 정보를 결정할 때 화면 판독기를 지원하는 태그입니다. 다음은 W3C 사양입니다. http://www.w3.org/WAI/intro/aria – thatidiotguy
아리아가 무엇인지 압니다. 나는 특정 aria-owns 속성이 무엇을하는지 이해하지 못한다. – user1410270
나는 더 구체적인 질문을 넣어 둬야 할 것 같아. 나는 그 글을 읽었습니다 ... 기본적으로 dom 노드를 자식 노드로 링크하여 물리적으로 자식이 아닌 것입니까? 그것을 사용하면 어떤 이점이 있습니까? – user1410270