From 0762543d6b2e4b0a0e42af7aacb5891524422e83 Mon Sep 17 00:00:00 2001 From: Benjamin Jones Date: Tue, 11 Jun 2013 15:32:37 -0700 Subject: added some simple web accessibility guidelines --- exampleData/ruleSets/accessibility/accessibility.json | 7 +++++++ exampleData/ruleSets/accessibility/headingExists.js | 10 ++++++++++ exampleData/ruleSets/accessibility/imagesAltText.js | 14 ++++++++++++++ exampleData/ruleSets/accessibility/star.jpeg | Bin 0 -> 6194 bytes exampleData/ruleSets/accessibility/test.html | 11 +++++++++++ exampleData/ruleSets/accessibility/titleNonEmpty.js | 9 +++++++++ 6 files changed, 51 insertions(+) create mode 100644 exampleData/ruleSets/accessibility/accessibility.json create mode 100644 exampleData/ruleSets/accessibility/headingExists.js create mode 100644 exampleData/ruleSets/accessibility/imagesAltText.js create mode 100644 exampleData/ruleSets/accessibility/star.jpeg create mode 100644 exampleData/ruleSets/accessibility/test.html create mode 100644 exampleData/ruleSets/accessibility/titleNonEmpty.js (limited to 'exampleData/ruleSets') diff --git a/exampleData/ruleSets/accessibility/accessibility.json b/exampleData/ruleSets/accessibility/accessibility.json new file mode 100644 index 0000000..ba7c7aa --- /dev/null +++ b/exampleData/ruleSets/accessibility/accessibility.json @@ -0,0 +1,7 @@ +{ "name": "Accessibility" +, "description": "Web Accessibility Guidelines" +, "rules": [ "titleNonEmpty.js", + "headingExists.js", + "imagesAltText.js" + ] +} diff --git a/exampleData/ruleSets/accessibility/headingExists.js b/exampleData/ruleSets/accessibility/headingExists.js new file mode 100644 index 0000000..afd359e --- /dev/null +++ b/exampleData/ruleSets/accessibility/headingExists.js @@ -0,0 +1,10 @@ +exports.name = "headingExists"; + +exports.description = "Page contains at least one heading"; + +exports.rule = function() { + var headings = fiveui.query(':header'); + if (0 == headings.length) { + this.report('No headings found on page'); + } +}; diff --git a/exampleData/ruleSets/accessibility/imagesAltText.js b/exampleData/ruleSets/accessibility/imagesAltText.js new file mode 100644 index 0000000..8941caf --- /dev/null +++ b/exampleData/ruleSets/accessibility/imagesAltText.js @@ -0,0 +1,14 @@ +exports.name = "imagesAltText"; + +exports.description = "Each image should have an alternative text description"; + +exports.rule = function() { + var that = this; + fiveui.query('img') + .filter(function (i) { + return $(this).attr('alt') == ''; + }) + .each(function (i, e) { + that.report('Image has no alt text', e); + }); +}; diff --git a/exampleData/ruleSets/accessibility/star.jpeg b/exampleData/ruleSets/accessibility/star.jpeg new file mode 100644 index 0000000..026306b Binary files /dev/null and b/exampleData/ruleSets/accessibility/star.jpeg differ diff --git a/exampleData/ruleSets/accessibility/test.html b/exampleData/ruleSets/accessibility/test.html new file mode 100644 index 0000000..66a417d --- /dev/null +++ b/exampleData/ruleSets/accessibility/test.html @@ -0,0 +1,11 @@ + + + A title + + +

blah blah

A star

+ + + diff --git a/exampleData/ruleSets/accessibility/titleNonEmpty.js b/exampleData/ruleSets/accessibility/titleNonEmpty.js new file mode 100644 index 0000000..a6f97c9 --- /dev/null +++ b/exampleData/ruleSets/accessibility/titleNonEmpty.js @@ -0,0 +1,9 @@ +exports.name = "titleNonEmpty"; + +exports.description = "Title of page is non-empty"; + +exports.rule = function() { + if (document.title == '') { + this.report('Page title is empty'); + } +}; -- cgit v1.2.3