File Upload Dropzone Accessibility Fixes

[coliff]

Description

• Link should be underlined - FIXED
• Error Message should have role="alert" (REF: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role) - FIXED
• Make the 'Drag files here or browse to upload' a single string to make customizing it in the future easier. - FIXED
• Update the SVG icon to use https://modus-icons.trimble.com/modus-solid/cloud-upload/ - FIXED

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

How Has This Been Tested?

Edge v117

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

[netlify]

✅ Deploy Preview for modus-webcomponents ready!

Name	Link
🔨 Latest commit	ef2b961
🔍 Latest deploy log	https://app.netlify.com/sites/modus-webcomponents/deploys/651fa9b4e1416a0008247648
😎 Deploy Preview	https://deploy-preview-1759--modus-webcomponents.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 26 (🔴 down 1 from production) Accessibility: 98 (no change from production) Best Practices: 92 (no change from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[msankaran0712]

Something minor, the icon does not look to be centered

[coliff]

thanks for spotting that. That was an error on my part, the updated SVG I added should have viewport 24 x 24, not 32x32 as it was before. Fixed now locally and committing

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-ground-0374a1310-1759.centralus.1.azurestaticapps.net