Medium This Hint is worth investigating further, and may warrant further attention depending on the type and quantity of URLs affected. Issue This Hint represents an error or problem that needs to be fixed.

Missing <noscript> tag in the <body>

This means that the URL in question uses JavaScript, but does not include a <noscript> tag as fallback in case the user has JavaScript disabled.

Why is this important?

The <noscript> tag defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support script.

An example <noscript> tag looks like this:

<script>
document.write("Winter is coming")
</script>
<noscript>Your browser does not support JavaScript!</noscript>

The content inside the <noscript> element will be displayed if scripts are not supported, or are disabled in the user's browser.

What does the Hint check?

This Hint will trigger for any internal HTML URL that does NOT make use of a <noscript> tag, but does use JavaScript. 

How do you resolve this issue?

While the number of users without JavaScript enabled is so small it is probably not worth worrying about, the wider point to consider is that all of your users are non-JavaScript while they wait for JavaScript to download. Rather than implementing a bandaid <noscript> solution to tell users to enable JavaScript, instead think about the experience before scripts are loaded.

Progressive Enhancement is a methodology that attempts to deal with this issue, and is built on the concept that you build the main content of web pages from a core foundation of basic technologies, that are accessible across all browsers, and then layer over more advanced functionality using JavaScript and CSS. 

How strictly your website adheres to progressive enhancement is a topic of debate, but there's widespread agreement that all pages should display at least some information when JavaScript is disabled, even if the content is just an alert to the user that JavaScript is required to use the page.

For pages that absolutely must rely on JavaScript, it is still better to at least use the <noscript> element to alert the user that JavaScript is required for the page. This is better than a blank page, because the blank page leaves users uncertain about whether there's a problem with the page, their browsers, or their computers.

Further reading

Ready to try Sitebulb?
Start your free 14 day trial now

Start Free Trial