Live Responsive Design Test Report
Test Date: 1/18/2026, 12:33:35 AM
Site Tested: https://asisaga.com
Pages: 4
Viewports: 6
Total Screenshots: 24
Executive Summary
Issues Found
Total Issues: 58
- 🟡 medium: 50
- đźź high: 8
Key Observations
24 observations recorded across all pages and viewports.
Performance Metrics
Home Page
- iPhone SE: 1470ms load time
- iPhone 12 Pro: 543ms load time
- iPad Portrait: 571ms load time
- iPad Landscape: 552ms load time
- Standard Desktop: 542ms load time
- Full HD Desktop: 531ms load time
About Page
- iPhone SE: 711ms load time
- iPhone 12 Pro: 534ms load time
- iPad Portrait: 549ms load time
- iPad Landscape: 552ms load time
- Standard Desktop: 536ms load time
- Full HD Desktop: 528ms load time
Contact Page
- iPhone SE: 677ms load time
- iPhone 12 Pro: 548ms load time
- iPad Portrait: 584ms load time
- iPad Landscape: 554ms load time
- Standard Desktop: 558ms load time
- Full HD Desktop: 548ms load time
Sitemap Page
- iPhone SE: 665ms load time
- iPhone 12 Pro: 548ms load time
- iPad Portrait: 541ms load time
- iPad Landscape: 525ms load time
- Standard Desktop: 543ms load time
- Full HD Desktop: 527ms load time
Detailed Issues
Home Page
1. Typography [medium]
Viewport: iPhone SE Issue: Found 6 text elements < 14px on mobile Recommendation: Enhance genesis-cognition mixins with better mobile typography scaling
2. Touch Targets [high]
Viewport: iPhone SE Issue: Found 10 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”Twitter”,”width”:34,”height”:18}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
3. Performance [medium]
Viewport: iPhone SE Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
4. Accessibility [medium]
Viewport: iPhone SE Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
5. Typography [medium]
Viewport: iPhone 12 Pro Issue: Found 6 text elements < 14px on mobile Recommendation: Enhance genesis-cognition mixins with better mobile typography scaling
6. Touch Targets [high]
Viewport: iPhone 12 Pro Issue: Found 10 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”Twitter”,”width”:34,”height”:18}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
7. Performance [medium]
Viewport: iPhone 12 Pro Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
8. Accessibility [medium]
Viewport: iPhone 12 Pro Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
9. Performance [medium]
Viewport: iPad Portrait Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
10. Accessibility [medium]
Viewport: iPad Portrait Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
11. Performance [medium]
Viewport: iPad Landscape Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
12. Accessibility [medium]
Viewport: iPad Landscape Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
13. Performance [medium]
Viewport: Standard Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
14. Accessibility [medium]
Viewport: Standard Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
15. Performance [medium]
Viewport: Full HD Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
16. Accessibility [medium]
Viewport: Full HD Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
About Page
1. Touch Targets [high]
Viewport: iPhone SE Issue: Found 11 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”LinkedIn”,”width”:85,”height”:38}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
2. Performance [medium]
Viewport: iPhone SE Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
3. Accessibility [medium]
Viewport: iPhone SE Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
4. Touch Targets [high]
Viewport: iPhone 12 Pro Issue: Found 11 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”LinkedIn”,”width”:85,”height”:38}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
5. Performance [medium]
Viewport: iPhone 12 Pro Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
6. Accessibility [medium]
Viewport: iPhone 12 Pro Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
7. Performance [medium]
Viewport: iPad Portrait Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
8. Accessibility [medium]
Viewport: iPad Portrait Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
9. Performance [medium]
Viewport: iPad Landscape Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
10. Accessibility [medium]
Viewport: iPad Landscape Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
11. Performance [medium]
Viewport: Standard Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
12. Accessibility [medium]
Viewport: Standard Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
13. Performance [medium]
Viewport: Full HD Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
14. Accessibility [medium]
Viewport: Full HD Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
Contact Page
1. Touch Targets [high]
Viewport: iPhone SE Issue: Found 18 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”button”,”text”:”Send Message & Join the Future”,”width”:263,”height”:43}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
2. Performance [medium]
Viewport: iPhone SE Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
3. Accessibility [medium]
Viewport: iPhone SE Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
4. Touch Targets [high]
Viewport: iPhone 12 Pro Issue: Found 18 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”button”,”text”:”Send Message & Join the Future”,”width”:272,”height”:25}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
5. Performance [medium]
Viewport: iPhone 12 Pro Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
6. Accessibility [medium]
Viewport: iPhone 12 Pro Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
7. Performance [medium]
Viewport: iPad Portrait Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
8. Accessibility [medium]
Viewport: iPad Portrait Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
9. Performance [medium]
Viewport: iPad Landscape Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
10. Accessibility [medium]
Viewport: iPad Landscape Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
11. Performance [medium]
Viewport: Standard Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
12. Accessibility [medium]
Viewport: Standard Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
13. Performance [medium]
Viewport: Full HD Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
14. Accessibility [medium]
Viewport: Full HD Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
Sitemap Page
1. Touch Targets [high]
Viewport: iPhone SE Issue: Found 21 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”Home”,”width”:39,”height”:18}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
2. Performance [medium]
Viewport: iPhone SE Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
3. Accessibility [medium]
Viewport: iPhone SE Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
4. Touch Targets [high]
Viewport: iPhone 12 Pro Issue: Found 21 interactive elements < 44x44px: [{“tag”:”a”,”text”:”Skip to main content”,”width”:1,”height”:2},{“tag”:”button”,”text”:””,”width”:51,”height”:43},{“tag”:”a”,”text”:”Home”,”width”:39,”height”:18}] Recommendation: Enhance genesis-synapse mixins with WCAG-compliant touch target sizing
5. Performance [medium]
Viewport: iPhone 12 Pro Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
6. Accessibility [medium]
Viewport: iPhone 12 Pro Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
7. Performance [medium]
Viewport: iPad Portrait Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
8. Accessibility [medium]
Viewport: iPad Portrait Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
9. Performance [medium]
Viewport: iPad Landscape Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
10. Accessibility [medium]
Viewport: iPad Landscape Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
11. Performance [medium]
Viewport: Standard Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
12. Accessibility [medium]
Viewport: Standard Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
13. Performance [medium]
Viewport: Full HD Desktop Issue: Found 1/1 images significantly larger than display size Recommendation: Implement responsive image handling with genesis-media mixin
14. Accessibility [medium]
Viewport: Full HD Desktop Issue: Multiple H1 headings found (2) Recommendation: Use single H1 per page
Screenshots
All screenshots saved to: /home/runner/work/www.asisaga.com/www.asisaga.com/live-responsive-test-results/screenshots/
Home Page
- iPhone SE:
live-responsive-test-results/screenshots/home-mobile-small.png - iPhone 12 Pro:
live-responsive-test-results/screenshots/home-mobile-medium.png - iPad Portrait:
live-responsive-test-results/screenshots/home-tablet-portrait.png - iPad Landscape:
live-responsive-test-results/screenshots/home-tablet-landscape.png - Standard Desktop:
live-responsive-test-results/screenshots/home-desktop-standard.png - Full HD Desktop:
live-responsive-test-results/screenshots/home-desktop-large.png
About Page
- iPhone SE:
live-responsive-test-results/screenshots/about-mobile-small.png - iPhone 12 Pro:
live-responsive-test-results/screenshots/about-mobile-medium.png - iPad Portrait:
live-responsive-test-results/screenshots/about-tablet-portrait.png - iPad Landscape:
live-responsive-test-results/screenshots/about-tablet-landscape.png - Standard Desktop:
live-responsive-test-results/screenshots/about-desktop-standard.png - Full HD Desktop:
live-responsive-test-results/screenshots/about-desktop-large.png
Contact Page
- iPhone SE:
live-responsive-test-results/screenshots/contact-mobile-small.png - iPhone 12 Pro:
live-responsive-test-results/screenshots/contact-mobile-medium.png - iPad Portrait:
live-responsive-test-results/screenshots/contact-tablet-portrait.png - iPad Landscape:
live-responsive-test-results/screenshots/contact-tablet-landscape.png - Standard Desktop:
live-responsive-test-results/screenshots/contact-desktop-standard.png - Full HD Desktop:
live-responsive-test-results/screenshots/contact-desktop-large.png
Sitemap Page
- iPhone SE:
live-responsive-test-results/screenshots/sitemap-mobile-small.png - iPhone 12 Pro:
live-responsive-test-results/screenshots/sitemap-mobile-medium.png - iPad Portrait:
live-responsive-test-results/screenshots/sitemap-tablet-portrait.png - iPad Landscape:
live-responsive-test-results/screenshots/sitemap-tablet-landscape.png - Standard Desktop:
live-responsive-test-results/screenshots/sitemap-desktop-standard.png - Full HD Desktop:
live-responsive-test-results/screenshots/sitemap-desktop-large.png
Recommendations for Genesis Ontology Enhancement
Based on live testing, the following enhancements are validated:
- Responsive Typography: Make genesis-cognition mixins responsive by default with 16px minimum on mobile
- Touch Target Enhancement: Implement WCAG-compliant 44x44px minimum sizing in genesis-synapse mixins
- Media Responsiveness: Add genesis-media mixin for responsive image handling
- Semantic Structure: Ensure proper heading hierarchy in all templates
Report generated: 2026-01-18T00:34:54.240Z