responsively-app icon indicating copy to clipboard operation
responsively-app copied to clipboard

Fix/add noscript fallback

Open kowsik11 opened this issue 8 months ago • 1 comments

✨ 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!

kowsik11 avatar Jun 20 '25 05:06 kowsik11

CLA assistant check
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.

CLAassistant avatar Jun 20 '25 05:06 CLAassistant