diff --git a/Justfile b/Justfile index 0f0d2b3..4dd74db 100644 --- a/Justfile +++ b/Justfile @@ -172,12 +172,35 @@ docs-api: # Build documentation site docs-build: @echo "Building documentation..." - @echo "TODO: Implement docs site build" + @mkdir -p docs/_site + @# Convert AsciiDoc files to HTML + @for file in *.adoc docs/*.adoc; do \ + if [ -f "$$file" ]; then \ + echo "Converting $$file..."; \ + asciidoctor -D docs/_site "$$file" 2>/dev/null || echo " (skipped - asciidoctor not installed)"; \ + fi; \ + done + @# Copy markdown files + @for file in docs/*.md; do \ + if [ -f "$$file" ]; then \ + cp "$$file" docs/_site/ 2>/dev/null || true; \ + fi; \ + done + @# Copy static assets + @cp -r docs/*.md docs/_site/ 2>/dev/null || true + @cp README.adoc docs/_site/index.adoc 2>/dev/null || true + @echo "✓ Documentation built in docs/_site/" # Serve documentation locally docs-serve: @echo "Serving documentation..." - @echo "TODO: Implement docs site serve" + @just docs-build + @echo "Starting server at http://localhost:8000" + @echo "Press Ctrl+C to stop" + @cd docs/_site && python3 -m http.server 8000 2>/dev/null || \ + (cd docs/_site && python -m SimpleHTTPServer 8000 2>/dev/null) || \ + (cd docs/_site && deno run --allow-net --allow-read https://deno.land/std/http/file_server.ts) || \ + echo "Error: No suitable HTTP server found (python3, python, or deno required)" # === Cleanup === @@ -236,8 +259,37 @@ check-build-system: # Check tests exist check-tests: @echo "Checking test infrastructure..." - @echo "⚠️ Tests need to be implemented" - @echo "TODO: Add comprehensive test suite" + @# Check for test directories + @test_dirs=0; \ + for dir in tests test __tests__ spec; do \ + if [ -d "$$dir" ] || [ -d "packages/*/$$dir" ] || [ -d "components/*/$$dir" ]; then \ + test_dirs=$$((test_dirs + 1)); \ + fi; \ + done; \ + if [ $$test_dirs -eq 0 ]; then \ + echo "⚠️ No test directories found (tests/, test/, __tests__, spec/)"; \ + else \ + echo "✅ Found $$test_dirs test directories"; \ + fi + @# Check for test files + @test_files=$$(find . -name "*.test.*" -o -name "*.spec.*" -o -name "test_*.py" -o -name "*_test.go" 2>/dev/null | grep -v node_modules | wc -l); \ + if [ "$$test_files" -eq 0 ]; then \ + echo "⚠️ No test files found"; \ + else \ + echo "✅ Found $$test_files test files"; \ + fi + @# Check for test configuration + @if [ -f "jest.config.js" ] || [ -f "jest.config.ts" ] || [ -f "vitest.config.ts" ] || [ -f "pytest.ini" ] || [ -f "phpunit.xml" ]; then \ + echo "✅ Test configuration found"; \ + else \ + echo "⚠️ No test configuration found"; \ + fi + @# Check for test scripts in package.json + @if grep -q '"test"' package.json 2>/dev/null; then \ + echo "✅ Test script configured in package.json"; \ + else \ + echo "⚠️ No test script in package.json"; \ + fi # === Utility === diff --git a/docs/CAMPAIGN_MATERIALS.md b/docs/CAMPAIGN_MATERIALS.md index 722acbf..9a7ee0f 100644 --- a/docs/CAMPAIGN_MATERIALS.md +++ b/docs/CAMPAIGN_MATERIALS.md @@ -246,9 +246,9 @@ THE CASE: - Machine-readable headers (proposed) 4. Proven Demand: - - [XXX,XXX] users of our tools (6 months) - - [XXX] companies actively monitoring - - [XXX] GitHub Action installs + - [INSERT_USER_COUNT] users of our tools (6 months) + - [INSERT_COMPANY_COUNT] companies actively monitoring + - [INSERT_INSTALL_COUNT] GitHub Action installs - Growing developer awareness PROPOSED IMPLEMENTATION: @@ -301,10 +301,10 @@ WHAT WE OFFER: DATA AVAILABLE: After [6/12/18] months of operation: -- [XXX,XXX] sites scanned -- [XXX] paying API customers -- [XXX] developers using tools -- [XX]% average score improvement +- [INSERT_SCAN_COUNT] sites scanned +- [INSERT_CUSTOMER_COUNT] paying API customers +- [INSERT_DEVELOPER_COUNT] developers using tools +- [INSERT_IMPROVEMENT_PERCENT]% average score improvement This demonstrates real demand for accessibility as a ranking factor. diff --git a/tools/wordpress-plugin/includes/class-a11y-admin.php b/tools/wordpress-plugin/includes/class-a11y-admin.php index c6767ef..53470b7 100644 --- a/tools/wordpress-plugin/includes/class-a11y-admin.php +++ b/tools/wordpress-plugin/includes/class-a11y-admin.php @@ -247,10 +247,113 @@ private function render_recent_scans() { } /** - * Render common violations + * Render common violations aggregated from all scanned posts. + * + * Displays a summary of the most frequent accessibility violations + * found across the site's content. */ private function render_common_violations() { - // This would aggregate violation data - echo '

' . __('Configure API key to track violations', 'accessibility-everywhere') . '

'; + global $wpdb; + + // Get all violation data from post meta + $violations_data = $wpdb->get_col( + "SELECT meta_value FROM $wpdb->postmeta WHERE meta_key = '_a11y_violations' AND meta_value != ''" + ); + + if (empty($violations_data)) { + echo '

' . __('No violation data available yet. Scan some pages to see common issues.', 'accessibility-everywhere') . '

'; + echo '

' . __('Tip: Enable auto-scan in settings or use the Quick Scan feature.', 'accessibility-everywhere') . '

'; + return; + } + + // Aggregate violations by type + $violation_counts = []; + $violation_details = []; + + foreach ($violations_data as $json_data) { + $violations = json_decode($json_data, true); + if (!is_array($violations)) { + continue; + } + + foreach ($violations as $violation) { + $id = $violation['id'] ?? 'unknown'; + + if (!isset($violation_counts[$id])) { + $violation_counts[$id] = 0; + $violation_details[$id] = [ + 'description' => $violation['description'] ?? $id, + 'impact' => $violation['impact'] ?? 'unknown', + 'help' => $violation['help'] ?? '', + 'helpUrl' => $violation['helpUrl'] ?? '', + ]; + } + + // Count nodes/instances + $node_count = isset($violation['nodes']) ? count($violation['nodes']) : 1; + $violation_counts[$id] += $node_count; + } + } + + if (empty($violation_counts)) { + echo '

' . __('No violations found across scanned pages.', 'accessibility-everywhere') . '

'; + return; + } + + // Sort by count descending + arsort($violation_counts); + + // Display top 10 violations + $top_violations = array_slice($violation_counts, 0, 10, true); + + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + + foreach ($top_violations as $violation_id => $count) { + $details = $violation_details[$violation_id]; + $impact_class = 'a11y-impact-' . sanitize_html_class($details['impact']); + + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + } + + echo '
' . esc_html__('Issue', 'accessibility-everywhere') . '' . esc_html__('Impact', 'accessibility-everywhere') . '' . esc_html__('Count', 'accessibility-everywhere') . '
'; + + if (!empty($details['helpUrl'])) { + echo ''; + echo esc_html($details['description']); + echo ' '; + echo '' . esc_html__('(opens in new tab)', 'accessibility-everywhere') . ''; + echo ''; + } else { + echo esc_html($details['description']); + } + + if (!empty($details['help'])) { + echo '

' . esc_html($details['help']) . '

'; + } + + echo '		' . esc_html(ucfirst($details['impact'])) . '' . esc_html(number_format_i18n($count)) . '
'; + + // Show total counts summary + $total_violations = array_sum($violation_counts); + $unique_issues = count($violation_counts); + + echo '

'; + printf( + /* translators: 1: total violation count, 2: unique issue count */ + esc_html__('Total: %1$s violations across %2$s unique issue types.', 'accessibility-everywhere'), + '' . esc_html(number_format_i18n($total_violations)) . '', + '' . esc_html(number_format_i18n($unique_issues)) . '' + ); + echo '

'; } } diff --git a/tools/wordpress-plugin/includes/class-a11y-scanner.php b/tools/wordpress-plugin/includes/class-a11y-scanner.php index a002a2d..e22c10c 100644 --- a/tools/wordpress-plugin/includes/class-a11y-scanner.php +++ b/tools/wordpress-plugin/includes/class-a11y-scanner.php @@ -58,30 +58,298 @@ private function scan_via_api($url, $options) { /** * Client-side scanning (requires JavaScript) + * + * Returns configuration for browser-based axe-core scanning. + * The actual scan is performed by JavaScript using the axe-core library. + * + * @param string $url The URL to scan. + * @param array $options Scan options. + * @return array Scan configuration for client-side execution. */ private function scan_client_side($url, $options) { - // Return placeholder - actual scanning happens in browser + // Generate a unique scan ID for tracking + $scan_id = wp_generate_uuid4(); + + // Store pending scan in transient for JS callback + set_transient('a11y_pending_scan_' . $scan_id, [ + 'url' => $url, + 'options' => $options, + 'started' => current_time('mysql'), + ], HOUR_IN_SECONDS); + + // Return configuration for client-side scanning return [ 'url' => $url, - 'score' => 0, - 'violations' => [], - 'passes' => [], - 'incomplete' => [], + 'scan_id' => $scan_id, 'client_side' => true, - 'message' => __('Configure API key for server-side scanning', 'accessibility-everywhere'), + 'config' => [ + 'wcag_level' => $options['wcag_level'], + 'rules' => $this->get_wcag_rules($options['wcag_level']), + 'callback_url' => rest_url('accessibility-everywhere/v1/scan-complete'), + 'nonce' => wp_create_nonce('a11y_scan_complete'), + ], + 'message' => __('Scan initiated. Results will be processed via axe-core in browser.', 'accessibility-everywhere'), ]; } /** - * Scan post content HTML + * Get WCAG rules for the specified level. + * + * @param string $level WCAG level (A, AA, or AAA). + * @return array Array of rule tags to check. + */ + private function get_wcag_rules($level) { + $rules = ['wcag2a', 'wcag21a', 'wcag22a', 'best-practice']; + + if ($level === 'AA' || $level === 'AAA') { + $rules = array_merge($rules, ['wcag2aa', 'wcag21aa', 'wcag22aa']); + } + + if ($level === 'AAA') { + $rules = array_merge($rules, ['wcag2aaa', 'wcag21aaa', 'wcag22aaa']); + } + + return $rules; + } + + /** + * Scan post content HTML for accessibility issues. + * + * Performs server-side HTML analysis for common accessibility violations. + * This is a lightweight check that catches obvious issues without requiring + * a full browser-based axe-core scan. + * + * @param string $html The HTML content to scan. + * @param array $options Scan options. + * @return array Scan results with violations and score. */ public function scan_html($html, $options = []) { - // This would integrate with axe-core via JavaScript - // For now, return placeholder + $violations = []; + $passes = []; + + // Load HTML into DOMDocument for analysis + $dom = new DOMDocument(); + libxml_use_internal_errors(true); + $dom->loadHTML('' . $html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); + libxml_clear_errors(); + + $xpath = new DOMXPath($dom); + + // Check for images without alt attributes + $images = $xpath->query('//img[not(@alt)]'); + if ($images->length > 0) { + $nodes = []; + foreach ($images as $img) { + $nodes[] = [ + 'html' => $dom->saveHTML($img), + 'target' => $this->get_selector($img), + ]; + } + $violations[] = [ + 'id' => 'image-alt', + 'impact' => 'critical', + 'description' => __('Images must have alternate text', 'accessibility-everywhere'), + 'help' => __('Ensures elements have alternate text or a role of none or presentation', 'accessibility-everywhere'), + 'helpUrl' => 'https://dequeuniversity.com/rules/axe/4.6/image-alt', + 'wcag' => ['wcag2a', 'wcag111'], + 'nodes' => $nodes, + ]; + } else { + $passes[] = ['id' => 'image-alt', 'description' => __('All images have alt text', 'accessibility-everywhere')]; + } + + // Check for empty links + $empty_links = $xpath->query('//a[not(normalize-space(text())) and not(.//img[@alt]) and not(@aria-label) and not(@aria-labelledby)]'); + if ($empty_links->length > 0) { + $nodes = []; + foreach ($empty_links as $link) { + $nodes[] = [ + 'html' => $dom->saveHTML($link), + 'target' => $this->get_selector($link), + ]; + } + $violations[] = [ + 'id' => 'link-name', + 'impact' => 'serious', + 'description' => __('Links must have discernible text', 'accessibility-everywhere'), + 'help' => __('Ensures links have discernible text', 'accessibility-everywhere'), + 'helpUrl' => 'https://dequeuniversity.com/rules/axe/4.6/link-name', + 'wcag' => ['wcag2a', 'wcag412'], + 'nodes' => $nodes, + ]; + } else { + $passes[] = ['id' => 'link-name', 'description' => __('All links have accessible names', 'accessibility-everywhere')]; + } + + // Check for empty buttons + $empty_buttons = $xpath->query('//button[not(normalize-space(text())) and not(@aria-label) and not(@aria-labelledby) and not(@title)]'); + if ($empty_buttons->length > 0) { + $nodes = []; + foreach ($empty_buttons as $btn) { + $nodes[] = [ + 'html' => $dom->saveHTML($btn), + 'target' => $this->get_selector($btn), + ]; + } + $violations[] = [ + 'id' => 'button-name', + 'impact' => 'critical', + 'description' => __('Buttons must have discernible text', 'accessibility-everywhere'), + 'help' => __('Ensures buttons have discernible text', 'accessibility-everywhere'), + 'helpUrl' => 'https://dequeuniversity.com/rules/axe/4.6/button-name', + 'wcag' => ['wcag2a', 'wcag412'], + 'nodes' => $nodes, + ]; + } else { + $passes[] = ['id' => 'button-name', 'description' => __('All buttons have accessible names', 'accessibility-everywhere')]; + } + + // Check for form inputs without labels + $inputs_without_labels = $xpath->query('//input[@type!="hidden" and @type!="submit" and @type!="button" and @type!="image" and not(@aria-label) and not(@aria-labelledby)]'); + $labeled_inputs = []; + foreach ($inputs_without_labels as $input) { + $id = $input->getAttribute('id'); + if ($id) { + $label = $xpath->query('//label[@for="' . $id . '"]'); + if ($label->length > 0) { + $labeled_inputs[] = $input; + continue; + } + } + // Check if input is wrapped in label + $parent_label = $xpath->query('ancestor::label', $input); + if ($parent_label->length > 0) { + $labeled_inputs[] = $input; + } + } + + $unlabeled_count = $inputs_without_labels->length - count($labeled_inputs); + if ($unlabeled_count > 0) { + $nodes = []; + foreach ($inputs_without_labels as $input) { + if (!in_array($input, $labeled_inputs, true)) { + $nodes[] = [ + 'html' => $dom->saveHTML($input), + 'target' => $this->get_selector($input), + ]; + } + } + if (!empty($nodes)) { + $violations[] = [ + 'id' => 'label', + 'impact' => 'critical', + 'description' => __('Form elements must have labels', 'accessibility-everywhere'), + 'help' => __('Ensures every form element has a label', 'accessibility-everywhere'), + 'helpUrl' => 'https://dequeuniversity.com/rules/axe/4.6/label', + 'wcag' => ['wcag2a', 'wcag412', 'wcag131'], + 'nodes' => $nodes, + ]; + } + } else { + $passes[] = ['id' => 'label', 'description' => __('All form inputs have labels', 'accessibility-everywhere')]; + } + + // Check for heading hierarchy issues + $headings = $xpath->query('//h1|//h2|//h3|//h4|//h5|//h6'); + $heading_levels = []; + foreach ($headings as $heading) { + $level = (int) substr($heading->nodeName, 1); + $heading_levels[] = $level; + } + + $heading_issues = []; + for ($i = 1; $i < count($heading_levels); $i++) { + if ($heading_levels[$i] > $heading_levels[$i - 1] + 1) { + $heading_issues[] = sprintf( + __('Skipped from h%d to h%d', 'accessibility-everywhere'), + $heading_levels[$i - 1], + $heading_levels[$i] + ); + } + } + + if (!empty($heading_issues)) { + $violations[] = [ + 'id' => 'heading-order', + 'impact' => 'moderate', + 'description' => __('Heading levels should increase by one', 'accessibility-everywhere'), + 'help' => __('Ensures the order of headings is semantically correct', 'accessibility-everywhere'), + 'helpUrl' => 'https://dequeuniversity.com/rules/axe/4.6/heading-order', + 'wcag' => ['wcag2a', 'wcag131'], + 'nodes' => [['issues' => $heading_issues]], + ]; + } else { + $passes[] = ['id' => 'heading-order', 'description' => __('Heading hierarchy is correct', 'accessibility-everywhere')]; + } + + // Calculate score based on violations + $score = $this->calculate_score($violations, $passes); + return [ - 'score' => 0, - 'violations' => [], - 'message' => __('Use scan_url for full page scanning', 'accessibility-everywhere'), + 'score' => $score, + 'violations' => $violations, + 'passes' => $passes, + 'scanned_at' => current_time('mysql'), + 'method' => 'server-side', + ]; + } + + /** + * Calculate accessibility score based on violations and passes. + * + * @param array $violations Array of violations found. + * @param array $passes Array of passed checks. + * @return int Score from 0-100. + */ + private function calculate_score($violations, $passes) { + $total_checks = count($violations) + count($passes); + if ($total_checks === 0) { + return 100; + } + + // Weight by impact + $impact_weights = [ + 'critical' => 25, + 'serious' => 15, + 'moderate' => 7, + 'minor' => 3, ]; + + $penalty = 0; + foreach ($violations as $violation) { + $impact = $violation['impact'] ?? 'moderate'; + $weight = $impact_weights[$impact] ?? 7; + $node_count = isset($violation['nodes']) ? count($violation['nodes']) : 1; + $penalty += $weight * min($node_count, 5); // Cap node multiplier at 5 + } + + $max_score = 100; + $score = max(0, $max_score - $penalty); + + return (int) $score; + } + + /** + * Generate a CSS selector for a DOM node. + * + * @param DOMNode $node The DOM node. + * @return string CSS selector. + */ + private function get_selector($node) { + $selector = $node->nodeName; + + if ($node->hasAttribute('id')) { + return '#' . $node->getAttribute('id'); + } + + if ($node->hasAttribute('class')) { + $classes = explode(' ', $node->getAttribute('class')); + $classes = array_filter($classes); + if (!empty($classes)) { + $selector .= '.' . implode('.', array_slice($classes, 0, 2)); + } + } + + return $selector; } } diff --git a/tools/wordpress-plugin/includes/class-a11y-settings.php b/tools/wordpress-plugin/includes/class-a11y-settings.php index 029e7c2..47b233b 100644 --- a/tools/wordpress-plugin/includes/class-a11y-settings.php +++ b/tools/wordpress-plugin/includes/class-a11y-settings.php @@ -1,6 +1,15 @@