Skip to content

Conversation

kowsik11
Copy link

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

@CLAassistant
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants