a11y: Add HTML lang attribute and utf8 encoding meta tag

See: https://dequeuniversity.com/rules/axe/2.1/html-has-lang
8 years ago · 6c44d9e7f5
parent 36470feeb2
commit 6c44d9e7f5
4 changed files with 7 additions and 5 deletions
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@ -1,7 +1,6 @@
 !!! 5
-%html
+%html{:lang => 'en'}
  %head
-    %meta{:content => 'text/html; charset=UTF-8', 'http-equiv' => 'Content-Type'}/
    %meta{:charset => 'utf-8'}/
    %meta{:name => 'viewport', :content => 'width=device-width, initial-scale=1'}/
    %meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge'}/
--- a/public/404.html
+++ b/public/404.html
@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
+  <meta charset="utf-8">
  <title>The page you were looking for doesn't exist (404)</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
--- a/public/422.html
+++ b/public/422.html
@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
+  <meta charset="utf-8">
  <title>The change you wanted was rejected (422)</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
--- a/public/500.html
+++ b/public/500.html
@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
+  <meta charset="utf-8">
  <title>We're sorry, but something went wrong (500)</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>