New Issue

File removal doesn’t work with the keyboard #108

Open

opened by Moiety · 0 comments

Moiety commented

Collaborator

Where: Add/Edit page

What: Removing a file with the keyboard does trigger the notification but doesn’t remove the file

Recommendation: Make sure removal of files works via keyboard. The removal action seems to be attached to the <i>-element instead of the <button>. When the keyboard user is focused on the X icon, they are only focused on the <button>, which when activated triggers the click action, it doesn’t seem to trigger the removal function itself.

Removal element

2. Element that seems to trigger the removal

3. Button should be the element enabling the removal

Where: Add/Edit page What: Removing a file with the keyboard does trigger the notification but doesn’t remove the file Recommendation: Make sure removal of files works via keyboard. The removal action seems to be attached to the `<i>`-element instead of the `<button>`. When the keyboard user is focused on the X icon, they are only focused on the `<button>`, which when activated triggers the click action, it doesn’t seem to trigger the removal function itself. ![an uploaded file with the remove button](/attachments/885168a0-93ae-4d5e-91ad-26151e67830a) 1. Removal element ![the x icon highlighted in dev tools](/attachments/8fc720aa-2c54-4f1d-a373-c194ccc16dd5) 2. Element that seems to trigger the removal ![the remove button highlighted in dev tools](/attachments/4ebfbf9d-b1d4-498c-992b-0da7357979ef) 3. Button should be the element enabling the removal

image.png

210 KiB

image.png

80 KiB

image.png

105 KiB

Moiety added the

Accessibility

label