Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Components
  2. File Upload
  3. Accessibility
  4. Screen Reader Support

File Upload

Screen Reader Support

Screen Reader Support

Provide meaningful information to assistive technologies about upload functionality.

Descriptive Labels

Use clear labels that communicate the purpose of the upload area.

Error Announcements

Validation errors are automatically associated with the upload area through ARIA attributes.

When limits are exceeded, error messages are announced to screen readers through aria-errormessage associations.

Status Communication

Upload card status is communicated through text content that screen readers announce.

ARIA Attributes

The upload components use appropriate ARIA attributes to enhance accessibility.

Upload Area Attributes

The component automatically applies:

  • aria-label for identifying the upload area
  • aria-describedby for associating limitations text
  • aria-invalid when validation errors occur
  • aria-errormessage for linking error messages

Remove Button Attributes

Remove buttons on upload cards include appropriate labels for screen readers.

The remove button includes aria-label="Remove" and title="Remove" for clear identification.

Previous

Accessibility / Keyboard Support

Next

Accessibility / Visual and Interactive States

On this page

Screen Reader Support
Descriptive Labels
Error Announcements
Status Communication
ARIA Attributes
Upload Area Attributes
Remove Button Attributes