Colour Contrast Compliance Report
|
<< |
<< |
<< |
<< |
WCAG-CONTRAST-AUDIT-<<>>.aiskill to reproduce this audit
against any website or to run your own contrast assessments. The package includes
the contrast calculator, this report template, full test vectors, and procedural
instructions for use with any AI agent.
The audit was executed using the WCAG-CONTRAST-AUDIT-<<.aiskill archive and produce deterministic output for a given set of
colour pairs.
| 1 | Page acquisition. The target page (<<) was
saved locally as a complete HTML document with its accompanying stylesheet asset directory.
No live network requests were made during the audit. |
| 2 | Colour extraction. Non-minified stylesheet(s) were parsed to enumerate
color, background-color, and background declarations:
<<. Minified CSS files (*.min.css) were
excluded from this analysis on the presumption that they represent third-party framework
dependencies rather than site-authored design code — see Scope & Limitations
below. Colours were normalised to six-digit uppercase hex notation. Pairs were identified
from rules that co-declare both a foreground and background colour, supplemented by implicit
text-on-white pairings for colours without an explicit background context. |
| 3 | Pair construction. << |
| 4 | Contrast calculation. Each pair was evaluated using
assets/scripts/wcag_contrast.py. Relative luminance is computed per the sRGB
gamma-correction formula
(L = 0.2126·R + 0.7152·G + 0.0722·B);
contrast ratio as
(Llighter + 0.05) / (Ldarker + 0.05). |
| 5 | Threshold evaluation. Results were assessed against WCAG 2.1 AA (4.5:1 normal text; 3:1 large text ≥ 18pt or 14pt bold) and AAA (7:1 normal; 4.5:1 large) thresholds. Failures at AA level constitute EAA non-compliance. |
| Status | File | Classification & Rationale |
|---|
The classifications above are based on filename pattern only.
Minified files (*.min.css) are presumed to be third-party
framework dependencies (e.g. Bootstrap, Tailwind, Font Awesome) whose
component colour palette greatly exceeds what is rendered on any given page.
Including them would produce hundreds or thousands of pairs from unused utility
classes, obscuring the site's actual design palette and making the results
unactionable.
However, some development pipelines minify the site's own CSS files. If any excluded file above was authored by the site's development team and contains design-specific colour declarations, those colours fall outside the scope of this audit and any contrast failures within them are not reported here.
EAA Directive 2019/882/EU requires that commercial websites and mobile applications meet WCAG 2.1 Level AA as a minimum. This is implemented in the UK via the Equality Act 2010 and in EU member states via national transposing legislation. Enforcement commenced 28 June 2025. All AA failures in this report are potential EAA non-compliances under EN 301 549 v3.2.1 criterion 9.1.4.3.
All <<
| Context / Selector | Foreground | Background | Ratio | AA Norm | AA Large | AAA Norm | AAA Large |
|---|