ARIA Accessibility improvements (#10675)
* Fix confusing tab indexes in EventTilePreview * Stop using headings inside buttons * Prefer labelledby and describedby over duplicated aria-labels * Improve semantics of tables used in settings * Fix types * Update tests * Fix timestamps
This commit is contained in:
parent
259b5fe253
commit
792a39a39b
21 changed files with 197 additions and 137 deletions
|
@ -52,7 +52,7 @@ const SpacePublicShare: React.FC<IProps> = ({ space, onFinished }) => {
|
|||
}
|
||||
}}
|
||||
>
|
||||
<h3>{_t("Share invite link")}</h3>
|
||||
{_t("Share invite link")}
|
||||
<span>{copiedText}</span>
|
||||
</AccessibleButton>
|
||||
{space.canInvite(MatrixClientPeg.get()?.getUserId()) && shouldShowComponent(UIComponent.InviteUsers) ? (
|
||||
|
@ -63,8 +63,8 @@ const SpacePublicShare: React.FC<IProps> = ({ space, onFinished }) => {
|
|||
showRoomInviteDialog(space.roomId);
|
||||
}}
|
||||
>
|
||||
<h3>{_t("Invite people")}</h3>
|
||||
<span>{_t("Invite with email or username")}</span>
|
||||
{_t("Invite people")}
|
||||
<div>{_t("Invite with email or username")}</div>
|
||||
</AccessibleButton>
|
||||
) : null}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue