gbu-accessibility-package 1.5.0 → 3.0.0

package/cli.js

@@ -14,14 +14,19 @@ const args = process.argv.slice(2);
 const options = {
   directory: '.',
   language: 'ja',
-  backupFiles: true,
+  backupFiles: true, // Default to true for safety
   dryRun: false,
   help: false,
   cleanupOnly: false,
-  comprehensive: false,
+  comprehensive: false, // Keep for backward compatibility
   altOnly: false,
   langOnly: false,
-  roleOnly: false
+  roleOnly: false,
+  formsOnly: false,
+  buttonsOnly: false,
+  linksOnly: false,
+  landmarksOnly: false,
+  headingsOnly: false
 };
 
 // Parse arguments
@@ -41,6 +46,9 @@ for (let i = 0; i < args.length; i++) {
     case '-l':
       options.language = args[++i];
       break;
+    case '--backup':
+      options.backupFiles = true;
+      break;
     case '--no-backup':
       options.backupFiles = false;
       break;
@@ -52,7 +60,7 @@ for (let i = 0; i < args.length; i++) {
       break;
     case '--comprehensive':
     case '--all':
-      options.comprehensive = true;
+      options.comprehensive = true; // Keep for backward compatibility
       break;
     case '--alt-only':
       options.altOnly = true;
@@ -63,6 +71,21 @@ for (let i = 0; i < args.length; i++) {
     case '--role-only':
       options.roleOnly = true;
       break;
+    case '--forms-only':
+      options.formsOnly = true;
+      break;
+    case '--buttons-only':
+      options.buttonsOnly = true;
+      break;
+    case '--links-only':
+      options.linksOnly = true;
+      break;
+    case '--landmarks-only':
+      options.landmarksOnly = true;
+      break;
+    case '--headings-only':
+      options.headingsOnly = true;
+      break;
     default:
       if (!arg.startsWith('-')) {
         options.directory = arg;
@@ -80,25 +103,34 @@ Usage: node cli.js [options] [directory]
 Options:
   -d, --directory <path>    Target directory (default: current directory)
   -l, --language <lang>     Language for lang attribute (default: ja)
+  --backup                 Create backup files (default: enabled)
   --no-backup              Don't create backup files
   --dry-run                Preview changes without applying
-  --comprehensive, --all   Run all fixes including cleanup (recommended)
+  --comprehensive, --all   Run comprehensive fixes (same as default)
   --cleanup-only           Only cleanup duplicate role attributes
-  --alt-only               Only fix alt attributes for images
-  --lang-only              Only fix HTML lang attributes
-  --role-only              Only fix role attributes
+  --alt-only               Fix alt attributes + cleanup
+  --lang-only              Fix HTML lang attributes + cleanup
+  --role-only              Fix role attributes + cleanup
+  --forms-only             Fix form labels + cleanup
+  --buttons-only           Fix button names + cleanup
+  --links-only             Fix link names + cleanup
+  --landmarks-only         Fix landmarks + cleanup
+  --headings-only          Analyze heading structure (no auto-fix)
   -h, --help               Show this help message
 
 Examples:
-  node cli.js                          # Fix current directory (standard fixes)
-  node cli.js --comprehensive          # Run all fixes including cleanup
-  node cli.js --alt-only               # Only fix alt attributes
-  node cli.js --lang-only              # Only fix lang attributes
-  node cli.js --role-only              # Only fix role attributes
+  node cli.js                          # Comprehensive fixes (default mode)
+  node cli.js --comprehensive          # Comprehensive fixes (same as default)
+  node cli.js --alt-only               # Fix alt attributes + cleanup
+  node cli.js --forms-only             # Fix form labels + cleanup
+  node cli.js --buttons-only           # Fix button names + cleanup
+  node cli.js --links-only             # Fix link names + cleanup
+  node cli.js --landmarks-only         # Fix landmarks + cleanup
+  node cli.js --headings-only          # Analyze heading structure only
   node cli.js --cleanup-only           # Only cleanup duplicate roles
-  node cli.js ./src                    # Fix src directory
-  node cli.js -l en --dry-run ./dist   # Preview fixes for dist directory in English
-  node cli.js --no-backup ./public    # Fix without creating backups
+  node cli.js ./src                    # Fix src directory (comprehensive)
+  node cli.js -l en --dry-run ./dist   # Preview comprehensive fixes in English
+  node cli.js --no-backup ./public    # Comprehensive fixes without backups
 
 Features:
   ✅ Alt attributes for images
@@ -110,6 +142,23 @@ Features:
   process.exit(0);
 }
 
+
+// Helper function to show completion message with backup info
+function showCompletionMessage(options, mode = 'fixes') {
+  if (options.dryRun) {
+    console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
+  } else {
+    console.log(chalk.green(`\n🎉 ${mode} completed successfully!`));
+    if (options.backupFiles) {
+      console.log(chalk.gray('   📁 Backup files created with .backup extension'));
+      console.log(chalk.gray('   💡 Use --no-backup to disable backups in future runs'));
+    } else {
+      console.log(chalk.yellow('   ⚠️  No backup files created (--no-backup was used)'));
+      console.log(chalk.gray('   💡 Use --backup to enable backups for safety'));
+    }
+  }
+}
+
 // Main function
 async function main() {
   console.log(chalk.blue('🚀 Starting Accessibility Fixer...'));
@@ -126,14 +175,30 @@ async function main() {
   });
 
   try {
-    // Handle different modes
-    if (options.comprehensive) {
-      // Run comprehensive fix (all fixes including cleanup)
+    // Handle different modes - All modes now include cleanup
+    if (options.cleanupOnly || options.altOnly || options.langOnly || options.roleOnly || 
+        options.formsOnly || options.buttonsOnly || options.linksOnly || options.landmarksOnly || options.headingsOnly) {
+      // Individual modes - handle each separately, then run cleanup
+    } else {
+      // Default mode: Run comprehensive fix (all fixes including cleanup)
       console.log(chalk.blue('🎯 Running comprehensive accessibility fixes...'));
       const results = await fixer.fixAllAccessibilityIssues(options.directory);
       
       // Results already logged in the method
       return;
+    }
+    
+    // Individual modes
+    if (options.cleanupOnly) {
+      // Only cleanup duplicate roles
+      console.log(chalk.blue('🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      
+      console.log(chalk.green(`\n✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Cleanup');
+      return;
       
     } else if (options.cleanupOnly) {
       // Only cleanup duplicate roles
@@ -143,117 +208,147 @@ async function main() {
       
       console.log(chalk.green(`\n✅ Cleaned duplicate roles in ${cleanupFixed} files`));
       
-      if (options.dryRun) {
-        console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
-      } else {
-        console.log(chalk.green('\n🎉 Cleanup completed successfully!'));
-      }
+      showCompletionMessage(options, 'Cleanup');
       return;
       
     } else if (options.altOnly) {
-      // Only fix alt attributes
-      console.log(chalk.blue('🖼️ Running alt attribute fixes only...'));
+      // Fix alt attributes + cleanup
+      console.log(chalk.blue('🖼️ Running alt attribute fixes + cleanup...'));
       const altResults = await fixer.fixEmptyAltAttributes(options.directory);
       const altFixed = altResults.filter(r => r.status === 'fixed').length;
       const totalAltIssues = altResults.reduce((sum, r) => sum + (r.issues || 0), 0);
       
       console.log(chalk.green(`\n✅ Fixed alt attributes in ${altFixed} files (${totalAltIssues} issues)`));
       
-      if (options.dryRun) {
-        console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
-      } else {
-        console.log(chalk.green('\n🎉 Alt attribute fixes completed successfully!'));
-      }
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Alt attribute fixes + cleanup');
       return;
       
     } else if (options.langOnly) {
-      // Only fix lang attributes
-      console.log(chalk.blue('📝 Running HTML lang attribute fixes only...'));
+      // Fix lang attributes + cleanup
+      console.log(chalk.blue('📝 Running HTML lang attribute fixes + cleanup...'));
       const langResults = await fixer.fixHtmlLang(options.directory);
       const langFixed = langResults.filter(r => r.status === 'fixed').length;
       
       console.log(chalk.green(`\n✅ Fixed lang attributes in ${langFixed} files`));
       
-      if (options.dryRun) {
-        console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
-      } else {
-        console.log(chalk.green('\n🎉 Lang attribute fixes completed successfully!'));
-      }
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Lang attribute fixes + cleanup');
       return;
       
     } else if (options.roleOnly) {
-      // Only fix role attributes
-      console.log(chalk.blue('🎭 Running role attribute fixes only...'));
+      // Fix role attributes + cleanup
+      console.log(chalk.blue('🎭 Running role attribute fixes + cleanup...'));
       const roleResults = await fixer.fixRoleAttributes(options.directory);
       const roleFixed = roleResults.filter(r => r.status === 'fixed').length;
       const totalRoleIssues = roleResults.reduce((sum, r) => sum + (r.issues || 0), 0);
       
       console.log(chalk.green(`\n✅ Fixed role attributes in ${roleFixed} files (${totalRoleIssues} issues)`));
       
-      if (options.dryRun) {
-        console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
-      } else {
-        console.log(chalk.green('\n🎉 Role attribute fixes completed successfully!'));
-      }
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Role attribute fixes + cleanup');
+      return;
+      
+    } else if (options.formsOnly) {
+      // Fix form labels + cleanup
+      console.log(chalk.blue('📋 Running form label fixes + cleanup...'));
+      const formResults = await fixer.fixFormLabels(options.directory);
+      const formFixed = formResults.filter(r => r.status === 'fixed').length;
+      const totalFormIssues = formResults.reduce((sum, r) => sum + (r.issues || 0), 0);
+      
+      console.log(chalk.green(`\n✅ Fixed form labels in ${formFixed} files (${totalFormIssues} issues)`));
+      
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Form label fixes + cleanup');
+      return;
+      
+    } else if (options.buttonsOnly) {
+      // Fix button names + cleanup
+      console.log(chalk.blue('🔘 Running button name fixes + cleanup...'));
+      const buttonResults = await fixer.fixButtonNames(options.directory);
+      const buttonFixed = buttonResults.filter(r => r.status === 'fixed').length;
+      const totalButtonIssues = buttonResults.reduce((sum, r) => sum + (r.issues || 0), 0);
+      
+      console.log(chalk.green(`\n✅ Fixed button names in ${buttonFixed} files (${totalButtonIssues} issues)`));
+      
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Button name fixes + cleanup');
+      return;
+      
+    } else if (options.linksOnly) {
+      // Fix link names + cleanup
+      console.log(chalk.blue('🔗 Running link name fixes + cleanup...'));
+      const linkResults = await fixer.fixLinkNames(options.directory);
+      const linkFixed = linkResults.filter(r => r.status === 'fixed').length;
+      const totalLinkIssues = linkResults.reduce((sum, r) => sum + (r.issues || 0), 0);
+      
+      console.log(chalk.green(`\n✅ Fixed link names in ${linkFixed} files (${totalLinkIssues} issues)`));
+      
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Link name fixes + cleanup');
+      return;
+      
+    } else if (options.landmarksOnly) {
+      // Fix landmarks + cleanup
+      console.log(chalk.blue('🏛️ Running landmark fixes + cleanup...'));
+      const landmarkResults = await fixer.fixLandmarks(options.directory);
+      const landmarkFixed = landmarkResults.filter(r => r.status === 'fixed').length;
+      const totalLandmarkIssues = landmarkResults.reduce((sum, r) => sum + (r.issues || 0), 0);
+      
+      console.log(chalk.green(`\n✅ Fixed landmarks in ${landmarkFixed} files (${totalLandmarkIssues} issues)`));
+      
+      // Run cleanup
+      console.log(chalk.blue('\n🧹 Running cleanup for duplicate role attributes...'));
+      const cleanupResults = await fixer.cleanupDuplicateRoles(options.directory);
+      const cleanupFixed = cleanupResults.filter(r => r.status === 'fixed').length;
+      console.log(chalk.green(`✅ Cleaned duplicate roles in ${cleanupFixed} files`));
+      
+      showCompletionMessage(options, 'Landmark fixes + cleanup');
+      return;
+      
+    } else if (options.headingsOnly) {
+      // Analyze headings only (no fixes, no cleanup)
+      console.log(chalk.blue('📑 Running heading analysis only...'));
+      const headingResults = await fixer.analyzeHeadings(options.directory);
+      const totalSuggestions = headingResults.reduce((sum, r) => sum + (r.issues || 0), 0);
+      
+      console.log(chalk.green(`\n✅ Analyzed headings in ${headingResults.length} files (${totalSuggestions} suggestions)`));
+      console.log(chalk.gray('💡 Heading issues require manual review and cannot be auto-fixed'));
+      
+      showCompletionMessage(options, 'Heading analysis');
       return;
     }
 
-    // Standard mode - run individual fixes
-    // Fix HTML lang attributes
-    console.log(chalk.yellow('📝 Step 1: Fixing HTML lang attributes...'));
-    const langResults = await fixer.fixHtmlLang(options.directory);
-    const langFixed = langResults.filter(r => r.status === 'fixed').length;
-    console.log(chalk.green(`✅ Fixed lang attributes in ${langFixed} files`));
-    console.log('');
-
-    // Fix alt attributes
-    console.log(chalk.yellow('🖼️  Step 2: Fixing alt attributes...'));
-    const altResults = await fixer.fixEmptyAltAttributes(options.directory);
-    const altFixed = altResults.filter(r => r.status === 'fixed').length;
-    const totalAltIssues = altResults.reduce((sum, r) => sum + (r.issues || 0), 0);
-    console.log(chalk.green(`✅ Fixed alt attributes in ${altFixed} files (${totalAltIssues} issues)`));
-    console.log('');
-
-    // Fix role attributes
-    console.log(chalk.yellow('🎭 Step 3: Fixing role attributes...'));
-    const roleResults = await fixer.fixRoleAttributes(options.directory);
-    const roleFixed = roleResults.filter(r => r.status === 'fixed').length;
-    const totalRoleIssues = roleResults.reduce((sum, r) => sum + (r.issues || 0), 0);
-    console.log(chalk.green(`✅ Fixed role attributes in ${roleFixed} files (${totalRoleIssues} issues)`));
-    console.log('');
-
-    // Summary
-    const totalFiles = new Set([
-      ...langResults.map(r => r.file),
-      ...altResults.map(r => r.file),
-      ...roleResults.map(r => r.file)
-    ]).size;
-
-    const totalFixed = new Set([
-      ...langResults.filter(r => r.status === 'fixed').map(r => r.file),
-      ...altResults.filter(r => r.status === 'fixed').map(r => r.file),
-      ...roleResults.filter(r => r.status === 'fixed').map(r => r.file)
-    ]).size;
-
-    const totalIssues = totalAltIssues + totalRoleIssues + langFixed;
-
-    console.log(chalk.blue('📊 Summary:'));
-    console.log(chalk.white(`   Total files scanned: ${totalFiles}`));
-    console.log(chalk.green(`   Files fixed: ${totalFixed}`));
-    console.log(chalk.yellow(`   Total issues resolved: ${totalIssues}`));
-    
-    if (options.dryRun) {
-      console.log(chalk.cyan('\n💡 This was a dry run. Use without --dry-run to apply changes.'));
-    } else {
-      console.log(chalk.green('\n🎉 All accessibility fixes completed successfully!'));
-      if (options.backupFiles) {
-        console.log(chalk.gray('   Backup files created with .backup extension'));
-      }
-    }
-    
-    // Suggest cleanup if not comprehensive mode
-    console.log(chalk.blue('\n💡 Pro tip: Use --comprehensive to include duplicate role cleanup!'));
-
   } catch (error) {
     console.error(chalk.red('❌ Error occurred:'), error.message);
     process.exit(1);

package/demo/advanced-test.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Advanced Accessibility Test</title>
+</head>
+<body>
+    <h1>Advanced Accessibility Test</h1>
+    
+    <!-- Form issues -->
+    <form>
+        <input type="text" placeholder="Name">
+        <input type="email" id="email">
+        <input type="password">
+        <input type="submit">
+    </form>
+    
+    <!-- Button issues -->
+    <button></button>
+    <button onclick="alert('test')"></button>
+    <input type="button">
+    
+    <!-- Link issues -->
+    <a href="/home"></a>
+    <a href="/more">Click here</a>
+    <a href="/read">Read more</a>
+    <a href="/image"><img src="icon.png"></a>
+    
+    <!-- Heading issues -->
+    <h3>Skipped h2</h3>
+    <h1>Second h1</h1>
+    <h4></h4>
+    
+    <!-- Landmark issues -->
+    <div class="content">
+        <p>Main content without landmark</p>
+    </div>
+    
+    <ul class="navigation">
+        <li><a href="/home">Home</a></li>
+        <li><a href="/about">About</a></li>
+    </ul>
+</body>
+</html>

package/demo/advanced-test.html.backup

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Advanced Accessibility Test</title>
+</head>
+<body>
+    <h1>Advanced Accessibility Test</h1>
+    
+    <!-- Form issues -->
+    <form>
+        <input type="text" placeholder="Name">
+        <input type="email" id="email">
+        <input type="password">
+        <input type="submit">
+    </form>
+    
+    <!-- Button issues -->
+    <button></button>
+    <button onclick="alert('test')"></button>
+    <input type="button">
+    
+    <!-- Link issues -->
+    <a href="/home"></a>
+    <a href="/more">Click here</a>
+    <a href="/read">Read more</a>
+    <a href="/image"><img src="icon.png"></a>
+    
+    <!-- Heading issues -->
+    <h3>Skipped h2</h3>
+    <h1>Second h1</h1>
+    <h4></h4>
+    
+    <!-- Landmark issues -->
+    <div class="content">
+        <p>Main content without landmark</p>
+    </div>
+    
+    <ul class="navigation">
+        <li><a href="/home">Home</a></li>
+        <li><a href="/about">About</a></li>
+    </ul>
+</body>
+</html>

package/demo/aria-label-test.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Aria Label Test</title>
+</head>
+<body>
+    <h1>Aria Label Test Cases</h1>
+    
+    <!-- Test case 1: Image with alt but no aria-label -->
+    <img src="test1.jpg" alt="Test image 1" role="img" aria-label="Test image 1">
+    
+    <!-- Test case 2: Image with alt and existing aria-label (should not change) -->
+    <img src="test2.jpg" alt="Test image 2" aria-label="Custom label" role="img">
+    
+    <!-- Test case 3: Image with empty alt (should not add aria-label) -->
+    <img src="test3.jpg" alt="" role="img">
+    
+    <!-- Test case 4: Image without alt (should generate alt and aria-label) -->
+    <img src="logo.png" role="img">
+    
+    <!-- Test case 5: Picture with role and img with alt -->
+    <picture>
+        <source srcset="responsive.webp" type="image/webp">
+        <img src="responsive.jpg" alt="Responsive image" role="img" aria-label="Responsive image">
+    </picture>
+    
+    <!-- Test case 6: Image with role but no aria-label -->
+    <img src="test6.jpg" alt="Test image 6" role="img" aria-label="Test image 6">
+</body>
+</html>

package/demo/backup-test.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Backup Test</title>
+</head>
+<body>
+    <h1>Backup Test File</h1>
+    
+    <!-- This will be fixed -->
+    <img src="test.jpg" alt="Test image" role="img" aria-label="Test image">
+    
+    <!-- This will also be fixed -->
+    <a href="/home" role="link">Home Link</a>
+    
+    <p>This file is used to test backup functionality.</p>
+</body>
+</html>

package/demo/backup-test2.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>No Backup Test</title>
+</head>
+<body>
+    <h1>No Backup Test File</h1>
+    
+    <img src="test2.jpg" alt="Test image 2" role="img" aria-label="Test image 2">
+    <a href="/about" role="link">About Link</a>
+</body>
+</html>

package/demo/backup-test3.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Explicit Backup Test</title>
+</head>
+<body>
+    <h1>Explicit Backup Test File</h1>
+    
+    <img src="test3.jpg" alt="Test image 3" role="img" aria-label="Test image 3">
+</body>
+</html>

package/demo/comprehensive-test.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Comprehensive Test</title>
+</head>
+<body>
+    <h1>Comprehensive Test File</h1>
+    
+    <!-- Missing alt -->
+    <img src="test.jpg">
+    
+    <!-- Missing role -->
+    <a href="/home">Home</a>
+    
+    <!-- Duplicate roles -->
+    <img src="dup.jpg" alt="Duplicate" role="img" role="img">
+    
+    <p>This tests comprehensive mode as default.</p>
+</body>
+</html>

package/demo/comprehensive-test.html.backup

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Comprehensive Test</title>
+</head>
+<body>
+    <h1>Comprehensive Test File</h1>
+    
+    <!-- Missing alt -->
+    <img src="test.jpg">
+    
+    <!-- Missing role -->
+    <a href="/home">Home</a>
+    
+    <!-- Duplicate roles -->
+    <img src="dup.jpg" alt="Duplicate" role="img" role="img">
+    
+    <p>This tests comprehensive mode as default.</p>
+</body>
+</html>