Skip to content

Notification.vue accessibility #12340

@williamschen23

Description

@williamschen23

Describe the bug

Sometimes the system cypress test fails due to some accessibility issues in Notification.vue.
The element “a” must not appear as a descendant of an element with the attribute “role=link”.
When there is a primary button, there cannot be nested buttons within it. The recommended approach, i think, is to have buttons be siblings of the same parent element, but use css to align them in such a way that they appear in the same order they do now.

Expected behavior

We should adhere to all accessibility guidelines

To Reproduce
Steps to reproduce the behavior:
https://github.com/Submitty/Submitty/actions/runs/21097673489/job/60681603352?pr=12339
This is an example of the test failing, even though it should realistically fail on every pr.
related to pr #12339

Metadata

Metadata

Assignees

Labels

Awaiting TriageBrand New Issue - not yet reviewed & prioritized by the Submitty Project Managersbug

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions