From 0c3e2f0be69848f1bd8db81cf4eed07075f3d6fa Mon Sep 17 00:00:00 2001
From: Muhannad Abdelrazek <muhnad.abdelrazek@gmail.com>
Date: Wed, 18 Oct 2017 22:01:59 +0200
Subject: [PATCH 1/2] Check html language

---
 README.md    |  2 ++
 example.html |  2 +-
 index.js     | 28 ++++++++++++++++++++++++++++
 test/test.js | 14 ++++++++++++++
 4 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 49567e4..5ebd07b 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,8 @@ document.addEventListener('DOMContentLoaded', function() {
 
 List of errors:
 
+- `HtmlWithoutLangAttributeError`
+- `HtmlWithoutLangValueError`
 - `ImageWithoutAltAttributeError`
 - `ElementWithoutLabelError`
 - `LinkWithoutLabelOrRoleError`
diff --git a/example.html b/example.html
index 62d2f2b..1cab694 100644
--- a/example.html
+++ b/example.html
@@ -45,7 +45,7 @@
     </div>
 
     <script type="text/javascript">
-      var errors = accessibilityjs.scanForProblems(document.body, function (error) {
+      var errors = accessibilityjs.scanForProblems(document, function (error) {
         error.element.style.outline = '5px solid red'
         error.element.addEventListener('click', function () {
           alert([error.name, error.message].join('\n'))
diff --git a/index.js b/index.js
index 000293f..2b6ce30 100644
--- a/index.js
+++ b/index.js
@@ -10,6 +10,18 @@ export function scanForProblems(context, errorCallback, options) {
     errorCallback(err)
   }
 
+  const html = context.querySelector('html')
+
+  if (!html.hasAttribute('lang')) {
+    logError(new HtmlWithoutLangAttributeError(html))
+  } else {
+    const getLangVal = html.getAttribute('lang')
+
+    if (getLangVal === '' || getLangVal === null) {
+      logError(new HtmlWithoutLangValueError(html))
+    }
+  }
+
   for (const img of context.querySelectorAll('img')) {
     if (!img.hasAttribute('alt')) {
       logError(new ImageWithoutAltAttributeError(img))
@@ -78,6 +90,22 @@ function errorSubclass(fn) {
   fn.prototype.constructor = fn
 }
 
+function HtmlWithoutLangAttributeError(element) {
+  this.name = 'HtmlWithoutLangAttributeError'
+  this.stack = new Error().stack
+  this.element = element
+  this.message = `Missing lang attribute on ${inspect(element)}`
+}
+errorSubclass(HtmlWithoutLangAttributeError)
+
+function HtmlWithoutLangValueError(element) {
+  this.name = 'HtmlWithoutLangValueError'
+  this.stack = new Error().stack
+  this.element = element
+  this.message = `Missing lang value on ${inspect(element)}`
+}
+errorSubclass(HtmlWithoutLangValueError)
+
 function ImageWithoutAltAttributeError(element) {
   this.name = 'ImageWithoutAltAttributeError'
   this.stack = new Error().stack
diff --git a/test/test.js b/test/test.js
index e1dee98..e84fd2f 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,4 +1,18 @@
 describe('scanForProblems should catch', () => {
+  it('html without lang', () => {
+    const html = makeElement('html', {"lang": "en"})
+    document.body.appendChild(html)
+
+    assert.exists(html.getAttribute('lang'), html)
+  })
+
+  it('html without lang value', () => {
+    const html = makeElement('html', {"lang": "en"})
+    document.body.appendChild(html)
+
+    assert.isNotEmpty(html.getAttribute('lang'), html)
+  })
+
   it('empty button', () => {
     const button = makeElement('button', {type: 'button'})
     document.body.appendChild(button)

From e44c0c14fea5783d7bb128c0d904119448030647 Mon Sep 17 00:00:00 2001
From: Muhannad Abdelrazek <muhnad.abdelrazek@gmail.com>
Date: Sat, 20 Jan 2018 17:06:20 +0200
Subject: [PATCH 2/2] Fix prettier error

---
 test/karma.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/karma.config.js b/test/karma.config.js
index a402af2..9bdb561 100644
--- a/test/karma.config.js
+++ b/test/karma.config.js
@@ -19,7 +19,7 @@ module.exports = function(config) {
         base: 'Firefox',
         flags: ['-headless'],
         displayName: 'HeadlessFirefox'
-      },
+      }
     }
   })
 }