Make W3C and Youtube documentation links clickable (#7721)

services/w3c/w3c-validation-helper.js

@@ -99,7 +99,8 @@ const documentation = `
     </ul>
   </p>
   <p>
-    This badge relies on the https://validator.nu/ service to perform the validation. Please refer to https://about.validator.nu/ for the full documentation and Terms of service.
+    This badge relies on the <a target="_blank" href="https://validator.nu/">https://validator.nu/</a> service to perform the validation.
+    Please refer to <a target="_blank" href="https://about.validator.nu/">https://about.validator.nu/</a> for the full documentation and Terms of service.
     The following are required from the consumer for the badge to function.
 
     <ul class="note">

services/youtube/youtube-base.js

@@ -5,7 +5,7 @@ import { nonNegativeInteger } from '../validators.js'
 
 const documentation = `
 <p>By using the YouTube badges provided by Shields.io, you are agreeing to be bound by the YouTube Terms of Service. These can be found here:
-<code>https://www.youtube.com/t/terms</code></p>`
+<a target="_blank" href="https://www.youtube.com/t/terms">https://www.youtube.com/t/terms</a></p>`
 
 const schema = Joi.object({
   pageInfo: Joi.object({