Skip to content

Lack of clear focus indicators and focusable elements on the Notification page #1781

@dariiing

Description

@dariiing

On https://cryptpad.fr/notifications/, elements don't have a clear focus indicator and other buttons are not focusable:

For example: In the History section, I can navigate through notifications using the Tab key, but the focus indicator is unclear, it's just a blue line.
Image

Additionally, the "Load More History" button is not accessible via keyboard. The same applies to user icons and delete notification buttons—they are clickable and navigate to the user's profile page, but they are not focusable for keyboard users.

The hover style is barely noticeable ( I propose the top and bottom padding to be bigger, and equally the same on every side):

Image

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Done (On prod)

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions