No description
59efe72607
Frontend Features: ✨ NEW: Visual Page Inspector component - Display PDF pages as images with zoom controls - SVG overlay system for precise issue highlighting - Color-coded markers by severity (red/orange/yellow/blue) - Numbered badges on each issue for easy reference - Interactive hover tooltips with issue details - Click-through to see exact locations on page User Experience: 📄 Page selector sidebar shows all pages - Color-coded badges indicate issue severity per page - Click any page to view it - Pages with no issues show in green 🔍 Zoom Controls: - Zoom in/out buttons (50% - 300%) - Reset to 100% - Markers scale with zoom level 🎯 Interactive Markers: - Dashed rectangles highlight issue locations - Hover to see full issue description + fix recommendation - Semi-transparent overlays don't obscure content - Numbered circles for easy cross-reference Backend Support: - API endpoint: api.php?action=image&job_id=X&page=Y - Serves PNG images with proper caching headers - Coordinate system conversion (PDF → screen coords) How It Works: 1. Python generates page images at 100 DPI 2. Issues with coordinates get visual markers 3. SVG overlays drawn at correct positions 4. Tooltips show on hover Perfect for: - Seeing exactly where image/contrast issues are - Visual verification of accessibility problems - Training teams on what to fix - Before/after comparisons 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| README's | ||
| results | ||
| Test_files | ||
| uploads | ||
| .env.example | ||
| .gitignore | ||
| api.php | ||
| enterprise_pdf_checker.py | ||
| index.html | ||
| requirements.txt | ||
| test_env.py | ||
| test_php_env.php | ||
| test_quick.sh | ||