Files

Josh at WLTechBlog ccd8c77a3e remove sensory tools

2025-10-07 11:47:47 -05:00

16 KiB

Raw Blame History

ADA/WCAG 2.1 Level AA Compliance Assessment Report

AMF Electric (amfelectric.com)

Assessment Date: October 7, 2025
Auditor: Automated Accessibility Assessment via Cremote MCP Tools
Standard: WCAG 2.1 Level AA
Scope: Site-wide assessment (limited by site availability issues)

EXECUTIVE SUMMARY

Overall Compliance Status: NON-COMPLIANT

Legal Risk Level: HIGH

Overall Accessibility Score: 80/100 (Homepage only - other pages inaccessible)

CRITICAL FINDING: The website experienced severe performance and availability issues during testing. Multiple pages failed to load within 20 seconds, which constitutes a significant accessibility barrier. Only the homepage could be fully assessed.

Pages Successfully Assessed:

✅ Homepage (https://amfelectric.com/) - NON-COMPLIANT

Pages That Failed to Load:

❌ Residential Electric Services - Connection timeout
❌ Commercial Electric Services - Connection timeout
❌ Industrial Design Services - Connection timeout
❌ Contact Us - Partial load, blank content
❌ Blog - Blank page
❌ Projects pages - Not tested due to navigation failures

SITE-WIDE CRITICAL ISSUES

Severity: CRITICAL
Legal Risk: HIGH
Impact: Users with slow connections or assistive technologies cannot access the site

Findings:

Multiple pages timeout after 20+ seconds
Navigation between pages consistently fails
Contact page loads but displays blank content
Blog page completely blank

Remediation Required:

Immediate server performance optimization
Content delivery network (CDN) implementation
Page load time optimization (target: <3 seconds)
Database query optimization
Image optimization and lazy loading

Estimated Hours: 16-24 hours

HOMEPAGE ASSESSMENT DETAILS

Compliance Summary

Status: NON-COMPLIANT
Score: 80/100
Legal Risk: MEDIUM
Estimated Remediation: 4 hours

Critical Violations Found

1. COLOR CONTRAST FAILURES (WCAG 1.4.3 - Level AA)

Severity: SERIOUS - HIGHEST LAWSUIT RISK
Impact: Users with low vision cannot read text
Violations: 71 elements fail WCAG AA contrast requirements

Critical Failures:

Element	Text	Current Ratio	Required	Colors
Skip link	"Skip to content"	2.55:1	4.5:1	rgb(0,84,122) on rgb(0,0,0)
Navigation menu	"Residential"	3.66:1	4.5:1	rgb(102,102,102) on rgb(0,0,0)
Navigation menu	"Commercial"	3.66:1	4.5:1	rgb(102,102,102) on rgb(0,0,0)
Navigation menu	"Industrial"	3.66:1	4.5:1	rgb(102,102,102) on rgb(0,0,0)
Navigation menu	"Blog"	3.66:1	4.5:1	rgb(102,102,102) on rgb(0,0,0)
CTA Button	"Pay Your Invoice"	4.00:1	4.5:1	rgb(255,255,255) on rgb(255,0,0)
Hero section	Main heading	1.00:1	4.5:1	rgb(255,255,255) on rgb(255,255,255)
Industrial section	Body text	2.39:1	4.5:1	rgb(102,102,102) on rgb(224,153,0)
Testimonials	"Our Clients Love Us"	1.66:1	4.5:1	rgb(51,51,51) on rgb(0,0,0)
Footer	Copyright text	2.77:1	4.5:1	rgb(102,102,102) on rgb(34,34,34)

Pattern Analysis:

Navigation Menu: All submenu items use rgb(102,102,102) on black - affects 25+ elements
Industrial Section: Orange background (rgb(224,153,0)) creates severe contrast issues
Hero Section: White-on-white text (1.00:1) - completely invisible
"Learn More" buttons: rgb(242,91,58) on white (3.32:1) - fails across multiple sections

Remediation:

/* Navigation menu - change from #666 to #999 or darker */
.menu-item a { color: #999999; } /* 3.66:1 → 5.74:1 */

/* Or better - use white text */
.menu-item a { color: #ffffff; } /* 21:1 - WCAG AAA */

/* Industrial section - use darker text or lighter background */
.industrial-section { 
  background-color: #FFC107; /* Lighter yellow */
  color: #000000; /* Black text */
}

/* Hero section - ensure text is visible */
.hero-heading { color: #000000; } /* or ensure proper background */

/* Learn More buttons - darken to meet 4.5:1 */
.et_pb_promo_button { color: #C8431F; } /* Darker orange */

/* Footer text */
.footer-text { color: #CCCCCC; } /* Lighter gray */

Estimated Hours: 2 hours

2. MISSING FOCUS INDICATORS (WCAG 2.4.7 - Level AA)

Severity: HIGH - HIGH LAWSUIT RISK
Impact: Keyboard users cannot see where they are on the page
Violations: 20 out of 20 interactive elements lack visible focus indicators

Affected Elements:

Skip navigation links (2)
Logo link
"Contact Us" button
All navigation menu items (10+)
"Learn More" buttons (3)
Social media links
Footer links

Current State: Elements receive focus but have no visible indicator (outline removed or invisible)

Remediation:

/* Add visible focus indicators to all interactive elements */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline: 3px solid #0066CC; /* Blue outline */
  outline-offset: 2px;
}

/* Alternative: Use box-shadow for modern look */
a:focus, button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.5);
}

/* Ensure skip links are visible on focus */
.skip-link:focus {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  z-index: 9999;
  outline: 3px solid #fff;
}

Estimated Hours: 1 hour

3. LINK WITHOUT DISCERNIBLE TEXT (WCAG 2.4.4, 4.1.2 - Level A)

Severity: SERIOUS - HIGH LAWSUIT RISK
Impact: Screen reader users cannot understand link purpose
Violations: 1 link (Facebook icon)

Element: .icon (Facebook link in footer)

Current State: Link contains only an icon with no accessible text

Remediation:

<!-- Current (inaccessible) -->
<a href="https://www.facebook.com/..." class="icon"></a>

<!-- Fixed (accessible) -->
<a href="https://www.facebook.com/..." class="icon" aria-label="Visit AMF Electric on Facebook">
  <span class="sr-only">Visit AMF Electric on Facebook</span>
</a>

Estimated Hours: 0.25 hours

Additional Findings

Status: PRESENT BUT ISSUES
Finding: Two skip links exist but have contrast issues (see #1 above)

Positive: Skip links are implemented
Issue: First skip link has insufficient contrast (2.55:1)

5. HEADING STRUCTURE (WCAG 1.3.1 - Level A)

Status: NOT FULLY ASSESSED
Note: Requires manual review of heading hierarchy

Recommendation: Verify:

Only one H1 per page
No skipped heading levels (H1→H3)
Headings accurately describe content

6. FORM ACCESSIBILITY (WCAG 3.3.2, 4.1.2 - Level A)

Status: NO FORMS FOUND ON HOMEPAGE
Note: Contact page could not be assessed due to loading issues

Critical: Contact form MUST be tested when site performance is resolved

WCAG 2.1 LEVEL AA COMPLIANCE CHECKLIST

Phase 1: Critical Legal Risk (HIGHEST LAWSUIT FREQUENCY)

Criterion	Status	Severity	Notes
1.1.1 Non-text Content	⚠️ PARTIAL	HIGH	Facebook icon link missing text
1.4.3 Contrast (Minimum)	❌ FAIL	CRITICAL	71 elements fail - see details above
2.1.1 Keyboard	✅ PASS	-	All elements keyboard accessible
4.1.2 Name, Role, Value	⚠️ PARTIAL	HIGH	Icon link missing accessible name
2.4.1 Bypass Blocks	⚠️ PARTIAL	MEDIUM	Skip links present but low contrast
2.4.4 Link Purpose	⚠️ PARTIAL	HIGH	Icon link unclear purpose
1.3.1 Info and Relationships	⏸️ INCOMPLETE	-	Requires manual review
3.3.1 Error Identification	⏸️ NOT TESTED	-	No forms on homepage
3.3.2 Labels or Instructions	⏸️ NOT TESTED	-	No forms on homepage
2.4.7 Focus Visible	❌ FAIL	HIGH	20/20 elements missing focus indicators

Phase 2: Moderate Legal Risk

Criterion	Status	Severity	Notes
1.2.2 Captions (Prerecorded)	⏸️ NOT TESTED	-	No video on homepage
1.2.4 Captions (Live)	⏸️ NOT TESTED	-	No live content
1.2.5 Audio Description	⏸️ NOT TESTED	-	No video on homepage
1.4.4 Resize Text	⏸️ NOT TESTED	-	Requires zoom testing
1.4.5 Images of Text	⏸️ NOT TESTED	-	Requires OCR analysis
2.4.2 Page Titled	✅ PASS	-	Descriptive title present
2.4.3 Focus Order	✅ PASS	-	Logical tab order
2.4.5 Multiple Ways	⏸️ INCOMPLETE	-	Navigation present, search not verified
2.4.6 Headings and Labels	⏸️ INCOMPLETE	-	Requires manual review
3.1.1 Language of Page	⏸️ NOT TESTED	-	Requires HTML inspection
3.1.2 Language of Parts	⏸️ NOT TESTED	-	Requires content review
3.2.1 On Focus	✅ PASS	-	No context changes on focus
3.2.2 On Input	⏸️ NOT TESTED	-	No forms on homepage
3.2.3 Consistent Navigation	⏸️ NOT TESTED	-	Requires multi-page testing
3.2.4 Consistent Identification	⏸️ NOT TESTED	-	Requires multi-page testing
3.3.3 Error Suggestion	⏸️ NOT TESTED	-	No forms on homepage
3.3.4 Error Prevention	⏸️ NOT TESTED	-	No forms on homepage
4.1.3 Status Messages	⏸️ NOT TESTED	-	No dynamic content observed

PRIORITY REMEDIATION ROADMAP

IMMEDIATE (Week 1) - Critical Blockers

Total Estimated Hours: 20-28 hours

Fix Site Performance (16-24 hours)
- Server optimization
- CDN implementation
- Page load optimization
- Enable access to all pages
Fix Color Contrast (2 hours)
- Navigation menu colors
- Hero section text
- Industrial section colors
- Button colors
- Footer text
Add Focus Indicators (1 hour)
- All interactive elements
- Skip links
- Buttons and links
Fix Icon Link (0.25 hours)
- Add aria-label to Facebook link

HIGH PRIORITY (Week 2) - Complete Assessment

Total Estimated Hours: 8-12 hours

Test All Pages (4-6 hours)
- Once site performance is fixed
- Residential services page
- Commercial services page
- Industrial services page
- Contact page (including form)
- Blog page
- Project pages
Form Accessibility (2-4 hours)
- Contact form labels
- Error messages
- Required field indicators
- Keyboard accessibility
Additional Testing (2 hours)
- Zoom/resize testing (WCAG 1.4.4)
- Responsive design (WCAG 1.4.10)
- Heading structure review
- Language attributes

MEDIUM PRIORITY (Week 3-4)

Total Estimated Hours: 4-6 hours

Cross-Page Consistency (2 hours)
- Navigation consistency
- Landmark structure
- Heading patterns
Media Accessibility (2-4 hours)
- If videos exist: add captions
- If videos exist: add audio descriptions
- Test autoplay behavior
Documentation (1 hour)
- Accessibility statement
- VPAT (Voluntary Product Accessibility Template)
- Remediation tracking

LEGAL RISK ASSESSMENT

Current Risk Level: HIGH

Factors Contributing to High Risk:

Site Unavailability - Multiple pages inaccessible (potential ADA Title III violation)
Color Contrast - 71 violations (most common lawsuit trigger)
Focus Indicators - 20 violations (frequent lawsuit basis)
Icon Links - Missing accessible names (screen reader incompatibility)

Lawsuit Vulnerability:

Issue	Lawsuit Frequency	Current Status	Risk Level
Site Performance/Availability	HIGH	CRITICAL FAILURE	🔴 CRITICAL
Color Contrast	HIGHEST	71 VIOLATIONS	🔴 CRITICAL
Keyboard Focus Indicators	HIGH	20 VIOLATIONS	🔴 HIGH
Missing Link Text	HIGH	1 VIOLATION	🟡 MEDIUM
Form Accessibility	HIGH	NOT TESTED	🟡 MEDIUM

Recommended Actions:

Immediate: Fix site performance to enable access
Week 1: Address all color contrast and focus indicator issues
Week 2: Complete full site assessment and fix remaining issues
Week 3: Implement ongoing monitoring and testing

TESTING METHODOLOGY

Tools Used:

Chromium Browser with DevTools
Axe-core v4.8.0 - Automated WCAG testing
Cremote MCP Tools - Comprehensive accessibility suite
- web_page_accessibility_report_cremotemcp - Token-efficient assessment
- web_contrast_check_cremotemcp - Color contrast analysis
- web_keyboard_test_cremotemcp - Keyboard navigation testing
- get_accessibility_tree_cremotemcp - ARIA and semantic structure
- web_screenshot_cremotemcp - Visual documentation

Testing Environment:

Browser: Chromium (container-based)
Date: October 7, 2025
Network: Standard broadband connection
Viewport: Desktop (1920x1080)

Limitations:

Site Performance: Prevented testing of most pages
Manual Testing: Not performed (automated only)
Assistive Technology: Not tested with screen readers
Mobile Testing: Not performed
Cross-Browser: Only Chromium tested

RECOMMENDATIONS

Immediate Actions:

✅ Engage web hosting/performance specialist to resolve site availability
✅ Implement CSS fixes for contrast and focus indicators (4 hours)
✅ Add aria-label to icon link (15 minutes)
✅ Schedule follow-up assessment once site is accessible

Long-Term Strategy:

Implement automated testing in CI/CD pipeline
Train development team on WCAG 2.1 AA requirements
Establish accessibility review process for new features
Create accessibility statement for website
Schedule quarterly audits to maintain compliance

APPENDICES

Appendix A: Screenshot Evidence

✅ Homepage full-page screenshot: screenshots/homepage-full.png
❌ Other pages: Not captured due to loading failures

Appendix B: Detailed Test Results

See individual tool outputs in assessment session logs.

Appendix C: Resources

WCAG 2.1 Guidelines: https://www.w3.org/WAI/WCAG21/quickref/
Axe-core Rules: https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md
WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
Color Contrast Analyzer: https://www.tpgi.com/color-contrast-checker/

CONCLUSION

The AMF Electric website has significant accessibility barriers that require immediate attention. The most critical issue is site performance and availability, which prevented comprehensive testing of most pages.

Of the content that could be assessed (homepage only), 71 color contrast violations and 20 missing focus indicators represent high legal risk and must be remediated immediately.

Estimated Total Remediation Time: 32-46 hours

Critical fixes: 20-28 hours
Complete assessment: 8-12 hours
Additional improvements: 4-6 hours

Next Steps:

Fix site performance issues (CRITICAL)
Implement contrast and focus indicator fixes
Re-assess all pages once accessible
Complete form accessibility testing
Implement ongoing monitoring

Report Prepared By: Automated Accessibility Assessment System
Assessment Tool: Cremote MCP Accessibility Suite
Standard: WCAG 2.1 Level AA
Date: October 7, 2025

DISCLAIMER: This automated assessment identifies technical violations but does not replace manual testing with assistive technologies or legal review. Consult with accessibility specialists and legal counsel for comprehensive compliance verification.

16 KiB Raw Blame History

ADA/WCAG 2.1 Level AA Compliance Assessment Report

AMF Electric (amfelectric.com)

EXECUTIVE SUMMARY

Overall Compliance Status: NON-COMPLIANT

Legal Risk Level: HIGH

Overall Accessibility Score: 80/100 (Homepage only - other pages inaccessible)

Pages Successfully Assessed:

Pages That Failed to Load:

SITE-WIDE CRITICAL ISSUES

1. PERFORMANCE & AVAILABILITY (WCAG 2.2.2 Related)

HOMEPAGE ASSESSMENT DETAILS

Compliance Summary

Critical Violations Found

1. COLOR CONTRAST FAILURES (WCAG 1.4.3 - Level AA)

2. MISSING FOCUS INDICATORS (WCAG 2.4.7 - Level AA)

3. LINK WITHOUT DISCERNIBLE TEXT (WCAG 2.4.4, 4.1.2 - Level A)

Additional Findings

4. SKIP NAVIGATION LINKS (WCAG 2.4.1 - Level A)

5. HEADING STRUCTURE (WCAG 1.3.1 - Level A)

6. FORM ACCESSIBILITY (WCAG 3.3.2, 4.1.2 - Level A)

WCAG 2.1 LEVEL AA COMPLIANCE CHECKLIST

Phase 1: Critical Legal Risk (HIGHEST LAWSUIT FREQUENCY)

Phase 2: Moderate Legal Risk

PRIORITY REMEDIATION ROADMAP

IMMEDIATE (Week 1) - Critical Blockers

HIGH PRIORITY (Week 2) - Complete Assessment

MEDIUM PRIORITY (Week 3-4)

LEGAL RISK ASSESSMENT

Current Risk Level: HIGH

Lawsuit Vulnerability:

Recommended Actions:

TESTING METHODOLOGY

Tools Used:

Testing Environment:

Limitations:

RECOMMENDATIONS

Immediate Actions:

Long-Term Strategy:

APPENDICES

Appendix A: Screenshot Evidence

Appendix B: Detailed Test Results

Appendix C: Resources

CONCLUSION

16 KiB

Raw Blame History