Enable some oxlint a11y rules & improve keyboard accessibility (#34291)

* Conform to oxlint rule jsx-a11y/role-has-required-aria-props

* Conform to oxlint rule jsx-a11y/role-supports-aria-props

* Conform to oxlint rule jsx-a11y/interactive-supports-focus

* Conform to oxlint rule jsx-a11y/click-events-have-key-events

* Update snapshots
This commit is contained in:
Michael Telatynski
2026-07-16 17:29:49 +00:00
committed by GitHub
parent 40137cdc54
commit b9972b7e9e
49 changed files with 215 additions and 162 deletions
@@ -12,6 +12,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
class="mx_BaseCard_header_title"
>
<p
aria-level="1"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
role="heading"
>
@@ -58,6 +59,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<span
aria-level="2"
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
role="heading"
>
@@ -87,6 +89,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite when room in not availabl
class="mx_BaseCard_header_title"
>
<p
aria-level="1"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
role="heading"
>
@@ -133,6 +136,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite when room in not availabl
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<span
aria-level="2"
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
role="heading"
>
@@ -6,6 +6,7 @@ exports[`MemberTileView RoomMemberTileView should display an verified E2EIcon wh
<div
aria-label="@userId:matrix.org"
aria-posinset="1"
aria-selected="false"
aria-setsize="1"
class="mx_AccessibleButton mx_MemberTileView"
role="option"
@@ -84,6 +85,7 @@ exports[`MemberTileView RoomMemberTileView should display an warning E2EIcon whe
<div
aria-label="@userId:matrix.org"
aria-posinset="1"
aria-selected="false"
aria-setsize="1"
class="mx_AccessibleButton mx_MemberTileView"
role="option"
@@ -162,6 +164,7 @@ exports[`MemberTileView RoomMemberTileView should not display an E2EIcon when th
<div
aria-label="@userId:matrix.org"
aria-posinset="1"
aria-selected="false"
aria-setsize="1"
class="mx_AccessibleButton mx_MemberTileView"
role="option"
@@ -222,6 +225,7 @@ exports[`MemberTileView ThreePidInviteTileView renders ThreePidInvite correctly
<div
aria-label="Foobar"
aria-posinset="1"
aria-selected="false"
aria-setsize="1"
class="mx_AccessibleButton mx_MemberTileView"
role="option"