Skip to content

Conversation

J-Michalek
Copy link
Collaborator

πŸ”— Linked issue

Resolves: #4590

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

I have added the aria-label attribute to the remove file button and added focus to the drop zone element after a file is removed - both changes should lead to better a11y.

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

This should lead to better a11y as the user's focus will
remain in the context of the FileUpload component.
@J-Michalek J-Michalek changed the title fix(FileUpload): improve remove file a11y fix(FileUpload): improve file removal a11y Jul 26, 2025
Copy link

pkg-pr-new bot commented Jul 26, 2025

npm i https://pkg.pr.new/@nuxt/ui@4607

commit: 0eacbf0

@benjamincanac benjamincanac merged commit f90bba0 into nuxt:v3 Jul 27, 2025
6 checks passed
@benjamincanac
Copy link
Member

Thanks @J-Michalek! 😊

@J-Michalek
Copy link
Collaborator Author

There is one more improvement which is opening the file dialog when pressing enter/space while the dropzone is focused, I will create a new PR for that.

@benjamincanac benjamincanac added the v3 #1289 label Aug 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v3 #1289
Projects
None yet
Development

Successfully merging this pull request may close these issues.

File upload component doesn't have accessible label for clear button
2 participants