Fix/add noscript fallback
✨ Pull Request: Improve Accessibility with <noscript> Fallback
📓 Referenced Issue
N/A — this is a minor UX and accessibility enhancement.
ℹ️ About the PR
This PR introduces a semantic <noscript> fallback message inside the app.html file.
While most modern environments have JavaScript enabled, it's still good practice to provide a clear message when it’s disabled.
This enhances:
- ✅ User experience in rare edge cases
- ✅ Accessibility best practices
- ✅ Progressive enhancement standards
This change is non-breaking and improves the HTML semantics without affecting functionality.
🖼️ Testing Scenarios / Screenshots
| Scenario | Result |
|---|---|
| ✅ JavaScript enabled | Normal app loads as expected |
| ⚠️ JavaScript disabled | Displays fallback message: |
| “JavaScript is disabled. This application requires JavaScript to function properly. Please enable it and reload.” |
🧪 Testing Performed:
- Verified app starts correctly via
yarn start - Temporarily disabled JS in browser to test
<noscript>rendering - Ensured no regressions in build or layout
🙏 Thank you
Thanks for maintaining this powerful tool for responsive web development.
Looking forward to contributing more!
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.