Setup your own pa11y JSON API endpoint via Express server (NodeJS).
GET /check?url=<url-for-check>
Can be hosted as render.com Web Service, use following commands for setup:
- Build Command:
npm install - Start Command:
npm run start(runsnode app.js)
Create a new WebService on render.com and configure the project as seen here:
-
Select GitHub repository:
-
Configure build and start command:
-
Done! Your project is deployed and has a public URL:
See https://render.com/docs/deploy-node-express-app for more information.
https://pa11y-express.onrender.com/check?url=https%3A%2F%2Fwww.w3.org%2FWAI%2Fdemos%2Fbad%2Fbefore%2Fhome.html
Use encodeURI() in JavaScript (or urlencoder.io) to generate an encoded parameter.
(Runs on free plan on render, can be offline if limit is reached)
{
"documentTitle": "Welcome to CityLights! [Inaccessible Home Page]",
"pageUrl": "https://www.w3.org/WAI/demos/bad/before/home.html",
"issues": [
{
"code": "WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2",
"type": "error",
"typeCode": 1,
"message": "The html element should have a lang or xml:lang attribute which describes the language of the document.",
"context": "<html><head>\n<title>Welcome to CityLi...</html>",
"selector": "html",
"runner": "htmlcs",
"runnerExtras": {}
},
{
"code": "WCAG2AA.Principle1.Guideline1_1.1_1_1.H37",
"type": "error",
"typeCode": 1,
"message": "Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.",
"context": "<img src=\"./img/border_left_top.gif\" width=\"10px\" height=\"10px\">",
"selector": "#page > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) > img",
"runner": "htmlcs",
"runnerExtras": {}
},
]
}