Oliver/pdf-accessibility
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
69 commits 1 branch 0 tags 53 MiB
Commit graph

4 commits

Author SHA1 Message Date
Vadym Samoilenko
304526a8c4 Fix 13 WCAG accessibility violations in the checker UI itself 
HTML:
- Move <div id="msalConfig"> out of <head> (invalid HTML)
- Add skip-to-main-content link (WCAG 2.4.1)
- Wrap content in <main id="main-content">
- Auth overlay: aria-modal, aria-describedby, aria-describedby on p
- Microsoft SVG: aria-hidden="true" (decorative)
- Tab buttons: aria-controls; panels: role=tabpanel, aria-labelledby
- Score number: <div> → <output> element
- Marker legend: role=legend (invalid) → role=region + aria-label
- Reset zoom button: aria-label added

CSS:
- input:focus outline:none → outline:2px solid accent (WCAG 2.4.7)
- --text-muted #696969 → #5a5a5a (~5.5:1 contrast, was 4.35:1)
- Skip link styles (visible on focus)
- @media (prefers-reduced-motion: reduce) disables all animations

JS:
- upload.js/batch.js: keydown Enter/Space activates upload areas (WCAG 2.1.1)
- results.js: issue cards get role=listitem inside role=list
- results.js: filterIssues() updates aria-pressed on all filter buttons
- results.js: displayResults() focuses resultsSection for screen readers
- utils.js: aria-valuenow set on role=progressbar element, not fill div

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-13 14:19:20 +00:00
Vadym Samoilenko
c932e8b7e1 Make WCAG criterion badges clickable links to Understanding pages 
Each issue card's WCAG criterion (e.g. "1.4.3") is now a link to the
WAI Understanding page at w3.org. Comma-separated multi-criteria and
PDF/UA are handled separately. Links open in a new tab.

- js/utils.js: WCAG_SLUGS map + wcagCriterionLinks() helper
- js/results.js: issue-meta now calls wcagCriterionLinks()
- css/styles.css: .wcag-link style (dotted underline, hover accent)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-13 14:05:55 +00:00
Vadym Samoilenko
8b70da3584 Add "Mark as Passed" check overrides and "Recalculate Score" feature 
- api.php: override_check / unoverride_check endpoints write per-job
  .overrides.json; handleResult() injects overridden_checks on reload
- js/results.js: score breakdown rows show "Mark as Passed" / "Undo"
  buttons; recalculateScore() adjusts penalty for dismissed issues and
  base score for manual overrides without mutating original data
- index.html: score display gains hidden (Adjusted) badge and
  Recalculate Score button, revealed after first check
- css/styles.css: btn-mark-passed, btn-unoverride, check-manual-pass,
  btn-recheck, score-adjusted-label styles
- js/utils.js: escapeAttr() helper for safe inline onclick values

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-03-13 14:01:52 +00:00
Vadym Samoilenko
112719b2c5 Add Docker stack, frontend redesign, and visual page inspector fix 
- Redesigned frontend with Outfit/Figtree typography, coral accent palette,
  noise texture, glassmorphism header, and staggered animations
- Split monolithic index.html into modular JS (app, api, upload, batch,
  results, page-viewer, utils) and extracted CSS
- Fixed worker.py to generate page images for Visual Page Inspector
- Added Docker Compose stack (web, worker, redis, postgres)
- Added batch upload, HTML report export, rate limiting, and Redis queue
- Extended test suite with checker, remediation, worker, and DB tests

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-02-25 18:12:44 +00:00