File removal doesn’t work with the keyboard #108

New issue

Closed

opened 2023-07-19 16:47:14 +02:00 by Ghost · 1 comment

Ghost commented

2023-07-19 16:47:14 +02:00

(Migrated from koodu.ubiqueros.com)

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

Ghost commented

2024-05-08 20:06:32 +02:00

(Migrated from koodu.ubiqueros.com)

icon fonts have been removed, and the element is a pure button