Skip to content

Conversation

dariiing
Copy link
Contributor

@dariiing dariiing commented Mar 28, 2025

This PR improves the notification page by addressing multiple UI and accessibility issues, closing #1781:

  • make all the buttons and clickable elements reachable via keyboard
  • enhance responsiveness for smaller screens
  • refine notification UI
  • add screen reader support
  • fix contrast ratio on elements

Tested with NVDA & Axe Core.

@dariiing dariiing self-assigned this Mar 28, 2025
@dariiing dariiing changed the title Improve notification page accessbility, responsiveness and UI Improve notification page accessibility, responsiveness and UI Mar 28, 2025
@davidbenque davidbenque added this to the Summer Release (2025.6.0) milestone Mar 28, 2025
@dariiing dariiing marked this pull request as ready for review April 25, 2025 11:58
@dariiing dariiing added Ready to Review This PR is ready to be checked by another team member and removed Ready to Review This PR is ready to be checked by another team member labels Apr 25, 2025
@dariiing dariiing added the Ready to Review This PR is ready to be checked by another team member label Apr 25, 2025
@dariiing dariiing removed the Ready to Review This PR is ready to be checked by another team member label May 28, 2025
@mathilde-cryptpad mathilde-cryptpad added the Ready to Review This PR is ready to be checked by another team member label Jun 5, 2025
@@ -26,7 +26,6 @@
& {
.avatar_vars();
&.cp-avatar {
overflow: hidden;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What was the issue with overflow: hidden? I can't really see a use-case for having the avatar bigger than its container

@yflory yflory removed the Ready to Review This PR is ready to be checked by another team member label Jun 6, 2025
@dariiing dariiing added the Ready to Review This PR is ready to be checked by another team member label Jun 13, 2025
@yflory yflory added Ready to Test This PR is ready to be tested and removed Ready to Review This PR is ready to be checked by another team member labels Jun 13, 2025
@yflory yflory merged commit f3b4bbc into staging Jun 27, 2025
@davidbenque davidbenque removed the Ready to Test This PR is ready to be tested label Jul 1, 2025
@dariiing dariiing deleted the notification-page branch August 22, 2025 09:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants