Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Accessibility improvements around aria-labels and tooltips #12062

Merged
merged 32 commits into from
Jan 5, 2024
Merged

Accessibility improvements around aria-labels and tooltips #12062

merged 32 commits into from
Jan 5, 2024

Conversation

t3chguy
Copy link
Member

@t3chguy t3chguy commented Dec 15, 2023 •
edited by github-actions bot
Loading

Requires #12054

Here's what your changelog entry will look like:

✨ Features

  • Accessibility improvements around aria-labels and tooltips (#12062).

t3chguy added 15 commits December 14, 2023 12:33
@t3chguy
Prevent Cypress typechecking react-sdk components without strict mode
63fa415 
This prevented us from switching to `forwardRef` in a bunch of places
due to it behaving different with & without strict mode.

Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Update global.d.ts
1b09a8c
@t3chguy
Switch AccessibleButton and derivatives to using forwardRef
65b0dc5 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Add missing ref={ref}
1c59d58 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Iterate
1c1469e 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Ensure RefObjects are used consistently
0515c40 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Merge branch 'develop' into t3chguy/cr/157-2
aca53a7
@t3chguy
Re-add WysiwygAutocomplete displayname
6dcccf9 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Fix forwardRef types
c2c32eb 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Add comments
3699d29 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Remove unused export
612208c 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Readd comment
eb9cd12 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Merge remote-tracking branch 'origin/t3chguy/cr/157-2' into t3chguy/c…
b4444e0 
…r/157-2
@t3chguy
Accessibility improvements around aria-labels and tooltips
8f1a68a 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Tweak copy
5811f54 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy t3chguy added the T-Task Refactoring, enabling or disabling functionality, other engineering tasks label Dec 15, 2023
@t3chguy t3chguy self-assigned this Dec 15, 2023
@t3chguy
Iterate types & comments
8d3a6ec 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Merge branch 't3chguy/cr/157-2' into t3chguy/cr/157-3
166b55b
@t3chguy
i18n
a90514d 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Update snapshots
0861908 
Signed-off-by: Michael Telatynski <[email protected]>
t3chguy and others added 5 commits December 19, 2023 13:32
@t3chguy @richvdh
Apply suggestions from code review
757f75f 
Co-authored-by: Richard van der Hoff <[email protected]>
@t3chguy
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into…
e2ec5ff 
… t3chguy/cr/157-2

# Conflicts:
#	src/components/structures/InteractiveAuth.tsx
#	src/components/views/auth/InteractiveAuthEntryComponents.tsx
#	src/components/views/dialogs/DeactivateAccountDialog.tsx
#	src/components/views/dialogs/InteractiveAuthDialog.tsx
#	src/components/views/elements/AccessibleButton.tsx
#	src/components/views/elements/AccessibleTooltipButton.tsx
#	src/components/views/messages/CallEvent.tsx
#	src/components/views/rooms/ReadReceiptMarker.tsx
@t3chguy
Merge remote-tracking branch 'origin/t3chguy/cr/157-2' into t3chguy/c…
596bec8 
…r/157-2
@t3chguy
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into…
e972ed4 
… t3chguy/cr/157-2

Signed-off-by: Michael Telatynski <[email protected]>

# Conflicts:
#	src/accessibility/context_menu/ContextMenuButton.tsx
#	src/accessibility/context_menu/ContextMenuTooltipButton.tsx
#	src/components/views/audio_messages/PlayPauseButton.tsx
#	src/components/views/elements/AccessibleButton.tsx
#	src/components/views/elements/AccessibleTooltipButton.tsx
#	src/components/views/elements/LearnMore.tsx
@t3chguy
Add comment
807a7ab 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Iterate
cd94693 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Improve comment
afcef5a 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy
Merge branch 't3chguy/cr/157-2' of github.com:matrix-org/matrix-react…
4610654 
…-sdk into t3chguy/cr/157-3
@t3chguy t3chguy marked this pull request as ready for review December 21, 2023 08:51
@t3chguy t3chguy requested a review from a team as a code owner December 21, 2023 08:51
@t3chguy t3chguy requested review from andybalaam and robintown and removed request for a team December 21, 2023 08:51
@t3chguy t3chguy added T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements and removed T-Task Refactoring, enabling or disabling functionality, other engineering tasks labels Dec 21, 2023
Base automatically changed from t3chguy/cr/157-2 to develop December 21, 2023 09:16
t3chguy added 3 commits January 5, 2024 10:22
@t3chguy
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into…
5044827 
… t3chguy/cr/157-3

# Conflicts:
#	src/components/views/rooms/RoomHeader.tsx
@t3chguy
Merge remote-tracking branch 'origin/t3chguy/cr/157-3' into t3chguy/c…
8ab7477 
…r/157-3
@t3chguy
Prettier & i18n
410e533 
Signed-off-by: Michael Telatynski <[email protected]>
@t3chguy t3chguy added this pull request to the merge queue Jan 5, 2024
Merged via the queue into develop with commit 8601763 Jan 5, 2024
23 checks passed
@t3chguy t3chguy deleted the t3chguy/cr/157-3 branch January 5, 2024 11:23
netbsd-srcmastr pushed a commit to NetBSD/pkgsrc that referenced this pull request Jan 25, 2024
@Midar
Update chat/element-web to 1.11.55
0a0db6d 
Changes in [1.11.55](https://github.com/element-hq/element-web/releases/tag/v1.11.55) (2024-01-19)
==================================================================================================


## ✨ Features

* Broaden support for matrix spec versions ([#12159](matrix-org/matrix-react-sdk#12159)). Contributed by @RiotRobot.

## 🐛 Bug Fixes

* Fixed shield alignment on message Input ([#12155](matrix-org/matrix-react-sdk#12155)). Contributed by @RiotRobot.


Changes in [1.11.54](https://github.com/element-hq/element-web/releases/tag/v1.11.54) (2024-01-16)
==================================================================================================
## 🐛 Bug Fixes

* Fix CSS stacking context order determinism ([#26840](element-hq/element-web#26840)). Contributed by @t3chguy.

## ✨ Features

* Accessibility improvements around aria-labels and tooltips ([#12062](matrix-org/matrix-react-sdk#12062)). Contributed by @t3chguy.
* Add RoomKnocksBar to RoomHeader ([#12077](matrix-org/matrix-react-sdk#12077)). Contributed by @charlynguyen.
* Adjust tooltip side for DecoratedRoomAvatar to not obscure room name ([#12079](matrix-org/matrix-react-sdk#12079)). Contributed by @t3chguy.
* Iterate landmarks around the app in order to improve a11y ([#12064](matrix-org/matrix-react-sdk#12064)). Contributed by @t3chguy.
* Update element call embedding UI ([#12056](matrix-org/matrix-react-sdk#12056)). Contributed by @toger5.
* Use Compound tooltips instead of homegrown in TextWithTooltip \& InfoTooltip ([#12052](matrix-org/matrix-react-sdk#12052)). Contributed by @t3chguy.

## 🐛 Bug Fixes

* Fix regression around CSS stacking contexts and PIP widgets ([#12094](matrix-org/matrix-react-sdk#12094)). Contributed by @t3chguy.
* Fix Identity Server terms accepting not working as expected ([#12109](matrix-org/matrix-react-sdk#12109)). Contributed by @t3chguy.
* fix: microphone and camera dropdown doesn't work In legacy call ([#12105](matrix-org/matrix-react-sdk#12105)). Contributed by @muratersin.
* Revert "Set up key backup using non-deprecated APIs (#12005)" ([#12102](matrix-org/matrix-react-sdk#12102)). Contributed by @BillCarsonFr.
* Fix regression around read receipt animation from refs changes ([#12100](matrix-org/matrix-react-sdk#12100)). Contributed by @t3chguy.
* Added meaning full error message based on platform ([#12074](matrix-org/matrix-react-sdk#12074)). Contributed by @Pankaj-SinghR.
* Fix editing event from search room view ([#11992](matrix-org/matrix-react-sdk#11992)). Contributed by @t3chguy.
* Fix timeline position when moving to a room and coming back ([#12055](matrix-org/matrix-react-sdk#12055)). Contributed by @florianduros.
* Fix threaded reply playwright tests ([#12070](matrix-org/matrix-react-sdk#12070)). Contributed by @dbkr.
* Element-R: fix repeated requests to enter 4S key during cross-signing reset ([#12059](matrix-org/matrix-react-sdk#12059)). Contributed by @richvdh.
* Fix position of thumbnail in room timeline ([#12016](matrix-org/matrix-react-sdk#12016)). Contributed by @anoopw3bdev.


Changes in [1.11.53](https://github.com/element-hq/element-web/releases/tag/v1.11.53) (2024-01-04)
==================================================================================================

## 🐛 Bug Fixes

* Fix a fresh login creating a new key backup ([#12106](matrix-org/matrix-react-sdk#12106)).


Changes in [1.11.52](https://github.com/element-hq/element-web/releases/tag/v1.11.52) (2023-12-19)
==================================================================================================


## ✨ Features

* Keep more recent rageshake logs ([#12003](matrix-org/matrix-react-sdk#12003)). Contributed by @richvdh.

## 🐛 Bug Fixes

* Fix bug which prevented correct clean up of rageshake store ([#12002](matrix-org/matrix-react-sdk#12002)). Contributed by @richvdh.
* Set up key backup using non-deprecated APIs ([#12005](matrix-org/matrix-react-sdk#12005)). Contributed by @andybalaam.
* Fix notifications appearing for old events ([#3946](matrix-org/matrix-js-sdk#3946)). Contributed by @dbkr.
* Prevent phantom notifications from events not in a room's timeline ([#3942](matrix-org/matrix-js-sdk#3942)). Contributed by @dbkr.


Changes in [1.11.51](https://github.com/vector-im/element-web/releases/tag/v1.11.51) (2023-12-05)
=================================================================================================
## ✨ Features

* Improve debian package and docs ([#26618](element-hq/element-web#26618)). Contributed by @t3chguy.

## 🦖 Deprecations

* Remove Quote from MessageContextMenu as it is unsupported by WYSIWYG ([#11914](matrix-org/matrix-react-sdk#11914)). Contributed by @t3chguy.

## ✨ Features

* Always allow call.member events on new rooms ([#11948](matrix-org/matrix-react-sdk#11948)). Contributed by @toger5.
* Right panel: view third party invite info without clearing history ([#11934](matrix-org/matrix-react-sdk#11934)). Contributed by @kerryarchibald.
* Allow switching to system emoji font ([#11925](matrix-org/matrix-react-sdk#11925)). Contributed by @t3chguy.
* Update open in other tab message ([#11916](matrix-org/matrix-react-sdk#11916)). Contributed by @weeman1337.
* Add menu for legacy and element call in 1:1 rooms ([#11910](matrix-org/matrix-react-sdk#11910)). Contributed by @toger5.
* Add ringing for matrixRTC ([#11870](matrix-org/matrix-react-sdk#11870)). Contributed by @toger5.

## 🐛 Bug Fixes

* Keep device language when it has been previosuly set, after a successful delegated authentication flow that clears localStorage ([#11902](matrix-org/matrix-react-sdk#11902)). Contributed by @mgcm.
* Fix misunderstanding of functional members ([#11918](matrix-org/matrix-react-sdk#11918)). Contributed by @toger5.
* Fix: Video Room Chat Header Button Removed ([#11911](matrix-org/matrix-react-sdk#11911)). Contributed by @kerryarchibald.
* Fix "not attempting encryption" warning ([#11899](matrix-org/matrix-react-sdk#11899)). Contributed by @richvdh.


Changes in [1.11.50](https://github.com/vector-im/element-web/releases/tag/v1.11.50) (2023-11-21)
=================================================================================================

## ✨ Features

* Ship element-web as a debian package ([#26533](element-hq/element-web#26533)). Contributed by @t3chguy.
* Update room summary card header ([#11823](matrix-org/matrix-react-sdk#11823)). Contributed by @germain-gg.
* Add feature flag for disabling encryption in Element Call ([#11837](matrix-org/matrix-react-sdk#11837)). Contributed by @toger5.
* Adapt the rendering of extra icons in the room header ([#11835](matrix-org/matrix-react-sdk#11835)). Contributed by @charlynguyen.
* Implement new unreachable state and fix broken string ref  ([#11748](matrix-org/matrix-react-sdk#11748)). Contributed by @MidhunSureshR.
* Allow adding extra icons to the room header ([#11799](matrix-org/matrix-react-sdk#11799)). Contributed by @charlynguyen.

## 🐛 Bug Fixes

* Room header: do not collapse avatar or facepile ([#11866](matrix-org/matrix-react-sdk#11866)). Contributed by @kerryarchibald.
* New right panel: fix button alignment in memberlist ([#11861](matrix-org/matrix-react-sdk#11861)). Contributed by @kerryarchibald.
* Use the correct video call icon variant ([#11859](matrix-org/matrix-react-sdk#11859)). Contributed by @robintown.
* fix broken warning icon ([#11862](matrix-org/matrix-react-sdk#11862)). Contributed by @ara4n.
* Fix rightpanel hiding scrollbar ([#11831](matrix-org/matrix-react-sdk#11831)). Contributed by @kerryarchibald.
* Switch to updating presence via /sync calls instead of PUT /presence ([#11824](matrix-org/matrix-react-sdk#11824)). Contributed by @t3chguy.

Changes in [1.11.49](https://github.com/vector-im/element-web/releases/tag/v1.11.49) (2023-11-13)
=================================================================================================

## ✨ Features
 * Ship element-web as a debian package ([\#26533](element-hq/element-web#26533)). Fixes #2777.

## 🐛 Bug Fixes
 * Ensure `setUserCreator` is called when a store is assigned ([\#3867](matrix-org/matrix-js-sdk#3867)). Fixes element-hq/element-web#26520. Contributed by @MidhunSureshR.

Changes in [1.11.48](https://github.com/vector-im/element-web/releases/tag/v1.11.48) (2023-11-07)
=================================================================================================

## ✨ Features
 * Correctly fill window.matrixChat even when a Wrapper module is active ([\#26395](element-hq/element-web#26395)). Contributed by @dhenneke.
 * Knock on a ask-to-join room if a module wants to join the room when navigating to a room ([\#11787](matrix-org/matrix-react-sdk#11787)). Contributed by @dhenneke.
 * Element-R:  Include crypto info in sentry ([\#11798](matrix-org/matrix-react-sdk#11798)). Contributed by @florianduros.
 * Element-R:  Include crypto info in rageshake ([\#11797](matrix-org/matrix-react-sdk#11797)). Contributed by @florianduros.
 * Element-R: Add current version of the rust-sdk and vodozemac ([\#11785](matrix-org/matrix-react-sdk#11785)). Contributed by @florianduros.
 * Fix unfederated invite dialog ([\#9618](matrix-org/matrix-react-sdk#9618)). Fixes element-hq/element-meta#1466 and #22102. Contributed by @owi92.
 * New right panel visual language ([\#11664](matrix-org/matrix-react-sdk#11664)).
 * OIDC: add friendly errors ([\#11184](matrix-org/matrix-react-sdk#11184)). Fixes #25665. Contributed by @kerryarchibald.

## 🐛 Bug Fixes
 * Fix rightpanel hiding scrollbar ([\#11831](matrix-org/matrix-react-sdk#11831)). Contributed by @kerryarchibald.
 * Fix multi-tab session lock on Firefox not being cleared ([\#11800](matrix-org/matrix-react-sdk#11800)). Fixes #26165. Contributed by @ManuelHu.
 * Deserialise spoilers back into slash command form ([\#11805](matrix-org/matrix-react-sdk#11805)). Fixes #26344.
 * Fix Incorrect message scaling for verification request ([\#11793](matrix-org/matrix-react-sdk#11793)). Fixes #24304. Contributed by @capGoblin.
 * Fix: Unable to restore a soft-logged-out session established via SSO ([\#11794](matrix-org/matrix-react-sdk#11794)). Fixes #25957. Contributed by @kerryarchibald.
 * Use configurable github issue links more consistently ([\#11796](matrix-org/matrix-react-sdk#11796)).
 * Fix io.element.late_event received_ts vs received_at ([\#11789](matrix-org/matrix-react-sdk#11789)).
 * Make invitation dialog scrollable when infos are too long ([\#11753](matrix-org/matrix-react-sdk#11753)). Contributed by @nurjinjafar.
 * Fix spoiler text-align ([\#11790](matrix-org/matrix-react-sdk#11790)). Contributed by @ajbura.
 * Fix: Right panel keeps showing chat when unmaximizing widget.  ([\#11697](matrix-org/matrix-react-sdk#11697)). Fixes #26265. Contributed by @manancodes.
 * Fix margin of invite to room button ([\#11780](matrix-org/matrix-react-sdk#11780)). Fixes #26410.
 * Update base64 import ([\#11784](matrix-org/matrix-react-sdk#11784)).
 * Set max size for Element logo in search warning ([\#11779](matrix-org/matrix-react-sdk#11779)). Fixes #26408.
 * Fix: emoji size in room header topic, remove obsolete emoji style ([\#11757](matrix-org/matrix-react-sdk#11757)). Fixes #26326. Contributed by @kerryarchibald.
 * Fix: Bubble layout design is broken ([\#11763](matrix-org/matrix-react-sdk#11763)). Fixes #25818. Contributed by @manancodes.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@andybalaam andybalaam andybalaam approved these changes

@robintown robintown Awaiting requested review from robintown robintown is a code owner automatically assigned from matrix-org/element-web-reviewers

Assignees

@t3chguy t3chguy

Labels
T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@t3chguy @andybalaam