Create a list of all reports generated by existing hints [1]

Some formats are easier to localize than others, so we need to assess the current set of messages to see what might need changed.

Full list of hints:

[x] hint-amp-validator
- Messages come from third party tool
[x] hint-apple-touch-icons
- 'apple-touch-icon' link element should have non-empty 'href' attribute.
- '${appleTouchIconHref}' could not be fetched (request failed).
- '${appleTouchIconHref}' could not be fetched (status code: ${response.statusCode}).
- '${appleTouchIconHref}' should be a valid PNG image.
- '${appleTouchIconHref}' should be a PNG image.
- '${appleTouchIconHref}' should be 180x180px.
- 'apple-touch-icon' link element was not specified.
- 'apple-touch-icon' link element should have 'rel="apple-touch-icon".
- 'apple-touch-icon' link element should not have 'sizes' attribute.
- 'apple-touch-icon' link element should be specified in the ''.
- 'apple-touch-icon' link element is not needed as one was already specified.
[x] hint-axe
- Messages come from third party tool
[x] hint-babel-config
- There is no fixed messages or come from node (JSON.parse) or a third party tool.
[x] hint-button-type
- Button type attribute has not been set.
- Invalid button type: ${elementType}.
[x] hint-compat-api
- ${feature.displayableName} is not supported by any of your target browsers.
- ${feature.displayableName} is not supported by ${browserList}.
- ${feature.displayableName} prefixed with ${feature.prefix} is not supported by ${browserList}.
[x] hint-content-type
- Response should include 'content-type' header.
- 'content-type' header value should be '${userDefinedMediaType}'.
- 'content-type' header value should be valid (${e.message}).
- 'content-type' header media type value should be '${mediaType}', not '${originalMediaType}'.
- 'content-type' header charset value should be '${charset}'${originalCharset ? , not '${originalCharset}' : ''}.
- 'content-type' header value should not contain 'charset=${originalCharset}'.
[x] hint-create-element-svg
- SVG elements cannot be created with createElement; use createElementNS instead
[x] hint-disown-opener
- '${cutString(await element.outerHTML(), 100)}' should have 'rel' attribute value include ${prettyPrintArray(requiredValues)} ${requiredValues.length === 1 ? 'keyword' : 'keywords'}.
[x] hint-doctype
- 'doctype' was not specified.
- 'doctype' should be specified as '<!doctype html>'.
- 'doctype' should be specified before anything else.
- 'doctype' is not needed as one was already specified.
- Resource has no content.
[x] hint-highest-available-document-mode
- Response should include 'x-ua-compatible' header.
- Response should not include unneeded 'x-ua-compatible' header.
- 'x-ua-compatible' header value should be 'ie=edge', not '${!originalHeaderValue ? '' : originalHeaderValue}'.
- 'x-ua-compatible' meta element should not be specified as it is not needed.
- 'x-ua-compatible' meta element should not be specified, and instead, equivalent HTTP header should be used.
- 'x-ua-compatible' meta element should be specified.
- 'x-ua-compatible' meta element 'content' attribute value should be 'ie=edge', not '${!contentValue ? '' : contentValue}'.
- 'x-ua-compatible' meta element should be specified before all other elements except for '' and other '<meta>' elements.</li> <li>'x-ua-compatible' meta element should be specified in the '<head>', not '<body>'.</li> <li>'x-ua-compatible' meta element is not needed as one was already specified.</li> </ul> </li> <li> <p>[x] hint-html-checker</p> <ul> <li>Messages come from third party service</li> </ul> </li> <li> <p>[x] hint-http-cache</p> <ul> <li>No "cache-control" header or empty value found. It should have a value</li> <li>The ${invalidDirectives.size === 1 ? 'directive' : 'directives'} ${Array.from(invalidDirectives.keys()).join(', ')} ${invalidDirectives.size === 1 ? 'is' : 'are'} invalid</li> <li>The following ${invalidValues.size === 1 ? 'directive has' : 'directives have'} an invalid value:\n${directivesToString(invalidValues)}</li> <li>The directive "${nonRecommendedDirective}" is not recommended.</li> <li>The following Cache-Control header is using a wrong combination of directives:\n${header}</li> <li>The target should not be cached, or have a small "max-age" value (${maxAgeTarget}):\n${header}</li> <li>Static resources should have a long cache value (${maxAgeResource}):\nDirectives used: ${header}</li> <li>Static resources should use the "immutable" directive:\nDirectives used: ${header}</li> <li>No configured patterns for cache busting match ${resource}. See docs to add a custom one.</li> </ul> </li> <li> <p>[x] hint-http-compression</p> <ul> <li>Response should include 'vary' header containing 'accept-encoding' value.</li> <li>Response should not be served compressed with Brotli as the compressed size is bigger than the uncompressed one.</li> <li>Response should not be served compressed with gzip as the compressed size is bigger than the uncompressed one.</li> <li>Response should not be served compressed with Zopfli as the compressed size is bigger than the uncompressed one.</li> <li>Response should not be served compressed with Brotli as the compressed size is the same size as the uncompressed one.</li> <li>Response should not be served compressed with gzip as the compressed size is the same size as the uncompressed one.</li> <li>Response should not be served compressed with Zopfli as the compressed size is the same size as the uncompressed one.</li> <li>Could not be fetched when requested compressed with Brotli</li> <li>Response should not be compressed with Brotli over HTTP.</li> <li>Response should be compressed with Brotli when Brotli compression is requested over HTTPS.</li> <li>Response should be compressed with Brotli when Brotli compression is requested over HTTPS, regardless of the user agent.</li> <li>Response should be compressed with gzip when gzip compression is requested.</li> <li>Response should be compressed with Zopfli when gzip compression is requested.</li> <li>Response should be compressed with gzip when gzip compression is requested, regardless of the user agent.</li> <li>Response should be compressed with Zopfli when gzip compression is requested, regardless of the user agent.</li> <li>Response should not be compressed for requests made with 'accept-encoding: identity'.</li> <li>Response should not be compressed.</li> <li>Response should include 'content-encoding: br' header.</li> <li>Response should include 'content-encoding: gzip' header.</li> <li>Response should not include 'content-encoding' header for requests made with 'accept-encoding: identity'.</li> <li>Could not be fetched when requested compressed with Brotli.</li> <li>Could not be fetched when requested compressed with gzip</li> <li>Could not be fetched when requested compressed with gzip.</li> <li>Could not be fetched</li> <li>Response should not be compressed with disallowed '${encoding}' compression method.</li> <li>Could not be fetched when requested uncompressed</li> <li>Response should not include 'content-encoding' header.</li> </ul> </li> <li> <p>[x] hint-https-only</p> <ul> <li>Site should be served over HTTPS.</li> <li>Should not be redirected from HTTPS.</li> <li>Should be served over HTTPS.</li> </ul> </li> <li> <p>[x] hint-image-optimization-cloudinary</p> <ul> <li>No valid configuration for Cloudinary found. Hint could not run.</li> <li>'${cutString(file.originalUrl)}' could be around ${sizeDiff.toFixed(2)}kB (${percentageDiff}%) smaller.</li> <li>Total size savings optimizing the images on '${data.resource}' could be of around ${totalSavings.toFixed(0)}kB.</li> </ul> </li> <li> <p>[x] hint-manifest-app-name</p> <ul> <li>Web app manifest should have '${propertyName}' property.</li> <li>Web app manifest should have non-empty '${propertyName}' property value.</li> <li>Web app manifest should have '${propertyName}' property value under ${shortNameLengthLimit} characters.</li> </ul> </li> <li> <p>[x] hint-manifest-exists</p> <ul> <li>'manifest' link element was not specified.</li> <li>'manifest' link element is not needed as one was already specified.</li> <li>'manifest' link element should have non-empty 'href' attribute.</li> </ul> </li> <li> <p>[x] hint-manifest-file-extension</p> <ul> <li>Web app manifest should have the filename extension '${standardManifestFileExtension}'${fileExtension ? <code>, not '${fileExtension}'</code> : ''}.</li> </ul> </li> <li> <p>[x] hint-manifest-is-valid</p> <ul> <li>Web app manifest should not have invalid value '${colorValue}' for property '${property}'.</li> <li>Web app manifest should not have unsupported value '${colorValue}' for property '${property}'.</li> <li>Web app manifest should not have invalid value '${manifest.lang}' for property 'lang'.</li> <li>Web app manifest should contain valid JSON.</li> <li><strong>Invalid schema messages</strong> --> Not sure how we can translate those automatically</li> </ul> </li> <li> <p>[x] hint-meta-charset-utf-8</p> <ul> <li>'charset' meta element was not specified.</li> <li>'charset' meta element should be specified using shorter '<meta charset="utf-8">' form.</li> <li>'charset' meta element value should be 'utf-8', not '${charsetMetaElement.getAttribute('charset')}'.</li> <li>'charset' meta element should be the first thing in '<head>'.</li> <li>'charset' meta element should be specified in the '<head>', not '<body>'.</li> <li>'charset' meta element is not needed as one was already specified.</li> </ul> </li> <li> <p>[x] hint-meta-theme-color</p> <ul> <li>'theme-color' meta element was not specified.</li> <li>'theme-color' meta element 'content' attribute should not have invalid value of '${contentValue}'.</li> <li>'theme-color' meta element 'content' attribute should not have unsupported value of '${contentValue}'.</li> <li>'theme-color' meta element 'name' attribute value should be 'theme-color', not '${nameAttributeValue}'.</li> <li>'theme-color' meta element is not needed as one was already specified.</li> <li>'theme-color' meta element should be specified in the '<head>', not '<body>'.</li> </ul> </li> <li> <p>[x] hint-meta-viewport</p> <ul> <li>'viewport' meta element should have non-empty 'content' attribute.</li> <li>'viewport' meta element 'content' attribute value should not contain unknown property '${key}'.</li> <li>'viewport' meta element 'content' attribute value should not contain invalid value '${content.invalidValues[key]}' for property '${key}'.</li> <li>'viewport' meta element 'content' attribute value should not contain disallowed property '${key}'.</li> <li>'viewport' meta element 'content' attribute value should contain 'width=device-width'.</li> <li>'viewport' meta element 'content' attribute value should contain 'initial-scale=1'.</li> <li>'viewport' meta element was not specified.</li> <li>'viewport' meta element should be specified in the '<head>', not '<body>'.</li> <li>'viewport' meta element is not needed as one was already specified.</li> </ul> </li> <li> <p>[x] hint-minified-js</p> <ul> <li>JavaScript content should be minified.</li> </ul> </li> <li> <p>[x] hint-no-bom</p> <ul> <li>Content could not be fetched.</li> <li>Text-based resource should not start with BOM character.</li> </ul> </li> <li> <p>[x] hint-no-broken-links</p> <ul> <li>Broken link found (domain not found).</li> <li>Broken link found (${brokenStatusCodes[statusIndex]} response).</li> <li>Broken link found (invalid URL).</li> <li>Broken link found (${brokenStatusCodes[statusIndex]} response).</li> </ul> </li> <li> <p>[x] hint-no-disallowed-headers</p> <ul> <li>'server' header value should only contain the server name, not '${(response.headers as any).server}'.</li> <li>Response should not include disallowed ${prettyPrintArray(headers)} ${numberOfHeaders === 1 ? 'header' : 'headers'}.</li> </ul> </li> <li> <p>[x] hint-no-friendly-error-pages</p> <ul> <li>Response with status code ${key} should have more than ${threshold} bytes.</li> </ul> </li> <li> <p>[x] hint-no-html-only-headers</p> <ul> <li>Response should not include unneeded ${prettyPrintArray(headers)} ${numberOfHeaders === 1 ? 'header' : 'headers'}.</li> </ul> </li> <li> <p>[x] hint-no-http-redirects</p> <ul> <li>${response.hops.length} ${response.hops.length === 1 ? 'redirect' : 'redirects'} detected for '${cutString(request.url)}' (max is ${maxHops}).</li> </ul> </li> <li> <p>[x] hint-no-p3p</p> <ul> <li>P3P should not be used as it is deprecated.</li> </ul> </li> <li> <p>[x] hint-no-protocol-relative-urls</p> <ul> <li>'${url}' should not be specified as a protocol-relative URL.</li> </ul> </li> <li> <p>[x] hint-no-vulnerable-javascript-libraries</p> <ul> <li>'${library.name}@${library.version}' has ${vulnerabilities.length} known ${vulnerabilities.length === 1 ? 'vulnerability' : 'vulnerabilities'} (${detail}). See '${link}' for more information.</li> <li>webhint did not return the result fast enough. Please try again later, or report an issue if this problem persists.</li> <li>Error executing script: '${e.message}'. Please try again later, or report an issue if this problem persists.</li> </ul> </li> <li> <p>[x] hint-performance-budget</p> <ul> <li>To load all the resources on a ${config.id} network, it will take about ${loadTime.toFixed(1)}s in optimal conditions (that is ${(loadTime - config.load).toFixed(1)}s more than the ${config.load}s target).</li> </ul> </li> <li> <p>[x] hint-sri</p> <ul> <li>Cross-origin scripts need a "crossorigin" attribute to be eligible for integrity validation</li> <li>Attribute "crossorigin" doesn't have a valid value, should "anonymous" or "use-credentials": crossorigin="${crossorigin}"</li> <li>Resource ${resource} requested without the "integrity" attribute</li> <li>The format of the "integrity" attribute should be "sha(256|384|512)-HASH": ${integrity!.substr(0, 10)}…</li> <li>The hash algorithm "${Algorithms[highestAlgorithmPriority]}" doesn't meet the baseline "${this.baseline}"</li> <li>The resource is not delivered via a secure context</li> <li>The hash in the "integrity" attribute doesn't match the received payload. Expected: ${integrities.join(', ')} Actual: ${hashes.join(', ')}</li> </ul> </li> <li> <p>[x] hint-ssllabs</p> <ul> <li>'${resource}' does not support HTTPS.</li> <li>${serverName}'s grade ${grade} does not meet the minimum ${minimumGrade} required.</li> <li>Could not get results from SSL Labs for '${resource}'.</li> <li>'${resource}' does not support HTTPS.</li> <li>Didn't get any result for ${resource}. There might be something wrong with SSL Labs servers.</li> </ul> </li> <li> <p>[x] hint-strict-transport-security</p> <ul> <li>Error with getting preload status for ${resource}.</li> <li>Error with getting preload status for ${resource}. There might be something wrong with the verification endpoint.</li> <li>Error with getting preload eligibility for ${resource}.</li> <li>'strict-transport-security' header should't be specified in pages served over HTTP.</li> <li>'strict-transport-security' header was not specified</li> <li>'strict-transport-security' header requires 'max-age' directive</li> <li>'strict-transport-security' header 'max-age' value should be more than ${minMaxAgeValue}</li> </ul> </li> <li> <p>[x] hint-stylesheet-limits</p> <ul> <li>Maximum of ${maxImports} nested imports reached (${results.imports})</li> <li>Maximum of ${maxRules} CSS rules reached (${results.rules})</li> <li>Maximum of ${maxSheets} stylesheets reached (${results.sheets})</li> </ul> </li> <li> <p>[x] hint-typescript-config</p> <ul> <li>The compiler option "forceConsistentCasingInFileNames" should be enabled to reduce issues when working with different OSes.</li> <li>The compiler option "importHelpers" should be enabled to reduce the output size.</li> <li>Couldn't find package "tslib".</li> <li>The compiler option "removeComments" should be enabled to reduce the output size.</li> <li>The compiler option "strict" should be enabled to reduce type errors.</li> <li>Based on your browser configuration your "compilerOptions.target" should be "${maxESVersion}". Current one is "${target}"</li> <li>Some messages come from node (JSON.parse) or a third party tool.</li> </ul> </li> <li> <p>[x] hint-validate-set-cookie-header</p> <ul> <li>'${headerName}' header doesn't contain a cookie name-value string.</li> <li>'${headerName}' header to set '${cookieName}' has an invalid cookie name.</li> <li>'${headerName}' header to set '${cookieName}' has an invalid cookie value.</li> <li>'${headerName}' header contains prefixes but is from an insecure page.</li> <li>${headerName} header contains '__Host-' prefix but the 'path' directive doesn't have a value of '/'.</li> <li>${headerName} header contains '__Host-' prefix but the 'domain' directive is set.</li> <li>Insecure sites (${resource}) can't set cookies with the 'secure' directive.</li> <li>'${headerName}' header to set '${cookieName}' doesn't have the 'secure' directive.</li> <li>'${headerName}' header to set '${cookieName}' doesn't have the 'httponly' directive.</li> <li>Invalid date in 'expires' value of the '${headerName}' header to set '${cookieName}'.</li> <li>Invalid date format in 'expires' value of the '${headerName}' header to set '${cookieName}'. The recommended format is: ${utcTimeString}</li> <li>Internet Explorer (IE 6, IE 7, and IE 8) doesn't support 'max-age' directive in the '${headerName}' header to set '${cookieName}'.</li> <li>The 'max-age' attribute takes precedence when both 'expires' and 'max-age' both exist.</li> </ul> </li> <li> <p>[x] hint-webpack-config</p> <ul> <li>webpack configuration file not found in your project.</li> <li>webpack is not installed in your project.</li> <li>The parser webpack-config should be activated</li> <li>The parser typescript-config should be activated</li> <li>TypeScript <code>compilerOptions.module</code> option should be <code>esnext</code></li> <li>The parser babel-config should be activated</li> <li>Babel presets <code>modules</code> option should be <code>false</code></li> <li>`${config.devtool.toString()}` not recommended for prodution</li> <li>Message from node if package load fails.</li> </ul> </li> <li> <p>[x] hint-x-content-type-options</p> <ul> <li>Response should include 'x-content-type-options' header.</li> <li>'x-content-type-options' header value should be 'nosniff', not '${headerValue}'.</li> </ul> </li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/molant"><img src="https://avatars.githubusercontent.com/u/606594?v=4" />molant</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>@antross any suggestion as to how to store this information?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/antross"><img src="https://avatars.githubusercontent.com/u/785009?v=4" />antross</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>How about a JSON file or a spreadsheet?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/molant"><img src="https://avatars.githubusercontent.com/u/606594?v=4" />molant</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>I'm updating the initial comment with the string and once it's done I'll do a spreadsheet probably. Don't want to do a json and have to decide about IDs and such.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/sarvaje"><img src="https://avatars.githubusercontent.com/u/1581288?v=4" />sarvaje</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>All messages should be added to the list.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

webhintio / hint

Create a list of all reports generated by existing hints [1] #1775