element inside the SVG.","wcagCriterion":"1.1.1"},"order":3},{"id":"cmlq561fp00e2jj7qla0vp9un","category":"a11y_check_rules","key":"img_alt_too_long","label":"Image alt text too long","icon":"Image","value":{"title":"Image alt text exceeds 125 characters","enabled":true,"category":"images","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<img alt=\"This is a very long description that goes into excessive detail about every aspect of the image which makes screen reader navigation tedious...\">","good":"<img alt=\"Company logo\" aria-describedby=\"logo-desc\">"},"description":"Long alt text can be disruptive to screen reader users. Consider using aria-describedby for detailed descriptions.","fixSuggestion":"Keep alt text under 125 characters. Use aria-describedby for longer descriptions.","wcagCriterion":"1.1.1"},"order":4},{"id":"cmlq561j500e3jj7qwvyb3wx3","category":"a11y_check_rules","key":"img_filename_alt","label":"Image alt text looks like a filename","icon":"Image","value":{"title":"Image alt text appears to be a filename","enabled":true,"category":"images","severity":"major","wcagLevel":"A","codeExample":{"bad":"<img alt=\"IMG_20240315_001.jpg\">","good":"<img alt=\"Sunset over the Golden Gate Bridge\">"},"description":"Alt text contains a file extension, suggesting it was auto-generated from the filename rather than being descriptive.","fixSuggestion":"Replace the filename with a meaningful description of the image content.","wcagCriterion":"1.1.1"},"order":5},{"id":"cmlq561mk00e4jj7qe22tuq4a","category":"a11y_check_rules","key":"no_h1","label":"No h1 heading found","icon":"Heading","value":{"title":"No h1 heading found","enabled":true,"category":"headings","severity":"major","wcagLevel":"A","codeExample":{"bad":"<body><h2>Welcome</h2></body>","good":"<body><h1>Welcome to Our Site</h1><h2>About Us</h2></body>"},"description":"The page has no h1 heading. Every page should have exactly one h1 that describes its main purpose.","fixSuggestion":"Add an h1 element that describes the main purpose of the page.","wcagCriterion":"1.3.1"},"order":10},{"id":"cmlq561py00e5jj7qzbtj2s93","category":"a11y_check_rules","key":"multiple_h1","label":"Multiple h1 headings","icon":"Heading","value":{"title":"Multiple h1 headings found","enabled":true,"category":"headings","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<h1>Title</h1><h1>Another Title</h1>","good":"<h1>Main Title</h1><h2>Section Title</h2>"},"description":"Best practice is to have a single h1 per page to clearly identify the main topic.","fixSuggestion":"Use a single h1 for the main heading. Use h2-h6 for subsections.","wcagCriterion":"1.3.1"},"order":11},{"id":"cmlq561ua00e6jj7q6k8ey51w","category":"a11y_check_rules","key":"skipped_heading_level","label":"Skipped heading level","icon":"Heading","value":{"title":"Skipped heading level","enabled":true,"category":"headings","severity":"major","wcagLevel":"A","codeExample":{"bad":"<h1>Title</h1><h3>Subsection</h3>","good":"<h1>Title</h1><h2>Section</h2><h3>Subsection</h3>"},"description":"Heading levels should not be skipped. Screen reader users navigate by heading levels and expect a logical hierarchy.","fixSuggestion":"Use sequential heading levels without skipping (h1 → h2 → h3, not h1 → h3).","wcagCriterion":"1.3.1"},"order":12},{"id":"cmlq561xr00e7jj7qdtdxl2gf","category":"a11y_check_rules","key":"empty_heading","label":"Empty heading","icon":"Heading","value":{"title":"Empty heading element","enabled":true,"category":"headings","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<h2></h2>","good":"<h2>Our Services</h2>"},"description":"Heading element has no text content. Screen readers announce it as a heading but cannot convey its purpose.","fixSuggestion":"Add descriptive text to this heading or remove it entirely.","wcagCriterion":"2.4.6"},"order":13},{"id":"cmlq5621700e8jj7qz5cfm2h6","category":"a11y_check_rules","key":"input_missing_label","label":"Form input missing label","icon":"FormInput","value":{"title":"Form input missing label","enabled":true,"category":"forms","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input type=\"text\" placeholder=\"Enter name\">","good":"<label for=\"name\">Name</label><input id=\"name\" type=\"text\">"},"description":"Input has no associated label, aria-label, or aria-labelledby. Screen readers cannot identify this field.","fixSuggestion":"Add a <label for=\"id\"> element or aria-label attribute. Placeholder alone is not sufficient.","wcagCriterion":"4.1.2"},"order":20},{"id":"cmlq5624n00e9jj7q8oc0awlm","category":"a11y_check_rules","key":"fieldset_no_legend","label":"Fieldset without legend","icon":"FormInput","value":{"title":"Fieldset missing legend","enabled":true,"category":"forms","severity":"major","wcagLevel":"A","codeExample":{"bad":"<fieldset><input type=\"radio\"><input type=\"radio\"></fieldset>","good":"<fieldset><legend>Preferred contact method</legend><input type=\"radio\"><input type=\"radio\"></fieldset>"},"description":"A fieldset element groups related form controls but has no legend to describe the group.","fixSuggestion":"Add a <legend> element as the first child of the fieldset.","wcagCriterion":"1.3.1"},"order":21},{"id":"cmlq5628t00eajj7qb3x5w7nn","category":"a11y_check_rules","key":"autocomplete_missing","label":"Missing autocomplete attribute","icon":"FormInput","value":{"title":"Input missing autocomplete attribute","enabled":true,"category":"forms","severity":"minor","wcagLevel":"AA","codeExample":{"bad":"<input type=\"email\" name=\"email\">","good":"<input type=\"email\" name=\"email\" autocomplete=\"email\">"},"description":"Common input types (email, tel, name) should have autocomplete for easier form filling, especially for users with cognitive disabilities.","fixSuggestion":"Add the appropriate autocomplete value (e.g., autocomplete=\"email\").","wcagCriterion":"1.3.5"},"order":22},{"id":"cmlq562c800ebjj7qmft3ky65","category":"a11y_check_rules","key":"link_no_text","label":"Link has no accessible text","icon":"Link","value":{"title":"Link has no accessible text","enabled":true,"category":"links","severity":"major","wcagLevel":"A","codeExample":{"bad":"<a href=\"/about\"><img src=\"arrow.svg\"></a>","good":"<a href=\"/about\" aria-label=\"About us\"><img src=\"arrow.svg\" alt=\"\"></a>"},"description":"Link has no visible text or aria-label. Screen readers cannot convey the purpose of this link.","fixSuggestion":"Add descriptive text to the link or use aria-label.","wcagCriterion":"2.4.4"},"order":30},{"id":"cmlq562fn00ecjj7qj0vguxzw","category":"a11y_check_rules","key":"vague_link_text","label":"Vague link text","icon":"Link","value":{"title":"Vague link text","enabled":true,"category":"links","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<a href=\"/guide\">Click here</a>","good":"<a href=\"/guide\">Read our accessibility guide</a>"},"description":"Link text should describe the destination, not use generic phrases.","fixSuggestion":"Replace generic text with descriptive text like 'Read the accessibility guide'.","wcagCriterion":"2.4.4"},"order":31},{"id":"cmlq562j200edjj7q5lxjbjly","category":"a11y_check_rules","key":"link_target_blank","label":"Link opens in new tab without warning","icon":"Link","value":{"title":"Link opens in new tab without warning","enabled":true,"category":"links","severity":"minor","wcagLevel":"AAA","codeExample":{"bad":"<a href=\"/doc\" target=\"_blank\">Documentation</a>","good":"<a href=\"/doc\" target=\"_blank\" rel=\"noopener\">Documentation (opens in new tab)</a>"},"description":"Links with target=\"_blank\" open in a new tab, which can be disorienting for screen reader users if not indicated.","fixSuggestion":"Add '(opens in new tab)' to the link text or use aria-label to indicate the behavior.","wcagCriterion":"3.2.5"},"order":32},{"id":"cmlq562nf00eejj7qrr2zs3ok","category":"a11y_check_rules","key":"empty_href","label":"Link with empty or hash-only href","icon":"Link","value":{"title":"Link with empty or placeholder href","enabled":true,"category":"links","severity":"major","wcagLevel":"A","codeExample":{"bad":"<a href=\"#\" onclick=\"doSomething()\">Submit</a>","good":"<button type=\"button\" onclick=\"doSomething()\">Submit</button>"},"description":"Link has href=\"\" or href=\"#\" which doesn't navigate anywhere. Use a button instead if it triggers an action.","fixSuggestion":"Use a <button> for actions, or provide a valid destination URL.","wcagCriterion":"2.4.4"},"order":33},{"id":"cmlq562qv00efjj7qtaaurpjx","category":"a11y_check_rules","key":"missing_lang","label":"Missing lang attribute","icon":"Globe","value":{"title":"Missing lang attribute","enabled":true,"category":"language","severity":"critical","wcagLevel":"A","codeExample":{"bad":"<html><head>...</head></html>","good":"<html lang=\"en\"><head>...</head></html>"},"description":"The <html> element has no lang attribute. Screen readers need this to select the correct pronunciation.","fixSuggestion":"Add lang=\"en\" (or appropriate language code) to the <html> element.","wcagCriterion":"3.1.1"},"order":40},{"id":"cmlq562uy00egjj7qp5sy9dhm","category":"a11y_check_rules","key":"invalid_lang","label":"Invalid lang attribute","icon":"Globe","value":{"title":"Invalid lang attribute","enabled":true,"category":"language","severity":"major","wcagLevel":"A","codeExample":{"bad":"<html lang=\"x\">","good":"<html lang=\"en\">"},"description":"The lang attribute value appears invalid. Must be a valid BCP 47 language tag.","fixSuggestion":"Use a valid BCP 47 language code like \"en\", \"es\", \"fr\", \"hi\".","wcagCriterion":"3.1.1"},"order":41},{"id":"cmlq562yf00ehjj7q10odg6m4","category":"a11y_check_rules","key":"duplicate_id","label":"Duplicate ID","icon":"LayoutList","value":{"title":"Duplicate ID found","enabled":true,"category":"structure","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div id=\"main\">A</div><div id=\"main\">B</div>","good":"<div id=\"main-content\">A</div><div id=\"sidebar\">B</div>"},"description":"IDs must be unique. Duplicate IDs break ARIA references and screen reader associations.","fixSuggestion":"Ensure each ID is unique across the entire page.","wcagCriterion":"4.1.1"},"order":50},{"id":"cmlq5631w00eijj7q1locg441","category":"a11y_check_rules","key":"no_skip_nav","label":"No skip navigation link","icon":"LayoutList","value":{"title":"No skip navigation link","enabled":true,"category":"structure","severity":"major","wcagLevel":"A","codeExample":{"bad":"<body><nav>...long nav...</nav><main>...</main></body>","good":"<body><a href=\"#main\" class=\"skip-link\">Skip to main content</a><nav>...</nav><main id=\"main\">...</main></body>"},"description":"No 'skip to content' link found. Keyboard users need a way to bypass repeated navigation blocks.","fixSuggestion":"Add a 'Skip to main content' link as the first focusable element on the page.","wcagCriterion":"2.4.1"},"order":51},{"id":"cmlq5635b00ejjj7q4y0vrj7i","category":"a11y_check_rules","key":"no_main_landmark","label":"No main landmark","icon":"LayoutList","value":{"title":"No main landmark","enabled":true,"category":"structure","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<body><div class=\"content\">...</div></body>","good":"<body><main>...</main></body>"},"description":"No <main> element or role=\"main\" found. Screen reader users use landmarks to navigate page regions.","fixSuggestion":"Wrap the primary content in a <main> element.","wcagCriterion":"1.3.1"},"order":52},{"id":"cmlq5638q00ekjj7qe6dubpuj","category":"a11y_check_rules","key":"no_nav_landmark","label":"No navigation landmark","icon":"LayoutList","value":{"title":"No navigation landmark","enabled":true,"category":"structure","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<div class=\"nav\"><a href=\"/\">Home</a></div>","good":"<nav aria-label=\"Main navigation\"><a href=\"/\">Home</a></nav>"},"description":"No <nav> element or role=\"navigation\" found. Screen reader users rely on landmarks for page navigation.","fixSuggestion":"Wrap navigation links in a <nav> element.","wcagCriterion":"1.3.1"},"order":53},{"id":"cmlq563c500eljj7qgijfoiho","category":"a11y_check_rules","key":"no_page_title","label":"Missing page title","icon":"LayoutList","value":{"title":"Missing or empty page title","enabled":true,"category":"structure","severity":"critical","wcagLevel":"A","codeExample":{"bad":"<head></head>","good":"<head><title>About Us

6:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://skylinode.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https://skylinode.com/products\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Accessibility Auditor\",\"item\":\"https://skylinode.com/products/accessibility-auditor\"}]}"}}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"Skylinode Accessibility Auditor\",\"description\":\"Free WCAG 2.2 compliance checker with 48 automated checks across color contrast, headings, ARIA, forms, and more.\",\"url\":\"https://skylinode.com/products/accessibility-auditor\",\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"Web Browser\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"INR\"}}"}}],["$","$L26",null,{"toolName":"Accessibility Auditor","children":["$","$L27",null,{"checkCategories":[{"id":"cmlq55zlt00dkjj7qj83kkse7","category":"a11y_check_categories","key":"images","label":"Images & Media","icon":"Image","value":{"checkCount":5,"description":"Checks for alternative text on images and SVGs","wcagPrinciple":"perceivable"},"order":1},{"id":"cmlq55zp800dljj7qnmbqo3mj","category":"a11y_check_categories","key":"headings","label":"Headings","icon":"Heading","value":{"checkCount":4,"description":"Checks heading hierarchy and structure","wcagPrinciple":"perceivable"},"order":2},{"id":"cmlq55ztc00dmjj7qde9vcn5y","category":"a11y_check_categories","key":"contrast","label":"Color Contrast","icon":"Palette","value":{"checkCount":2,"description":"Checks color contrast ratios for text readability","wcagPrinciple":"perceivable"},"order":3},{"id":"cmlq55zwt00dnjj7q1s29kvv3","category":"a11y_check_categories","key":"forms","label":"Forms","icon":"FormInput","value":{"checkCount":3,"description":"Checks form inputs for proper labels and associations","wcagPrinciple":"perceivable"},"order":4},{"id":"cmlq5600800dojj7q85tht76w","category":"a11y_check_categories","key":"links","label":"Links","icon":"Link","value":{"checkCount":4,"description":"Checks links for accessible text and proper behavior","wcagPrinciple":"operable"},"order":5},{"id":"cmlq5603m00dpjj7qjpo89p0l","category":"a11y_check_categories","key":"aria","label":"ARIA","icon":"Accessibility","value":{"checkCount":5,"description":"Checks ARIA attributes for correctness and completeness","wcagPrinciple":"robust"},"order":6},{"id":"cmlq5607x00dqjj7qor6dtvv7","category":"a11y_check_categories","key":"keyboard","label":"Keyboard","icon":"Keyboard","value":{"checkCount":2,"description":"Checks keyboard accessibility and focus management","wcagPrinciple":"operable"},"order":7},{"id":"cmlq560bd00drjj7qxewn48bl","category":"a11y_check_categories","key":"language","label":"Language","icon":"Globe","value":{"checkCount":2,"description":"Checks document language declaration","wcagPrinciple":"understandable"},"order":8},{"id":"cmlq560es00dsjj7qia8hpy7q","category":"a11y_check_categories","key":"structure","label":"Document Structure","icon":"LayoutList","value":{"checkCount":5,"description":"Checks page structure, landmarks, and semantic HTML","wcagPrinciple":"perceivable"},"order":9},{"id":"cmlq560i700dtjj7qleoeuic4","category":"a11y_check_categories","key":"tables","label":"Tables","icon":"Table","value":{"checkCount":4,"description":"Checks data tables for proper headers and structure","wcagPrinciple":"perceivable"},"order":10},{"id":"cmlq560mk00dujj7qv2uw51zo","category":"a11y_check_categories","key":"media","label":"Media","icon":"Video","value":{"checkCount":3,"description":"Checks video and audio elements for captions and transcripts","wcagPrinciple":"perceivable"},"order":11},{"id":"cmlq560q000dvjj7qjzem001h","category":"a11y_check_categories","key":"document","label":"Document","icon":"FileText","value":{"checkCount":4,"description":"Checks document-level properties like title, viewport, and iframes","wcagPrinciple":"robust"},"order":12},{"id":"cmlq560te00dwjj7q67lquv95","category":"a11y_check_categories","key":"touch_targets","label":"Touch Targets","icon":"Pointer","value":{"checkCount":1,"description":"Checks that interactive elements meet minimum touch target size requirements","wcagPrinciple":"operable"},"order":13},{"id":"cmlq560wt00dxjj7qsqopdatj","category":"a11y_check_categories","key":"aria_validity","label":"ARIA Validity","icon":"Accessibility","value":{"checkCount":13,"description":"Validates correct usage of ARIA roles, attributes, and values per WAI-ARIA 1.2","wcagPrinciple":"robust"},"order":14},{"id":"cmlq5611300dyjj7qezv0r4gj","category":"a11y_check_categories","key":"forms_advanced","label":"Form Errors & Instructions","icon":"FormInput","value":{"checkCount":8,"description":"Checks for proper error identification, format hints, and form instructions per WCAG 3.3","wcagPrinciple":"understandable"},"order":15}],"checkRules":[{"id":"cmlq5614j00dzjj7q1fe92xig","category":"a11y_check_rules","key":"img_missing_alt","label":"Image missing alt text","icon":"Image","value":{"title":"Image missing alt text","enabled":true,"category":"images","severity":"critical","wcagLevel":"A","codeExample":{"bad":"

","good":" $\"Team$ "},"description":"Image has no alt attribute. Screen readers cannot describe this image to blind users.","fixSuggestion":"Add an alt attribute describing the image, or use alt=\"\" for decorative images.","wcagCriterion":"1.1.1"},"order":1},{"id":"cmlq5617z00e0jj7qc6g06kkc","category":"a11y_check_rules","key":"img_empty_alt_informational","label":"Potentially informational image with empty alt","icon":"Image","value":{"title":"Image has empty alt text","enabled":true,"category":"images","severity":"minor","wcagLevel":"A","codeExample":{"bad":" $\"\"$ ","good":" $\"Sales$ "},"description":"Image marked as decorative (empty alt). Verify this is intentional.","fixSuggestion":"If this image conveys information, add descriptive alt text.","wcagCriterion":"1.1.1"},"order":2},{"id":"cmlq561bf00e1jj7qvgrcium8","category":"a11y_check_rules","key":"svg_missing_name","label":"SVG missing accessible name","icon":"Image","value":{"title":"SVG missing accessible name","enabled":true,"category":"images","severity":"minor","wcagLevel":"A","codeExample":{"bad":"","good":""},"description":"SVG element has no aria-label, aria-labelledby, or title element.","fixSuggestion":"Add aria-label, aria-labelledby, or a element inside the SVG.","wcagCriterion":"1.1.1"},"order":3},{"id":"cmlq561fp00e2jj7qla0vp9un","category":"a11y_check_rules","key":"img_alt_too_long","label":"Image alt text too long","icon":"Image","value":{"title":"Image alt text exceeds 125 characters","enabled":true,"category":"images","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<img alt=\"This is a very long description that goes into excessive detail about every aspect of the image which makes screen reader navigation tedious...\">","good":"<img alt=\"Company logo\" aria-describedby=\"logo-desc\">"},"description":"Long alt text can be disruptive to screen reader users. Consider using aria-describedby for detailed descriptions.","fixSuggestion":"Keep alt text under 125 characters. Use aria-describedby for longer descriptions.","wcagCriterion":"1.1.1"},"order":4},{"id":"cmlq561j500e3jj7qwvyb3wx3","category":"a11y_check_rules","key":"img_filename_alt","label":"Image alt text looks like a filename","icon":"Image","value":{"title":"Image alt text appears to be a filename","enabled":true,"category":"images","severity":"major","wcagLevel":"A","codeExample":{"bad":"<img alt=\"IMG_20240315_001.jpg\">","good":"<img alt=\"Sunset over the Golden Gate Bridge\">"},"description":"Alt text contains a file extension, suggesting it was auto-generated from the filename rather than being descriptive.","fixSuggestion":"Replace the filename with a meaningful description of the image content.","wcagCriterion":"1.1.1"},"order":5},{"id":"cmlq561mk00e4jj7qe22tuq4a","category":"a11y_check_rules","key":"no_h1","label":"No h1 heading found","icon":"Heading","value":{"title":"No h1 heading found","enabled":true,"category":"headings","severity":"major","wcagLevel":"A","codeExample":{"bad":"<body><h2>Welcome</h2></body>","good":"<body><h1>Welcome to Our Site</h1><h2>About Us</h2></body>"},"description":"The page has no h1 heading. Every page should have exactly one h1 that describes its main purpose.","fixSuggestion":"Add an h1 element that describes the main purpose of the page.","wcagCriterion":"1.3.1"},"order":10},{"id":"cmlq561py00e5jj7qzbtj2s93","category":"a11y_check_rules","key":"multiple_h1","label":"Multiple h1 headings","icon":"Heading","value":{"title":"Multiple h1 headings found","enabled":true,"category":"headings","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<h1>Title</h1><h1>Another Title</h1>","good":"<h1>Main Title</h1><h2>Section Title</h2>"},"description":"Best practice is to have a single h1 per page to clearly identify the main topic.","fixSuggestion":"Use a single h1 for the main heading. Use h2-h6 for subsections.","wcagCriterion":"1.3.1"},"order":11},{"id":"cmlq561ua00e6jj7q6k8ey51w","category":"a11y_check_rules","key":"skipped_heading_level","label":"Skipped heading level","icon":"Heading","value":{"title":"Skipped heading level","enabled":true,"category":"headings","severity":"major","wcagLevel":"A","codeExample":{"bad":"<h1>Title</h1><h3>Subsection</h3>","good":"<h1>Title</h1><h2>Section</h2><h3>Subsection</h3>"},"description":"Heading levels should not be skipped. Screen reader users navigate by heading levels and expect a logical hierarchy.","fixSuggestion":"Use sequential heading levels without skipping (h1 → h2 → h3, not h1 → h3).","wcagCriterion":"1.3.1"},"order":12},{"id":"cmlq561xr00e7jj7qdtdxl2gf","category":"a11y_check_rules","key":"empty_heading","label":"Empty heading","icon":"Heading","value":{"title":"Empty heading element","enabled":true,"category":"headings","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<h2></h2>","good":"<h2>Our Services</h2>"},"description":"Heading element has no text content. Screen readers announce it as a heading but cannot convey its purpose.","fixSuggestion":"Add descriptive text to this heading or remove it entirely.","wcagCriterion":"2.4.6"},"order":13},{"id":"cmlq5621700e8jj7qz5cfm2h6","category":"a11y_check_rules","key":"input_missing_label","label":"Form input missing label","icon":"FormInput","value":{"title":"Form input missing label","enabled":true,"category":"forms","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input type=\"text\" placeholder=\"Enter name\">","good":"<label for=\"name\">Name</label><input id=\"name\" type=\"text\">"},"description":"Input has no associated label, aria-label, or aria-labelledby. Screen readers cannot identify this field.","fixSuggestion":"Add a <label for=\"id\"> element or aria-label attribute. Placeholder alone is not sufficient.","wcagCriterion":"4.1.2"},"order":20},{"id":"cmlq5624n00e9jj7q8oc0awlm","category":"a11y_check_rules","key":"fieldset_no_legend","label":"Fieldset without legend","icon":"FormInput","value":{"title":"Fieldset missing legend","enabled":true,"category":"forms","severity":"major","wcagLevel":"A","codeExample":{"bad":"<fieldset><input type=\"radio\"><input type=\"radio\"></fieldset>","good":"<fieldset><legend>Preferred contact method</legend><input type=\"radio\"><input type=\"radio\"></fieldset>"},"description":"A fieldset element groups related form controls but has no legend to describe the group.","fixSuggestion":"Add a <legend> element as the first child of the fieldset.","wcagCriterion":"1.3.1"},"order":21},{"id":"cmlq5628t00eajj7qb3x5w7nn","category":"a11y_check_rules","key":"autocomplete_missing","label":"Missing autocomplete attribute","icon":"FormInput","value":{"title":"Input missing autocomplete attribute","enabled":true,"category":"forms","severity":"minor","wcagLevel":"AA","codeExample":{"bad":"<input type=\"email\" name=\"email\">","good":"<input type=\"email\" name=\"email\" autocomplete=\"email\">"},"description":"Common input types (email, tel, name) should have autocomplete for easier form filling, especially for users with cognitive disabilities.","fixSuggestion":"Add the appropriate autocomplete value (e.g., autocomplete=\"email\").","wcagCriterion":"1.3.5"},"order":22},{"id":"cmlq562c800ebjj7qmft3ky65","category":"a11y_check_rules","key":"link_no_text","label":"Link has no accessible text","icon":"Link","value":{"title":"Link has no accessible text","enabled":true,"category":"links","severity":"major","wcagLevel":"A","codeExample":{"bad":"<a href=\"/about\"><img src=\"arrow.svg\"></a>","good":"<a href=\"/about\" aria-label=\"About us\"><img src=\"arrow.svg\" alt=\"\"></a>"},"description":"Link has no visible text or aria-label. Screen readers cannot convey the purpose of this link.","fixSuggestion":"Add descriptive text to the link or use aria-label.","wcagCriterion":"2.4.4"},"order":30},{"id":"cmlq562fn00ecjj7qj0vguxzw","category":"a11y_check_rules","key":"vague_link_text","label":"Vague link text","icon":"Link","value":{"title":"Vague link text","enabled":true,"category":"links","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<a href=\"/guide\">Click here</a>","good":"<a href=\"/guide\">Read our accessibility guide</a>"},"description":"Link text should describe the destination, not use generic phrases.","fixSuggestion":"Replace generic text with descriptive text like 'Read the accessibility guide'.","wcagCriterion":"2.4.4"},"order":31},{"id":"cmlq562j200edjj7q5lxjbjly","category":"a11y_check_rules","key":"link_target_blank","label":"Link opens in new tab without warning","icon":"Link","value":{"title":"Link opens in new tab without warning","enabled":true,"category":"links","severity":"minor","wcagLevel":"AAA","codeExample":{"bad":"<a href=\"/doc\" target=\"_blank\">Documentation</a>","good":"<a href=\"/doc\" target=\"_blank\" rel=\"noopener\">Documentation (opens in new tab)</a>"},"description":"Links with target=\"_blank\" open in a new tab, which can be disorienting for screen reader users if not indicated.","fixSuggestion":"Add '(opens in new tab)' to the link text or use aria-label to indicate the behavior.","wcagCriterion":"3.2.5"},"order":32},{"id":"cmlq562nf00eejj7qrr2zs3ok","category":"a11y_check_rules","key":"empty_href","label":"Link with empty or hash-only href","icon":"Link","value":{"title":"Link with empty or placeholder href","enabled":true,"category":"links","severity":"major","wcagLevel":"A","codeExample":{"bad":"<a href=\"#\" onclick=\"doSomething()\">Submit</a>","good":"<button type=\"button\" onclick=\"doSomething()\">Submit</button>"},"description":"Link has href=\"\" or href=\"#\" which doesn't navigate anywhere. Use a button instead if it triggers an action.","fixSuggestion":"Use a <button> for actions, or provide a valid destination URL.","wcagCriterion":"2.4.4"},"order":33},{"id":"cmlq562qv00efjj7qtaaurpjx","category":"a11y_check_rules","key":"missing_lang","label":"Missing lang attribute","icon":"Globe","value":{"title":"Missing lang attribute","enabled":true,"category":"language","severity":"critical","wcagLevel":"A","codeExample":{"bad":"<html><head>...</head></html>","good":"<html lang=\"en\"><head>...</head></html>"},"description":"The <html> element has no lang attribute. Screen readers need this to select the correct pronunciation.","fixSuggestion":"Add lang=\"en\" (or appropriate language code) to the <html> element.","wcagCriterion":"3.1.1"},"order":40},{"id":"cmlq562uy00egjj7qp5sy9dhm","category":"a11y_check_rules","key":"invalid_lang","label":"Invalid lang attribute","icon":"Globe","value":{"title":"Invalid lang attribute","enabled":true,"category":"language","severity":"major","wcagLevel":"A","codeExample":{"bad":"<html lang=\"x\">","good":"<html lang=\"en\">"},"description":"The lang attribute value appears invalid. Must be a valid BCP 47 language tag.","fixSuggestion":"Use a valid BCP 47 language code like \"en\", \"es\", \"fr\", \"hi\".","wcagCriterion":"3.1.1"},"order":41},{"id":"cmlq562yf00ehjj7q10odg6m4","category":"a11y_check_rules","key":"duplicate_id","label":"Duplicate ID","icon":"LayoutList","value":{"title":"Duplicate ID found","enabled":true,"category":"structure","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div id=\"main\">A</div><div id=\"main\">B</div>","good":"<div id=\"main-content\">A</div><div id=\"sidebar\">B</div>"},"description":"IDs must be unique. Duplicate IDs break ARIA references and screen reader associations.","fixSuggestion":"Ensure each ID is unique across the entire page.","wcagCriterion":"4.1.1"},"order":50},{"id":"cmlq5631w00eijj7q1locg441","category":"a11y_check_rules","key":"no_skip_nav","label":"No skip navigation link","icon":"LayoutList","value":{"title":"No skip navigation link","enabled":true,"category":"structure","severity":"major","wcagLevel":"A","codeExample":{"bad":"<body><nav>...long nav...</nav><main>...</main></body>","good":"<body><a href=\"#main\" class=\"skip-link\">Skip to main content</a><nav>...</nav><main id=\"main\">...</main></body>"},"description":"No 'skip to content' link found. Keyboard users need a way to bypass repeated navigation blocks.","fixSuggestion":"Add a 'Skip to main content' link as the first focusable element on the page.","wcagCriterion":"2.4.1"},"order":51},{"id":"cmlq5635b00ejjj7q4y0vrj7i","category":"a11y_check_rules","key":"no_main_landmark","label":"No main landmark","icon":"LayoutList","value":{"title":"No main landmark","enabled":true,"category":"structure","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<body><div class=\"content\">...</div></body>","good":"<body><main>...</main></body>"},"description":"No <main> element or role=\"main\" found. Screen reader users use landmarks to navigate page regions.","fixSuggestion":"Wrap the primary content in a <main> element.","wcagCriterion":"1.3.1"},"order":52},{"id":"cmlq5638q00ekjj7qe6dubpuj","category":"a11y_check_rules","key":"no_nav_landmark","label":"No navigation landmark","icon":"LayoutList","value":{"title":"No navigation landmark","enabled":true,"category":"structure","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<div class=\"nav\"><a href=\"/\">Home</a></div>","good":"<nav aria-label=\"Main navigation\"><a href=\"/\">Home</a></nav>"},"description":"No <nav> element or role=\"navigation\" found. Screen reader users rely on landmarks for page navigation.","fixSuggestion":"Wrap navigation links in a <nav> element.","wcagCriterion":"1.3.1"},"order":53},{"id":"cmlq563c500eljj7qgijfoiho","category":"a11y_check_rules","key":"no_page_title","label":"Missing page title","icon":"LayoutList","value":{"title":"Missing or empty page title","enabled":true,"category":"structure","severity":"critical","wcagLevel":"A","codeExample":{"bad":"<head></head>","good":"<head><title>About Us — Skylinode"},"description":"The page has no element or it is empty. Page titles are essential for navigation and orientation.","fixSuggestion":"Add a descriptive <title> element in the <head> section.","wcagCriterion":"2.4.2"},"order":54},{"id":"cmlq563gi00emjj7q7gomjo4b","category":"a11y_check_rules","key":"aria_broken_reference","label":"ARIA reference to non-existent ID","icon":"Accessibility","value":{"title":"ARIA reference to non-existent ID","enabled":true,"category":"aria","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input aria-labelledby=\"nonexistent\">","good":"<span id=\"label\">Email</span><input aria-labelledby=\"label\">"},"description":"An aria-labelledby or aria-describedby references an ID that does not exist on the page.","fixSuggestion":"Ensure the referenced element with that ID exists, or remove the broken reference.","wcagCriterion":"1.3.1"},"order":60},{"id":"cmlq563s200enjj7q8quby615","category":"a11y_check_rules","key":"aria_hidden_focusable","label":"Focusable element hidden with aria-hidden","icon":"Accessibility","value":{"title":"Focusable element hidden with aria-hidden","enabled":true,"category":"aria","severity":"major","wcagLevel":"A","codeExample":{"bad":"<button aria-hidden=\"true\">Close</button>","good":"<button aria-hidden=\"true\" tabindex=\"-1\">Close</button>"},"description":"An element with aria-hidden=\"true\" is still focusable. This creates a confusing experience for screen reader users.","fixSuggestion":"Add tabindex=\"-1\" to prevent focus, or remove aria-hidden.","wcagCriterion":"4.1.2"},"order":61},{"id":"cmlq563z800eojj7q30k1r8n1","category":"a11y_check_rules","key":"positive_tabindex","label":"Positive tabindex value","icon":"Accessibility","value":{"title":"Positive tabindex value","enabled":true,"category":"aria","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<div tabindex=\"5\">Content</div>","good":"<div tabindex=\"0\">Content</div>"},"description":"Positive tabindex values override natural tab order and create confusion for keyboard users.","fixSuggestion":"Use tabindex=\"0\" for focusable elements and tabindex=\"-1\" for programmatic focus only.","wcagCriterion":"2.4.3"},"order":62},{"id":"cmlq5642o00epjj7qrmrlfara","category":"a11y_check_rules","key":"redundant_role","label":"Redundant ARIA role","icon":"Accessibility","value":{"title":"Redundant ARIA role on native element","enabled":true,"category":"aria","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<button role=\"button\">Submit</button>","good":"<button>Submit</button>"},"description":"Native HTML elements already have implicit roles. Adding an explicit role that matches the implicit role is redundant.","fixSuggestion":"Remove the redundant role attribute. The native element already provides the correct semantics.","wcagCriterion":"4.1.2"},"order":63},{"id":"cmlq5646300eqjj7qka1cbznt","category":"a11y_check_rules","key":"missing_aria_label_interactive","label":"Interactive element missing accessible name","icon":"Accessibility","value":{"title":"Button or interactive element missing accessible name","enabled":true,"category":"aria","severity":"major","wcagLevel":"A","codeExample":{"bad":"<button><svg>...</svg></button>","good":"<button aria-label=\"Close dialog\"><svg>...</svg></button>"},"description":"A button or interactive element has no text content, aria-label, or aria-labelledby. Screen readers cannot convey its purpose.","fixSuggestion":"Add visible text, aria-label, or aria-labelledby to the element.","wcagCriterion":"4.1.2"},"order":64},{"id":"cmlq5649p00erjj7qafol0yns","category":"a11y_check_rules","key":"contrast_very_low","label":"Very low contrast ratio","icon":"Palette","value":{"title":"Very low contrast ratio (< 3:1)","enabled":true,"category":"contrast","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<p style=\"color: #aaa; background: #fff\">Hard to read</p>","good":"<p style=\"color: #333; background: #fff\">Easy to read</p>"},"description":"Text has a contrast ratio below 3:1, making it extremely difficult to read for users with low vision.","fixSuggestion":"Increase contrast to at least 4.5:1 for normal text (7:1 for AAA compliance).","wcagCriterion":"1.4.3"},"order":70},{"id":"cmlq564d500esjj7qn1583cv0","category":"a11y_check_rules","key":"contrast_low","label":"Low contrast ratio","icon":"Palette","value":{"title":"Low contrast ratio (< 4.5:1)","enabled":true,"category":"contrast","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<p style=\"color: #767676; background: #fff\">Slightly hard</p>","good":"<p style=\"color: #595959; background: #fff\">Compliant text</p>"},"description":"Text contrast ratio is below WCAG AA requirement of 4.5:1 for normal text.","fixSuggestion":"Increase contrast to at least 4.5:1 for AA compliance.","wcagCriterion":"1.4.3"},"order":71},{"id":"cmlq564gl00etjj7qjh0svhx3","category":"a11y_check_rules","key":"mouse_only_handler","label":"Mouse-only event handler","icon":"Keyboard","value":{"title":"Mouse-only event handler","enabled":true,"category":"keyboard","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div onclick=\"handleClick()\">Click me</div>","good":"<button onclick=\"handleClick()\">Click me</button>"},"description":"Element has onclick but no keyboard event handler. Keyboard users cannot activate this element.","fixSuggestion":"Add an onkeydown handler, or use a natively interactive element like <button>.","wcagCriterion":"2.1.1"},"order":80},{"id":"cmlq564k100eujj7qj4abbyi7","category":"a11y_check_rules","key":"non_interactive_tabindex","label":"Non-interactive element with tabindex","icon":"Keyboard","value":{"title":"Non-interactive element with tabindex","enabled":true,"category":"keyboard","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<div tabindex=\"0\">Interactive content</div>","good":"<div tabindex=\"0\" role=\"button\">Interactive content</div>"},"description":"A div or span has tabindex=\"0\" (focusable) but no role attribute to indicate its purpose.","fixSuggestion":"Add an appropriate ARIA role (e.g., role=\"button\") or use a native interactive element.","wcagCriterion":"2.1.1"},"order":81},{"id":"cmlq564o800evjj7qut8uu3en","category":"a11y_check_rules","key":"table_no_headers","label":"Data table without headers","icon":"Table","value":{"title":"Data table missing header cells","enabled":true,"category":"tables","severity":"major","wcagLevel":"A","codeExample":{"bad":"<table><tr><td>Name</td><td>Age</td></tr></table>","good":"<table><tr><th>Name</th><th>Age</th></tr><tr><td>Alice</td><td>30</td></tr></table>"},"description":"Table has no <th> elements. Screen readers need header cells to associate data with column/row labels.","fixSuggestion":"Use <th> elements for column and row headers.","wcagCriterion":"1.3.1"},"order":90},{"id":"cmlq564rn00ewjj7qa3rhcahw","category":"a11y_check_rules","key":"table_no_caption","label":"Table without caption","icon":"Table","value":{"title":"Table missing caption","enabled":true,"category":"tables","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<table><tr><th>Name</th></tr></table>","good":"<table><caption>Employee Directory</caption><tr><th>Name</th></tr></table>"},"description":"Table has no <caption> element to describe its purpose. Captions help screen reader users understand the table's context.","fixSuggestion":"Add a <caption> element as the first child of the table.","wcagCriterion":"1.3.1"},"order":91},{"id":"cmlq564v200exjj7q556ua1rt","category":"a11y_check_rules","key":"table_scope_missing","label":"Table header missing scope","icon":"Table","value":{"title":"Table header missing scope attribute","enabled":true,"category":"tables","severity":"major","wcagLevel":"A","codeExample":{"bad":"<th>Name</th>","good":"<th scope=\"col\">Name</th>"},"description":"A <th> element lacks a scope attribute. Scope clarifies whether it's a column or row header.","fixSuggestion":"Add scope=\"col\" for column headers or scope=\"row\" for row headers.","wcagCriterion":"1.3.1"},"order":92},{"id":"cmlq564yg00eyjj7qbjon1f3z","category":"a11y_check_rules","key":"layout_table","label":"Possible layout table","icon":"Table","value":{"title":"Possible layout table detected","enabled":true,"category":"tables","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<table><tr><td>Left</td><td>Right</td></tr></table>","good":"<table role=\"presentation\"><tr><td>Left</td><td>Right</td></tr></table>"},"description":"Table has no <th>, <caption>, or summary. It may be used for layout rather than data. Layout tables should use role=\"presentation\".","fixSuggestion":"If this is a layout table, add role=\"presentation\". If it's a data table, add proper headers.","wcagCriterion":"1.3.1"},"order":93},{"id":"cmlq5652t00ezjj7qme0oye00","category":"a11y_check_rules","key":"video_no_captions","label":"Video without captions","icon":"Video","value":{"title":"Video element without captions","enabled":true,"category":"media","severity":"major","wcagLevel":"A","codeExample":{"bad":"<video src=\"talk.mp4\" controls></video>","good":"<video src=\"talk.mp4\" controls><track kind=\"captions\" src=\"captions.vtt\" srclang=\"en\" label=\"English\"></video>"},"description":"Video has no <track kind=\"captions\"> or <track kind=\"subtitles\">. Deaf and hard-of-hearing users cannot access the audio content.","fixSuggestion":"Add a <track> element with kind=\"captions\" and a WebVTT file.","wcagCriterion":"1.2.2"},"order":100},{"id":"cmlq5656900f0jj7qs80c3ko0","category":"a11y_check_rules","key":"audio_no_transcript","label":"Audio without transcript","icon":"Video","value":{"title":"Audio element may lack transcript","enabled":true,"category":"media","severity":"major","wcagLevel":"A","codeExample":{"bad":"<audio src=\"podcast.mp3\" controls></audio>","good":"<audio src=\"podcast.mp3\" controls></audio><a href=\"/transcript\">Read transcript</a>"},"description":"Audio element detected without a nearby transcript. Deaf users need a text alternative for audio content.","fixSuggestion":"Provide a text transcript near the audio element or link to a separate transcript page.","wcagCriterion":"1.2.1"},"order":101},{"id":"cmlq5659o00f1jj7qlpfipgj0","category":"a11y_check_rules","key":"autoplay_media","label":"Auto-playing media","icon":"Video","value":{"title":"Media element with autoplay","enabled":true,"category":"media","severity":"major","wcagLevel":"A","codeExample":{"bad":"<video autoplay src=\"promo.mp4\"></video>","good":"<video autoplay muted src=\"promo.mp4\"></video>"},"description":"Video or audio has autoplay attribute without muted. Auto-playing sound can be disorienting and interfere with screen readers.","fixSuggestion":"Remove autoplay, or add the muted attribute if autoplay is necessary.","wcagCriterion":"1.4.2"},"order":102},{"id":"cmlq565d600f2jj7q1z4dhsec","category":"a11y_check_rules","key":"iframe_no_title","label":"iframe without title","icon":"FileText","value":{"title":"iframe missing title attribute","enabled":true,"category":"document","severity":"major","wcagLevel":"A","codeExample":{"bad":"<iframe src=\"https://maps.google.com/...\"></iframe>","good":"<iframe src=\"https://maps.google.com/...\" title=\"Office location map\"></iframe>"},"description":"An iframe has no title attribute. Screen reader users need a title to understand the iframe's purpose before navigating into it.","fixSuggestion":"Add a title attribute describing the iframe content.","wcagCriterion":"2.4.1"},"order":110},{"id":"cmlq565hd00f3jj7q0x4pa4js","category":"a11y_check_rules","key":"text_too_small","label":"Text size too small","icon":"FileText","value":{"title":"Text size appears too small","enabled":true,"category":"document","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<p style=\"font-size: 8px\">Tiny text</p>","good":"<p style=\"font-size: 1rem\">Readable text</p>"},"description":"An element has inline style with font-size below 12px. Small text is difficult to read for users with low vision.","fixSuggestion":"Use a minimum font-size of 12px (preferably 16px for body text). Use relative units like rem.","wcagCriterion":"1.4.4"},"order":111},{"id":"cmlq565kr00f4jj7qili50ewv","category":"a11y_check_rules","key":"meta_refresh_redirect","label":"Meta refresh redirect","icon":"FileText","value":{"title":"Meta refresh with redirect or timeout","enabled":true,"category":"document","severity":"major","wcagLevel":"A","codeExample":{"bad":"<meta http-equiv=\"refresh\" content=\"5;url=https://example.com\">","good":""},"description":"A meta refresh tag was found. Automatic page refreshes or redirects can be disorienting for screen reader users.","fixSuggestion":"Use server-side redirects (HTTP 301/302) instead of meta refresh. Remove timed refreshes.","wcagCriterion":"2.2.1"},"order":112},{"id":"cmlq565of00f5jj7qdxp1esaa","category":"a11y_check_rules","key":"meta_viewport_no_zoom","label":"Viewport prevents zooming","icon":"FileText","value":{"title":"Viewport meta tag prevents zooming","enabled":true,"category":"document","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<meta name=\"viewport\" content=\"width=device-width, user-scalable=no\">","good":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"},"description":"The viewport meta tag has user-scalable=no or maximum-scale<=1, preventing users from zooming. Users with low vision rely on zoom.","fixSuggestion":"Remove user-scalable=no and ensure maximum-scale is at least 5 (or remove it).","wcagCriterion":"1.4.4"},"order":113},{"id":"cmlq565ru00f6jj7q033sqeo2","category":"a11y_check_rules","key":"contrast_low_large_text","label":"Low contrast on large text","icon":"Palette","value":{"title":"Large text fails 3:1 contrast minimum","enabled":true,"category":"contrast","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<h1 style=\"color: #999; background: #fff\">Low contrast heading</h1>","good":"<h1 style=\"color: #595959; background: #fff\">Accessible heading</h1>"},"description":"Large text (>=18pt or >=14pt bold) has a contrast ratio below the 3:1 WCAG AA minimum for large text.","fixSuggestion":"Increase the contrast ratio to at least 3:1 for large text. Use darker text on light backgrounds or lighter text on dark backgrounds.","wcagCriterion":"1.4.3"},"order":114},{"id":"cmlq565vz00f7jj7q3jusq911","category":"a11y_check_rules","key":"focus_indicator_missing","label":"Missing focus indicator","icon":"Keyboard","value":{"title":"No visible focus indicator on interactive element","enabled":true,"category":"keyboard","severity":"major","wcagLevel":"AA","codeExample":{"bad":"button:focus { outline: none; }","good":"button:focus-visible { outline: 2px solid #4A90D9; outline-offset: 2px; }"},"description":"An interactive element (button, link, input) has no visible focus indicator such as an outline or box-shadow. Keyboard users cannot see which element is focused.","fixSuggestion":"Add a visible focus style using CSS outline or box-shadow. Never use outline: none without providing an alternative focus indicator.","wcagCriterion":"2.4.7"},"order":115},{"id":"cmlq565zf00f8jj7qypfwp7bt","category":"a11y_check_rules","key":"touch_target_too_small","label":"Touch target too small","icon":"Pointer","value":{"title":"Interactive element smaller than 24x24px","enabled":true,"category":"touch_targets","severity":"major","wcagLevel":"AA","codeExample":{"bad":"<button style=\"width: 16px; height: 16px\">X</button>","good":"<button style=\"min-width: 24px; min-height: 24px; padding: 4px\">X</button>"},"description":"The interactive element's click/touch target is smaller than the WCAG 2.5.8 minimum of 24x24 CSS pixels, making it difficult to activate on touch devices.","fixSuggestion":"Increase the element's size or add padding so the touch target is at least 24x24px.","wcagCriterion":"2.5.8"},"order":116},{"id":"cmlq5662v00f9jj7qp9eqxuhb","category":"a11y_check_rules","key":"aria_invalid_role","label":"Invalid ARIA role","icon":"Accessibility","value":{"title":"Invalid ARIA role value","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"buton\">Click me</div>","good":"<div role=\"button\" tabindex=\"0\">Click me</div>"},"description":"The role attribute contains a value that is not a valid WAI-ARIA role. Assistive technology will ignore or misinterpret this element.","fixSuggestion":"Use a valid WAI-ARIA role from the specification (e.g., button, link, navigation, dialog).","wcagCriterion":"4.1.2"},"order":117},{"id":"cmlq5666a00fajj7qpvsh8ut7","category":"a11y_check_rules","key":"aria_abstract_role","label":"Abstract ARIA role used","icon":"Accessibility","value":{"title":"Abstract ARIA role used on element","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"widget\">Control</div>","good":"<div role=\"button\" tabindex=\"0\">Control</div>"},"description":"Abstract roles (like 'widget', 'input', 'landmark') are base types in the ARIA taxonomy and must never be used directly on elements.","fixSuggestion":"Replace the abstract role with a concrete role. For example, use 'button' instead of 'widget', or 'navigation' instead of 'landmark'.","wcagCriterion":"4.1.2"},"order":118},{"id":"cmlq566ah00fbjj7qou5qiy66","category":"a11y_check_rules","key":"aria_required_attr","label":"Required ARIA attribute missing","icon":"Accessibility","value":{"title":"Required ARIA attribute missing for role","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"checkbox\">Accept terms</div>","good":"<div role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">Accept terms</div>"},"description":"Certain ARIA roles require specific attributes to function correctly. Without them, assistive technology cannot convey the element's state.","fixSuggestion":"Add the required ARIA attribute for the element's role (e.g., aria-checked for checkbox, aria-expanded for combobox).","wcagCriterion":"4.1.2"},"order":119},{"id":"cmlq566g000fcjj7qmni08y3w","category":"a11y_check_rules","key":"aria_invalid_attr_value","label":"Invalid ARIA attribute value","icon":"Accessibility","value":{"title":"ARIA attribute has invalid value","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"checkbox\" aria-checked=\"yes\">Option</div>","good":"<div role=\"checkbox\" aria-checked=\"true\">Option</div>"},"description":"An aria-* attribute contains a value that does not match the expected type or enumerated values for that attribute.","fixSuggestion":"Check the WAI-ARIA specification for valid values. Boolean attributes accept 'true'/'false', not 'yes'/'no'.","wcagCriterion":"4.1.2"},"order":120},{"id":"cmlq566jf00fdjj7q996jorhr","category":"a11y_check_rules","key":"aria_required_children","label":"Required child role missing","icon":"Accessibility","value":{"title":"Required child role missing","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"tablist\"><div>Tab 1</div></div>","good":"<div role=\"tablist\"><div role=\"tab\">Tab 1</div></div>"},"description":"Certain container roles (like list, menu, tablist) require specific child roles to form a valid ARIA relationship tree.","fixSuggestion":"Ensure the container has children with the required roles (e.g., tablist must contain tab elements).","wcagCriterion":"4.1.2"},"order":121},{"id":"cmlq566p100fejj7q4kh6zmak","category":"a11y_check_rules","key":"aria_required_parent","label":"Required parent role missing","icon":"Accessibility","value":{"title":"Required parent role missing","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"tab\">Settings</div>","good":"<div role=\"tablist\"><div role=\"tab\">Settings</div></div>"},"description":"Certain roles (like tab, listitem, menuitem) must be contained within a specific parent role to form a valid ARIA relationship.","fixSuggestion":"Wrap the element in a parent with the required role (e.g., tab must be inside tablist).","wcagCriterion":"4.1.2"},"order":122},{"id":"cmlq566ui00ffjj7qeh4uwnp7","category":"a11y_check_rules","key":"aria_hidden_body","label":"aria-hidden on body","icon":"Accessibility","value":{"title":"aria-hidden=\"true\" on body element","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<body aria-hidden=\"true\">","good":"<body><div id=\"app\">...</div></body>"},"description":"The entire page is hidden from assistive technology. Screen reader users cannot access any content.","fixSuggestion":"Remove aria-hidden=\"true\" from the body element. If you need to hide content behind a modal, apply aria-hidden to sibling containers instead.","wcagCriterion":"4.1.2"},"order":123},{"id":"cmlq566xz00fgjj7qq4xi6c3f","category":"a11y_check_rules","key":"aria_interactive_no_tabindex","label":"Interactive role not keyboard accessible","icon":"Accessibility","value":{"title":"Interactive ARIA role on non-focusable element","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div role=\"button\">Submit</div>","good":"<div role=\"button\" tabindex=\"0\">Submit</div>"},"description":"A non-interactive element has an interactive ARIA role (like button, link, checkbox) but no tabindex, making it unreachable by keyboard.","fixSuggestion":"Add tabindex=\"0\" to make the element keyboard-focusable, or use a native interactive element like <button>.","wcagCriterion":"2.1.1"},"order":124},{"id":"cmlq5673p00fhjj7q2k22ydcm","category":"a11y_check_rules","key":"aria_conflicting_attrs","label":"Conflicting ARIA attributes","icon":"Accessibility","value":{"title":"Conflicting ARIA attributes on element","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div aria-hidden=\"true\"><button>Click</button></div>","good":"<div><button>Click</button></div>"},"description":"The element has ARIA attributes that conflict with each other (e.g., aria-hidden with focusable children, or aria-disabled with aria-required).","fixSuggestion":"Remove the conflicting attribute. Ensure aria-hidden containers have no focusable children.","wcagCriterion":"4.1.2"},"order":125},{"id":"cmlq5679700fijj7qsun9e1cb","category":"a11y_check_rules","key":"aria_empty_label","label":"Empty aria-label","icon":"Accessibility","value":{"title":"Empty aria-label attribute","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<button aria-label=\"\">Submit</button>","good":"<button aria-label=\"Submit form\">Submit</button>"},"description":"The element has an aria-label attribute but it is empty. This overrides any visible text and provides no accessible name.","fixSuggestion":"Either provide a meaningful aria-label value or remove the attribute so the visible text is used as the accessible name.","wcagCriterion":"4.1.2"},"order":126},{"id":"cmlq567cm00fjjj7qilj40z4n","category":"a11y_check_rules","key":"aria_label_ref_hidden","label":"ARIA label references hidden element","icon":"Accessibility","value":{"title":"ARIA label references a hidden element","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input aria-labelledby=\"lbl\"><span id=\"lbl\" style=\"display:none\">Name</span>","good":"<input aria-labelledby=\"lbl\"><span id=\"lbl\">Name</span>"},"description":"An aria-labelledby or aria-describedby attribute references an element that is hidden (display:none, visibility:hidden, or aria-hidden). The label text may not be exposed.","fixSuggestion":"Ensure the referenced element is visible, or use aria-label instead for static labels.","wcagCriterion":"4.1.2"},"order":127},{"id":"cmlq567ia00fkjj7q6adze8jz","category":"a11y_check_rules","key":"aria_duplicate_landmark","label":"Duplicate landmark role","icon":"Accessibility","value":{"title":"Duplicate landmark role on page","enabled":true,"category":"aria_validity","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<main>Content A</main><main>Content B</main>","good":"<main>Content A</main><aside>Content B</aside>"},"description":"The page has multiple elements with the same landmark role (banner, contentinfo, or main). Landmarks should be unique unless distinguished with aria-label.","fixSuggestion":"Use each landmark role at most once, or add aria-label to distinguish multiple instances.","wcagCriterion":"1.3.1"},"order":128},{"id":"cmlq567nq00fljj7qmi54piou","category":"a11y_check_rules","key":"aria_img_no_name","label":"role=img without accessible name","icon":"Accessibility","value":{"title":"Element with role=\"img\" has no accessible name","enabled":true,"category":"aria_validity","severity":"major","wcagLevel":"A","codeExample":{"bad":"<span role=\"img\" class=\"icon-star\"></span>","good":"<span role=\"img\" aria-label=\"Star rating\" class=\"icon-star\"></span>"},"description":"An element with role=\"img\" (often used for icon fonts or SVG groups) has no aria-label, aria-labelledby, or title to provide an accessible name.","fixSuggestion":"Add aria-label or aria-labelledby to describe the image content.","wcagCriterion":"1.1.1"},"order":129},{"id":"cmlq567r600fmjj7qr9wlva90","category":"a11y_check_rules","key":"form_required_no_attr","label":"Visual required without programmatic","icon":"FormInput","value":{"title":"Visually required field lacks required attribute","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<label for=\"email\">Email *</label><input id=\"email\">","good":"<label for=\"email\">Email *</label><input id=\"email\" required aria-required=\"true\">"},"description":"A form field appears required (label contains * or 'required') but has no required or aria-required attribute. Screen reader users won't know it's mandatory.","fixSuggestion":"Add the required attribute or aria-required=\"true\" to the input element.","wcagCriterion":"3.3.2"},"order":130},{"id":"cmlq567ww00fnjj7qr1rz8jrb","category":"a11y_check_rules","key":"form_no_submit","label":"Form has no submit button","icon":"FormInput","value":{"title":"Form has no visible submit mechanism","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<form><input type=\"text\"></form>","good":"<form><input type=\"text\"><button type=\"submit\">Submit</button></form>"},"description":"The form has no submit button, input[type=submit], or element with role=\"button\". Users may not know how to submit the form.","fixSuggestion":"Add a <button type=\"submit\"> or <input type=\"submit\"> to the form.","wcagCriterion":"3.3.2"},"order":131},{"id":"cmlq5682a00fojj7qdvhdo47c","category":"a11y_check_rules","key":"form_no_format_hint","label":"Input missing format hint","icon":"FormInput","value":{"title":"Specialized input has no format hint","enabled":true,"category":"forms_advanced","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<input type=\"email\" name=\"email\">","good":"<input type=\"email\" name=\"email\" placeholder=\"user@example.com\" aria-describedby=\"email-hint\"><span id=\"email-hint\">Enter your email address</span>"},"description":"An input with type email, url, tel, or number has no placeholder, title, aria-describedby, or pattern to indicate the expected format.","fixSuggestion":"Add a placeholder, aria-describedby pointing to hint text, or a title attribute describing the expected format.","wcagCriterion":"3.3.2"},"order":132},{"id":"cmlq5685q00fpjj7qgqw2qa4j","category":"a11y_check_rules","key":"form_error_ref_broken","label":"Broken error message reference","icon":"FormInput","value":{"title":"aria-errormessage references non-existent element","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input aria-errormessage=\"err1\">","good":"<input aria-errormessage=\"err1\"><span id=\"err1\">Please enter a valid email</span>"},"description":"The aria-errormessage attribute points to an ID that does not exist in the page. Error messages will not be announced.","fixSuggestion":"Ensure the aria-errormessage value matches an existing element's ID.","wcagCriterion":"3.3.1"},"order":133},{"id":"cmlq568bf00fqjj7q2ykd6msi","category":"a11y_check_rules","key":"form_error_no_message","label":"Invalid field without error message","icon":"FormInput","value":{"title":"Field marked invalid but no error message provided","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<input aria-invalid=\"true\">","good":"<input aria-invalid=\"true\" aria-errormessage=\"err\"><span id=\"err\" role=\"alert\">Email is required</span>"},"description":"An element with aria-invalid=\"true\" has no aria-errormessage or aria-describedby to explain the error. Screen reader users won't know what's wrong.","fixSuggestion":"Add aria-errormessage or aria-describedby pointing to the error text.","wcagCriterion":"3.3.1"},"order":134},{"id":"cmlq568gw00frjj7q2jeq1bb7","category":"a11y_check_rules","key":"form_password_no_hint","label":"Password without requirements hint","icon":"FormInput","value":{"title":"Password field has no requirements hint","enabled":true,"category":"forms_advanced","severity":"minor","wcagLevel":"A","codeExample":{"bad":"<input type=\"password\" name=\"pwd\">","good":"<input type=\"password\" name=\"pwd\" aria-describedby=\"pwd-hint\"><span id=\"pwd-hint\">Min 8 chars, 1 number, 1 special character</span>"},"description":"A password input has no visible constraints description (aria-describedby, title, or adjacent hint text). Users won't know the password requirements.","fixSuggestion":"Add aria-describedby pointing to hint text that describes password requirements.","wcagCriterion":"3.3.2"},"order":135},{"id":"cmlq568kc00fsjj7q6jdiqf2f","category":"a11y_check_rules","key":"form_no_error_region","label":"Form missing error region","icon":"FormInput","value":{"title":"Form with required fields has no error region","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<form><input required><button>Submit</button></form>","good":"<form><div role=\"alert\" id=\"errors\"></div><input required aria-errormessage=\"errors\"><button>Submit</button></form>"},"description":"A form with required fields has no live region (aria-live, role=alert, or role=status) for announcing validation errors dynamically.","fixSuggestion":"Add a container with role=\"alert\" or aria-live=\"polite\" near the form to announce errors when validation fails.","wcagCriterion":"3.3.1"},"order":136},{"id":"cmlq568q000ftjj7q4d76m8lw","category":"a11y_check_rules","key":"form_group_no_label","label":"Radio/checkbox group without label","icon":"FormInput","value":{"title":"Radio button group without group label","enabled":true,"category":"forms_advanced","severity":"major","wcagLevel":"A","codeExample":{"bad":"<div><input type=\"radio\" name=\"size\" value=\"s\"><label>Small</label><input type=\"radio\" name=\"size\" value=\"l\"><label>Large</label></div>","good":"<fieldset><legend>Size</legend><input type=\"radio\" name=\"size\" value=\"s\"><label>Small</label><input type=\"radio\" name=\"size\" value=\"l\"><label>Large</label></fieldset>"},"description":"A group of radio buttons with the same name is not wrapped in a <fieldset> with <legend> or a container with role=\"radiogroup\" and aria-label.","fixSuggestion":"Wrap the radio group in a <fieldset> with a descriptive <legend>.","wcagCriterion":"1.3.1"},"order":137}],"severityWeights":[{"id":"cmlq568vh00fujj7q845ojfqz","category":"a11y_severity_weights","key":"critical","label":"Critical","icon":"XCircle","value":{"color":"red","deduction":7,"description":"Blocks access for users with disabilities. Must be fixed immediately."},"order":1},{"id":"cmlq568yw00fvjj7qllr1orzh","category":"a11y_severity_weights","key":"major","label":"Major","icon":"AlertTriangle","value":{"color":"amber","deduction":3,"description":"Significantly impacts usability for assistive technology users."},"order":2},{"id":"cmlq5694j00fwjj7qwd2rqli3","category":"a11y_severity_weights","key":"minor","label":"Minor","icon":"Info","value":{"color":"blue","deduction":1,"description":"Best practice improvement. Low impact but recommended."},"order":3}],"scoringConfig":[{"id":"cmlq5699z00fxjj7qpbl5vq1q","category":"a11y_scoring_config","key":"default","label":"Default Scoring Configuration","icon":"Settings","value":{"baseScore":100,"levelRules":{"A":{"maxMajor":999,"maxCritical":999},"AA":{"maxMajor":2,"maxCritical":0},"AAA":{"maxMajor":0,"maxCritical":0}},"gradeThresholds":{"A":90,"B":75,"C":60,"D":40,"F":0,"A+":95}},"order":1}],"sampleUrls":[{"id":"cmlq569dd00fyjj7qjdq4ihi4","category":"a11y_sample_urls","key":"wikipedia","label":"Wikipedia","icon":"BookOpen","value":{"url":"https://www.wikipedia.org","description":"Well-structured encyclopedia with strong accessibility","expectedScore":"high"},"order":1},{"id":"cmlq569j300fzjj7qk9cf5xoc","category":"a11y_sample_urls","key":"github","label":"GitHub","icon":"Github","value":{"url":"https://github.com","description":"Developer platform with complex interactive UI","expectedScore":"medium"},"order":2},{"id":"cmlq569om00g0jj7qht1wke13","category":"a11y_sample_urls","key":"bbc","label":"BBC News","icon":"Newspaper","value":{"url":"https://www.bbc.com","description":"Major news outlet with high accessibility standards","expectedScore":"high"},"order":3},{"id":"cmlq569s000g1jj7q6amqrsyh","category":"a11y_sample_urls","key":"gov_uk","label":"GOV.UK","icon":"Landmark","value":{"url":"https://www.gov.uk","description":"UK Government — gold standard for web accessibility","expectedScore":"high"},"order":4},{"id":"cmlq569xn00g2jj7q5d3aa9au","category":"a11y_sample_urls","key":"example_com","label":"Example.com","icon":"Globe","value":{"url":"https://example.com","description":"Minimal HTML page — useful as a baseline test","expectedScore":"high"},"order":5},{"id":"cmlq56a3400g3jj7qxm4l9fzz","category":"a11y_sample_urls","key":"w3c","label":"W3C","icon":"Shield","value":{"url":"https://www.w3.org","description":"Web standards organization — strong semantic HTML","expectedScore":"high"},"order":6}],"wcagCriteria":[{"id":"cmlq56a6i00g4jj7qbjtyfofi","category":"a11y_wcag_criteria","key":"1.1.1","label":"Non-text Content","icon":"Image","value":{"name":"Non-text Content","level":"A","automated":true,"guideline":"1.1 Text Alternatives","principle":"Perceivable","description":"All non-text content has a text alternative that serves the equivalent purpose."},"order":1},{"id":"cmlq56ac800g5jj7qwqevpla0","category":"a11y_wcag_criteria","key":"1.2.1","label":"Audio-only and Video-only","icon":"Video","value":{"name":"Audio-only and Video-only (Prerecorded)","level":"A","automated":true,"guideline":"1.2 Time-based Media","principle":"Perceivable","description":"An alternative is provided for prerecorded audio-only and video-only content."},"order":2},{"id":"cmlq56ahp00g6jj7qhmctkfwh","category":"a11y_wcag_criteria","key":"1.2.2","label":"Captions (Prerecorded)","icon":"Video","value":{"name":"Captions (Prerecorded)","level":"A","automated":true,"guideline":"1.2 Time-based Media","principle":"Perceivable","description":"Captions are provided for all prerecorded audio content in synchronized media."},"order":3},{"id":"cmlq56al400g7jj7qgc2rb1co","category":"a11y_wcag_criteria","key":"1.3.1","label":"Info and Relationships","icon":"LayoutList","value":{"name":"Info and Relationships","level":"A","automated":true,"guideline":"1.3 Adaptable","principle":"Perceivable","description":"Information, structure, and relationships conveyed through presentation can be programmatically determined."},"order":4},{"id":"cmlq56aqs00g8jj7ql76n4dgl","category":"a11y_wcag_criteria","key":"1.3.5","label":"Identify Input Purpose","icon":"FormInput","value":{"name":"Identify Input Purpose","level":"AA","automated":true,"guideline":"1.3 Adaptable","principle":"Perceivable","description":"The purpose of each input field collecting information about the user can be programmatically determined."},"order":5},{"id":"cmlq56aw900g9jj7qq7ascepv","category":"a11y_wcag_criteria","key":"1.4.2","label":"Audio Control","icon":"Volume2","value":{"name":"Audio Control","level":"A","automated":true,"guideline":"1.4 Distinguishable","principle":"Perceivable","description":"A mechanism is provided to pause, stop, or control the volume of audio that plays automatically."},"order":6},{"id":"cmlq56b0k00gajj7qqq537uej","category":"a11y_wcag_criteria","key":"1.4.3","label":"Contrast (Minimum)","icon":"Palette","value":{"name":"Contrast (Minimum)","level":"AA","automated":true,"guideline":"1.4 Distinguishable","principle":"Perceivable","description":"Text has a contrast ratio of at least 4.5:1 (3:1 for large text)."},"order":7},{"id":"cmlq56b5f00gbjj7q1yrzngkt","category":"a11y_wcag_criteria","key":"1.4.4","label":"Resize Text","icon":"ZoomIn","value":{"name":"Resize Text","level":"AA","automated":true,"guideline":"1.4 Distinguishable","principle":"Perceivable","description":"Text can be resized up to 200% without loss of content or functionality."},"order":8},{"id":"cmlq56bau00gcjj7q0atpedm7","category":"a11y_wcag_criteria","key":"2.1.1","label":"Keyboard","icon":"Keyboard","value":{"name":"Keyboard","level":"A","automated":true,"guideline":"2.1 Keyboard Accessible","principle":"Operable","description":"All functionality is operable through a keyboard interface."},"order":9},{"id":"cmlq56be800gdjj7qmedui17z","category":"a11y_wcag_criteria","key":"2.2.1","label":"Timing Adjustable","icon":"Timer","value":{"name":"Timing Adjustable","level":"A","automated":true,"guideline":"2.2 Enough Time","principle":"Operable","description":"For each time limit set by the content, the user can turn off, adjust, or extend the time limit."},"order":10},{"id":"cmlq56bjy00gejj7qu0kzd3xr","category":"a11y_wcag_criteria","key":"2.4.1","label":"Bypass Blocks","icon":"SkipForward","value":{"name":"Bypass Blocks","level":"A","automated":true,"guideline":"2.4 Navigable","principle":"Operable","description":"A mechanism is available to bypass blocks of content that are repeated on multiple pages."},"order":11},{"id":"cmlq56bpd00gfjj7q3cr7cj77","category":"a11y_wcag_criteria","key":"2.4.2","label":"Page Titled","icon":"FileText","value":{"name":"Page Titled","level":"A","automated":true,"guideline":"2.4 Navigable","principle":"Operable","description":"Web pages have titles that describe topic or purpose."},"order":12},{"id":"cmlq56bss00ggjj7qx46fio3i","category":"a11y_wcag_criteria","key":"2.4.3","label":"Focus Order","icon":"ArrowRight","value":{"name":"Focus Order","level":"A","automated":true,"guideline":"2.4 Navigable","principle":"Operable","description":"Components receive focus in an order that preserves meaning and operability."},"order":13},{"id":"cmlq56byh00ghjj7q8lmfof2r","category":"a11y_wcag_criteria","key":"2.4.4","label":"Link Purpose (In Context)","icon":"Link","value":{"name":"Link Purpose (In Context)","level":"A","automated":true,"guideline":"2.4 Navigable","principle":"Operable","description":"The purpose of each link can be determined from the link text alone or from the link text together with its context."},"order":14},{"id":"cmlq56c3x00gijj7qa67quiqx","category":"a11y_wcag_criteria","key":"2.4.6","label":"Headings and Labels","icon":"Heading","value":{"name":"Headings and Labels","level":"AA","automated":true,"guideline":"2.4 Navigable","principle":"Operable","description":"Headings and labels describe topic or purpose."},"order":15},{"id":"cmlq56c7b00gjjj7qdd54k3lj","category":"a11y_wcag_criteria","key":"3.1.1","label":"Language of Page","icon":"Globe","value":{"name":"Language of Page","level":"A","automated":true,"guideline":"3.1 Readable","principle":"Understandable","description":"The default human language of each Web page can be programmatically determined."},"order":16},{"id":"cmlq56cd200gkjj7q4wf80apk","category":"a11y_wcag_criteria","key":"3.2.5","label":"Change on Request","icon":"RefreshCw","value":{"name":"Change on Request","level":"AAA","automated":false,"guideline":"3.2 Predictable","principle":"Understandable","description":"Changes of context are initiated only by user request, or a mechanism is available to turn off such changes."},"order":17},{"id":"cmlq56cx400gljj7qlv9pemb1","category":"a11y_wcag_criteria","key":"4.1.1","label":"Parsing","icon":"Code","value":{"name":"Parsing","level":"A","automated":true,"guideline":"4.1 Compatible","principle":"Robust","description":"Elements have complete start and end tags, are nested according to specification, have unique IDs, and attributes are not duplicated."},"order":18},{"id":"cmlq56d0j00gmjj7q74ekhjkg","category":"a11y_wcag_criteria","key":"4.1.2","label":"Name, Role, Value","icon":"Tag","value":{"name":"Name, Role, Value","level":"A","automated":true,"guideline":"4.1 Compatible","principle":"Robust","description":"For all user interface components, the name and role can be programmatically determined."},"order":19}],"vagueTerms":[{"id":"cmlq56d3z00gnjj7q4v5o417p","category":"a11y_vague_terms","key":"click_here","label":"click here","icon":"Link","value":{"alternatives":["Read our accessibility guide","View the full report"]},"order":1},{"id":"cmlq56d8000gojj7qo9ddkwvm","category":"a11y_vague_terms","key":"here","label":"here","icon":"Link","value":{"alternatives":["Download the PDF brochure","Visit the documentation"]},"order":2},{"id":"cmlq56dbf00gpjj7qts8b2uxc","category":"a11y_vague_terms","key":"read_more","label":"read more","icon":"Link","value":{"alternatives":["Read the full article about accessibility","Continue reading about WCAG guidelines"]},"order":3},{"id":"cmlq56dh300gqjj7q8r12ri3h","category":"a11y_vague_terms","key":"more","label":"more","icon":"Link","value":{"alternatives":["View all services","See more products"]},"order":4},{"id":"cmlq56dmn00grjj7qzsttj0i7","category":"a11y_vague_terms","key":"link","label":"link","icon":"Link","value":{"alternatives":["Visit our blog","Go to the pricing page"]},"order":5},{"id":"cmlq56dq300gsjj7qhijphjhu","category":"a11y_vague_terms","key":"learn_more","label":"learn more","icon":"Link","value":{"alternatives":["Learn about our accessibility services","Discover how WCAG compliance works"]},"order":6},{"id":"cmlq56dvo00gtjj7qx7011xlq","category":"a11y_vague_terms","key":"continue","label":"continue","icon":"Link","value":{"alternatives":["Continue to checkout","Proceed to payment"]},"order":7},{"id":"cmlq56e1500gujj7q2irjp1hm","category":"a11y_vague_terms","key":"go","label":"go","icon":"Link","value":{"alternatives":["Go to homepage","Navigate to dashboard"]},"order":8},{"id":"cmlq56e4k00gvjj7qnp6yfuml","category":"a11y_vague_terms","key":"details","label":"details","icon":"Link","value":{"alternatives":["View product details","See pricing details"]},"order":9},{"id":"cmlq56ea800gwjj7qc0rfbqck","category":"a11y_vague_terms","key":"info","label":"info","icon":"Link","value":{"alternatives":["Get contact information","Read company information"]},"order":10}]}]}]] </article></body></html>

Accessibility Auditor

Enter a URL to start

Accessibility Auditor

Enter a URL to start