Wiki › Component

Accessibility audit (ask.chaipat.cc)

Component

The accessibility audit in tests/audit.mjs checks every main page of ask.chaipat.cc on a desktop, on a phone and in dark mode, with Playwright driving a real browser, and writes reports/audit.md.

What it checks

  • Controls and links without a name, images without alt text, fields without a label, repeated ids.
  • Headings that skip a level, and the page's language.
  • Text contrast against the WCAG AA thresholds, from the colours the page actually renders.
  • Tap targets under 24 pixels on phones.
  • Speed: requests, bytes by kind, and when the page was ready and painted.

A GitHub Actions job runs it weekly with axe-core's full rule set as well, commits the report, and fails on any critical or serious issue. Its first run led to darker secondary text, labelled fields, larger tap targets on phones, a skip link and landmarks.

In the knowledge graph

Accessibility audit and the 5 things it is linked to. Open any dot for its page, or explore it in the full graph.

ask.chaipat.cc, the ask-me-anything site · work · Part ofask.chaipat.ccGitHub Actions · skill · Built withGitHub ActionsNode.js · skill · Built withNode.jsPlaywright · skill · Built withPlaywrightWCAG accessibility guidelines · technique · ImplementsWCAG accessibilit… Accessibili…
5 linked in the graph: 1 work3 skills1 technique

As data

Everything on this page is read from triples in the knowledge graph. These are the 12 it states about Accessibility audit, and 2 more its ontology implies; the console runs SPARQL over the whole graph, here in your browser.

Download
@prefix id: <https://ask.chaipat.cc/id/> .
@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
@prefix cj: <https://ask.chaipat.cc/ns#> .
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .

id:SiteAudit
    a cj:Component ;
    rdfs:label "Accessibility audit (ask.chaipat.cc)" ;
    cj:shortLabel "Accessibility audit" ;
    cj:componentOf id:ThisSite ;
    cj:sourceFile "tests/audit.mjs" ;
    cj:uses id:NodeJS , id:GitHubActions , id:Playwright ;
    cj:description "Checks every main page on a desktop, a phone and in dark mode for names, labels, headings, contrast, tap targets and speed; runs weekly in CI with axe-core and commits a report." ;
    cj:implements id:WCAG ;
    cj:article "https://ask.chaipat.cc/wiki/SiteAudit"^^xsd:anyURI ;
    cj:implementationDigest "sha256:798e3295c909f1554b187a21b0495ffee87f9f3cb51c5b9ebbcc08b6791fc7e3" .
Works 1
ask.chaipat.cc