Accumulus — The Cloud

Every page in this course carries the Accumulus validation script. It puts a small cloud on your page that checks your HTML as you work: all green means your markup is valid; click the cloud to see errors, warnings, and the WCAG accessibility report.

<script src="https://lint.page/kit/4d0fe3.js" crossorigin="anonymous"></script>

Per the standards, this script is the last line inside your head element, the cloud shows all green, and a manual check of cloud > WCAG shows no warnings or errors.

The Vicunadator — Vicuña + Validator

When you're coding, add this validator to every page along with Accumulus — the pair should be on each page from the moment you create it, so problems surface while you work instead of after you submit.

Accumulus checks that your HTML is valid. The Vicunadator checks that your page meets the course rules, in three layers: the Web Standards apply to every page you build anywhere; the Course Site Standards switch on automatically when the page lives in a course directory (itis3135 and the like); and individual pages — home, introduction, contract, about — get their own page-specific checks on top. It knows which page it's sitting on and applies exactly the rules that page owes.

It's running on this very page — and every page of this site — so look at the bottom-right corner right now to see it in action.

A vicuña appears in the bottom-right corner of your page. Click it either way for the full report of what passed and what didn't; click anywhere else (or the ✕) to close the report. Here's what the two states look like:

How To Install It

Add one line before the end of your body element:

<script src="https://divonbriesen.github.io/web123/scripts/standards-check.js" defer></script>

Always link it from here — do not copy the file into your own site. The standards evolve during the semester, and a copied version goes stale; the linked version is always current.

Notes

• Course-site rules switch on automatically when the page lives in a course-code directory (itis3135, web115, web250, itsc1110, and the like). Pages elsewhere get the general rules only. To override, use data-mode="general" or data-mode="course" on the script tag.
• The Vicunadator judges the page it sits on — put it on every page you want checked.
• It is a helper, not the grader. Passing the vicuña doesn't guarantee full credit; failing it almost certainly costs you some.