-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Add noscript tag #406
Add noscript tag #406
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -29,16 +29,21 @@ | |
<a href="https://qsurvey.mozilla.com/s3/txp-firefox-send" rel="noreferrer noopener" class="feedback" target="_blank" data-l10n-id="siteFeedback">Feedback</a> | ||
</header> | ||
<div class="all"> | ||
<noscript> | ||
<h2>Firefox Send requires JavaScript</h2> | ||
<p><a href="https://github.com/mozilla/send/blob/master/docs/faq.md#why-does-firefox-send-require-javascript" target="_blank" rel="noreferrer noopener">Why does Firefox Send require JavaScript?</a></p> | ||
<p>Please enable JavaScript and try again.</p> | ||
</noscript> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This is all en-US only. Sorry. But since l20n doesn't work without JavaScript, we're a bit stuck unless we do weird workarounds like some meta refresh to localized copies of a page. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Ugh :-\ @stasm can we try to think if it's possible to provide a "solution", or at least a suggested workaround, for this? Not for this case, for it's already the second one we have. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Unless there are a11y concerns, I'm quite OK with this here being the suggested solution. Can we assume that people who disable JavaScript are tech-savvy enough to understand this message? |
||
{{{body}}} | ||
</div> | ||
<div class="footer"> | ||
<div class="legal-links"> | ||
<a href="https://www.mozilla.org"><img class="mozilla-logo" src="/resources/mozilla-logo.svg"/></a> | ||
<a href="https://www.mozilla.org/about/legal" data-l10n-id="footerLinkLegal"></a> | ||
<a href="https://testpilot.firefox.com/about" data-l10n-id="footerLinkAbout"></a> | ||
<a href="/legal" data-l10n-id="footerLinkPrivacy"></a> | ||
<a href="/legal" data-l10n-id="footerLinkTerms"></a> | ||
<a href="https://www.mozilla.org/privacy/websites/#cookies" data-l10n-id="footerLinkCookies"></a> | ||
<a href="https://www.mozilla.org/about/legal" data-l10n-id="footerLinkLegal">Legal</a> | ||
<a href="https://testpilot.firefox.com/about" data-l10n-id="footerLinkAbout">About Test Pilot</a> | ||
<a href="/legal" data-l10n-id="footerLinkPrivacy">Privacy</a> | ||
<a href="/legal" data-l10n-id="footerLinkTerms">Terms</a> | ||
<a href="https://www.mozilla.org/privacy/websites/#cookies" data-l10n-id="footerLinkCookies">Cookies</a> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Again, all the defaults for the footer link text are in en-US, but will still localize correctly w/ l20n if they have JavaScript enabled. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @stasm Do we risk to get into trouble? I know we had in the past, with l20n and react fighting over updating this content, but we weren't using fluent-react There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. There doesn't seem to be any client-side framework managing the rendering of these elements. If I'm not mistaken, it's a static template rendered by the server. L20n will remove the child elements and replace them with translations. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Yeah, we aren't using React/fluent-react on this project, just vanilla jQuery and l20n. |
||
</div> | ||
<div class="social-links"> | ||
<a href="https://github.com/mozilla/send" target="_blank" rel="noreferrer noopener"><img class="github" src="/resources/github-icon.svg"/></a> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hides the content by default on the homepage, and then we show the content on
document.ready
using jQuery in frontend/src/upload.js above (assuming the user has JavaScript enabled).