Prevent page scroll, log results to console

- Color contrast checks normally will scroll the viewport. This is not
  acceptable in a dev or staging environment.
- Logging results to console gives developers and designers more
  visibility into issues.

Author: Cameron Cundiff

package.json

@@ -18,7 +18,7 @@
     "url": "https://github.com/accesslint/monitor/issues"
   },
   "devDependencies": {
-    "axe-core": "~1.1.0",
+    "axe-core": "~1.1.1",
     "babel-core": "^6.2.1",
     "babel-loader": "^6.2.0",
     "babel-preset-es2015": "^6.1.18",

src/auditor.js

@@ -2,7 +2,14 @@ import { axe } from "axe-core/axe.min.js";
 import report from "./reporter";
 
 export default function () {
-  window.axe.a11yCheck(document, {}, (results) => {
+  window.axe.configure({
+    checks: [{
+      id: "color-contrast",
+      options: { noScroll: true }
+    }]
+  });
+
+  window.axe.a11yCheck(document, (results) => {
     report(results);
   });
 }

src/reporter.js

@@ -12,6 +12,7 @@ export default function (message) {
       nodes: violation.nodes.map(function(n) {
         return {
           target: n.target,
+          html: n.html,
           impact: n.impact
         };
       }),
@@ -31,4 +32,6 @@ export default function (message) {
       }
     }, function() {});
   }
+
+  console.log("AccessLint warnings: ", violations);
 }