Interop 2024: 접근성 포커스 영역에 대해 Chrome 100% 사용

Jocelyn Tran
Jocelyn Tran

Chrome은 올해 시작부터 접근성 강화 영역의 테스트 중 88.2% 를 통과했습니다. (Interop 2024) 2024년 6월에는 최초로 100% 에 도달할 수 있습니다 이 게시물은 사람들이 이 목표를 달성할 수 있습니다.

접근성 중점 영역에는 무엇이 포함되어 있나요?

Interop 2024의 모든 포커스 영역과 마찬가지로 접근성 영역은 웹 플랫폼 테스트 모음입니다. Interop 2024의 테스트는 다음을 목표로 합니다. 모든 브라우저가 액세스 가능한 이름과 계산된 역할을 동일한 있습니다.

액세스 가능한 이름은 HTML 요소의 목적이나 의도를 전달합니다. 이렇게 하면 사용자는 요소의 용도와 요소와 상호작용하는 방법을 이해할 수 있습니다. 이 accname 사양은 브라우저가 요소에 대해 액세스 가능한 이름 문자열을 생성합니다. ARIA 사양 이 이름이 어떻게 계산됩니다.

요소의 계산된 역할은 요소에 의해 계산됩니다. 주로 개발자가 예를 들어 WebDriver 함수 getComputedRole에서 상호 운용성 테스트를 지원합니다.

Chrome팀은 무엇을 해야 했나요?

두 가지 작업 영역인 매핑 변경 작업을 완료해야 했습니다. 지원 중단된 역할을 삭제하는 방법을 살펴보겠습니다 그런 다음 구현해야 할 추가 소규모 수정사항 및 기능 다음 사항 외에도 Google은 Microsoft와 협력하여 했습니다.

특정 역할의 매핑을 일반 역할로 변경

매핑을 일반 역할로 변경하면 요소가 포함됩니다. 일반 요소는 접근성 트리에 값을 제공하지 않으므로 트리에 포함되지 않습니다. 이렇게 하면 성능에 도움이 되며 더 작고 더 쉽게 파싱할 수 있습니다. 다음 역할은 일반 역할로 변경되었습니다.

  • <main>로 범위가 지정된 <header> 또는 섹션 콘텐츠 요소 (<article>, <aside>, <nav>, <section>)을 입력합니다.
  • <main>로 범위가 지정된 <footer> 또는 콘텐츠 요소 섹션 지정 (<article>, <aside>, <nav>, <section>)
  • 섹션 콘텐츠 요소 내부의 <aside> (<article>, <aside>, <nav>, 또는 <section>)를 사용할 수 있습니다.
  • 액세스 가능한 이름이 없는 <section>입니다.
  • 분리된 목록 항목 (<li>개)

처음 네 개의 글머리 기호에서는 일반적으로 이러한 요소가 주요 역할을 수행합니다. 한 페이지에 두 개의 랜드마크가 있으면 탐색하기 더 어려워질 수 있으므로 중복 랜드마크를 줄여 페이지를 더 쉽게 탐색할 수 있습니다. 이 마지막 항목은 일반적으로 페이지 개발자의 실수를 나타내며, 항상 목록 내에 있어야 하므로 분리된 항목에는 일반 역할을 수행합니다

지원 중단된 역할 삭제

directory 역할을 지원 중단하고 목록 역할에 매핑했습니다. ARIA 1.2directory를 지원 중단합니다. 역할을 수행합니다 사양에서는 list 역할과 동일하다고 설명합니다. 개발자는 list를 사용해야 합니다. 기존의 시맨틱스를 유지하고 directory를 사용하는 콘텐츠가 이제 Chrome에서 list에 매핑됩니다.

기타 수정사항

또한 gridcell 드림 역할을 수행합니다 이 새로운 역할은 gridcellcell 더 명확하게 파악할 수 있습니다. gridcellcell와 달리 포커스, 수정, 선택이 가능합니다.

대체 역할 계산이 추가되었습니다. 이전에는 대체를 확인하지 않았습니다. 첫 번째 역할이 유효하지 않다면 유효하지 않은 다른 역할을 자세한 내용은 뭐야 사양에 해당합니다.

일부 역할은 올바른 컨텍스트에 있는 경우에만 유효하므로 검사를 추가했습니다. 다음과 같은 조치를 취할 수 있습니다.

  • row 역할은 table, grid, rowgroup 또는 treegrid 내에 있어야 합니다.
  • rowgroup 역할은 table, grid, tree 또는 treegrid 내에 있어야 합니다.
  • listitem 역할은 list 내에 있어야 합니다.

역할이 잘못된 경우 Chrome은 이제 HTML과 같은 다른 정보를 사용합니다. 요소를 사용하여 대체 역할을 계산합니다.

접근성 트리에 포함된 것으로 theadtfooter를 표시했습니다. 이전에는 무시로 표시되었지만 여전히 트리에 포함되었습니다. 진행 중 표 머리글 및 표 바닥글은 보조 기술을 통해 파싱할 수 있습니다.


이러한 변경사항은 대부분의 개발자에게 표시되지 않을 수 있지만 모든 브라우저에서 이러한 것들이 동일한 방식으로 작동하도록 하기 위해 노력하면 Google은 모든 곳에서 동일한 방식으로 노출됩니다