@jrpool/kilotest 60.1.8 → 60.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lhm.plugin.json +1 -1
- package/openapi-3.0.yaml +1 -1
- package/openapi.yaml +1 -1
- package/package.json +1 -1
- package/server.json +1 -1
- package/style.css +6 -3
- package/web/listViolators/index.html +4 -3
- package/web/listViolators/index.ts +2 -4
package/lhm.plugin.json
CHANGED
package/openapi-3.0.yaml
CHANGED
|
@@ -2,7 +2,7 @@ openapi: 3.0.3
|
|
|
2
2
|
info:
|
|
3
3
|
title: Kilotest API
|
|
4
4
|
description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
|
|
5
|
-
version: 60.1.
|
|
5
|
+
version: 60.1.10
|
|
6
6
|
license:
|
|
7
7
|
name: MIT
|
|
8
8
|
url: https://github.com/jrpool/kilotest/blob/main/LICENSE
|
package/openapi.yaml
CHANGED
|
@@ -2,7 +2,7 @@ openapi: 3.1.0
|
|
|
2
2
|
info:
|
|
3
3
|
title: Kilotest API
|
|
4
4
|
description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
|
|
5
|
-
version: 60.1.
|
|
5
|
+
version: 60.1.10
|
|
6
6
|
license:
|
|
7
7
|
name: MIT
|
|
8
8
|
identifier: MIT
|
package/package.json
CHANGED
package/server.json
CHANGED
package/style.css
CHANGED
|
@@ -218,8 +218,8 @@ body.styled {
|
|
|
218
218
|
--line: #dde4e4;
|
|
219
219
|
--focus: #005fcc;
|
|
220
220
|
margin: 0;
|
|
221
|
-
font-family:
|
|
222
|
-
font-size:
|
|
221
|
+
font-family: Verdana, Tahoma, sans-serif;
|
|
222
|
+
font-size: 1rem;
|
|
223
223
|
line-height: 1.6;
|
|
224
224
|
color: var(--ink);
|
|
225
225
|
background: var(--bg);
|
|
@@ -240,6 +240,9 @@ body.styled a:focus-visible, body.styled summary:focus-visible {
|
|
|
240
240
|
outline-offset: 2px;
|
|
241
241
|
border-radius: 4px;
|
|
242
242
|
}
|
|
243
|
+
body.styled code {
|
|
244
|
+
font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
|
|
245
|
+
}
|
|
243
246
|
body.styled h2 {
|
|
244
247
|
color: var(--ink);
|
|
245
248
|
font-size: 1.4rem;
|
|
@@ -311,7 +314,7 @@ body.styled .eyebrow::before {
|
|
|
311
314
|
}
|
|
312
315
|
body.styled .hero h1 {
|
|
313
316
|
margin: 0 0 1rem;
|
|
314
|
-
font-size: clamp(2rem, 4.5vw, 2.
|
|
317
|
+
font-size: clamp(2rem, 4.5vw, 2.2rem);
|
|
315
318
|
line-height: 1.5;
|
|
316
319
|
letter-spacing: -0.03em;
|
|
317
320
|
}
|
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
<meta name="keywords" content="report,accessibility,a11y">
|
|
6
6
|
<title>Violations of __issue__ for __target__ | Kilotest</title>
|
|
7
7
|
</head>
|
|
8
|
-
<body>
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
<body class="styled">
|
|
9
|
+
__header__
|
|
10
|
+
<main class="page">
|
|
11
|
+
<h1>Violators of the <q>__issue__</q> issue for the __target__ page</h1>
|
|
11
12
|
<h2>Basics</h2>
|
|
12
13
|
<h3>About the page</h3>
|
|
13
14
|
__pageFacts__
|
|
@@ -97,7 +97,6 @@ const populateQuery = async (
|
|
|
97
97
|
lines.push(`${margin}<li><h3>Element ${catalogIndex}</h3>`);
|
|
98
98
|
// Add the violator facts to the lines.
|
|
99
99
|
lines.push(...getViolatorFactsLines(report, issueID, catalogIndex, pathID, `${margin} `, 'pseudoTopLevel'));
|
|
100
|
-
lines.push(`${margin} <ul class="nav">`);
|
|
101
100
|
if (catalogIndex) {
|
|
102
101
|
const catalogItem = catalog[catalogIndex];
|
|
103
102
|
if (catalogItem?.textLinkable) {
|
|
@@ -105,7 +104,7 @@ const populateQuery = async (
|
|
|
105
104
|
const href = getTextFragmentHref(catalogItem.text as string, url);
|
|
106
105
|
const label = `Take me to element ${catalogIndex} on the page (in a new tab)`;
|
|
107
106
|
const takeMeLink = `<a href="${href}" target="_blank" aria-label="${label}">Take me there</a>`;
|
|
108
|
-
lines.push(`${margin}
|
|
107
|
+
lines.push(`${margin} <p class="links">${takeMeLink}</p>`);
|
|
109
108
|
}
|
|
110
109
|
}
|
|
111
110
|
const href
|
|
@@ -113,9 +112,8 @@ const populateQuery = async (
|
|
|
113
112
|
const questionString = 'What diagnoses were reported';
|
|
114
113
|
const labelString = `${questionString} for violator ${index + 1}?`;
|
|
115
114
|
lines.push(
|
|
116
|
-
`${margin}
|
|
115
|
+
`${margin} <p class="links"><a href="${href}" aria-label="${labelString}">${questionString}?</a></p>`
|
|
117
116
|
);
|
|
118
|
-
lines.push(`${margin} </ul>`);
|
|
119
117
|
lines.push(`${margin}</li>`);
|
|
120
118
|
});
|
|
121
119
|
// Add the lines to the query.
|