pretext-
a11y
WCAG text overflow audit in CI. No browser needed. Powered by
Pretext
.
WCAG 1.4.4
WCAG 1.4.10
No Browser
CI Ready
TypeScript
Pretext
Audit Input
Text content
Container width (px)
Font size (px)
Font family
Max lines
Run Accessibility Audit
Pre-loaded Examples
Audit Results
↑
Enter text and click "Run Accessibility Audit" to check WCAG compliance at 1x, 1.5x, and 2x zoom.
WCAG Reference
1.4.4
Resize Text
Text can be resized up to 200% without loss of content or functionality. No assistive technology required.
Level AA
1.4.10
Reflow
Content can be presented without loss of information at 320 CSS pixels wide. No horizontal scrolling for vertical content.
Level AA
aria-truncation
Aria Label Truncation
If visible text is truncated, screen reader users receive different content. aria-label should match visible text.
Best Practice
CI Output Preview
Console
JSON
GitHub Actions
Run an audit above to see CI output.
Installation & Usage
# Install
npm install --save-dev @shipitandpray/pretext-a11y
# Run from CLI
npx pretext-a11y checks.json npx pretext-a11y --format=json checks.json npx pretext-a11y --format=github checks.json
# GitHub Actions annotations
# checks.json format:
[ {
"id"
:
"nav-home"
,
"text"
:
"Dashboard Overview"
,
"containerWidth"
: 120,
"font"
:
"14px Inter"
,
"zoomLevels"
: [1, 1.5, 2],
"maxLines"
: 1 } ]
# TypeScript API
import
{
auditA11y
}
from
"@shipitandpray/pretext-a11y"
;
const
summary =
auditA11y
(checks);
if
(summary.failed > 0) process.
exit
(1);