Test Summary
- Triggered by:
@pelikhan
- Workflow run: §23488458669
- Devices configured: 10 (4 mobile, 3 tablet, 3 desktop)
- Test date: 2026-03-24
- Method: Static source analysis + curl content verification (Playwright visual testing unavailable — Docker network isolation prevents browser in Playwright MCP container from reaching the agent container's bridge IP)
Results Overview
- 🟢 Passed: All critical checks
- 🟡 Warnings: 2 minor inconsistencies
- 🔴 Critical: 0
Critical Issues
None. The documentation site demonstrates professional-grade responsive design and accessibility across all targeted device types.
All pages returned HTTP 200, proper viewport meta tags, correct lang="en" attributes, semantic heading hierarchy (single <h1> per page), and functional navigation.
View Detailed Test Results by Category
Page Availability (curl verified)
| Page |
Status |
/gh-aw/ |
🟢 200 |
/gh-aw/introduction/overview/ |
🟢 200 |
/gh-aw/setup/quick-start/ |
🟢 200 |
/gh-aw/reference/faq/ |
🟢 200 |
/gh-aw/reference/engines/ |
🟢 200 |
/gh-aw/blog/ |
🟢 200 |
/gh-aw/examples/multi-repo/ |
🟢 200 |
HTML Structure (all pages verified)
- ✅
<meta name="viewport" content="width=device-width, initial-scale=1"/> present on all pages
- ✅
<html lang="en"> set on all pages (WCAG 3.1.1)
- ✅ Single
<h1> per page — correct heading hierarchy
- ✅
<main> landmark element on every page
- ✅
<nav> landmarks present (1 on homepage, 2 on content pages — primary + sidebar)
Responsive CSS (custom.css — 1743 lines)
- ✅ Mobile breakpoints:
max-width: 640px, max-width: 768px
- ✅ Tablet breakpoint:
769px–900px
- ✅ Desktop:
>900px
- ✅
overflow-x: hidden on body/html prevents horizontal scroll
- ✅ Images:
max-width: 100%; height: auto
- ✅ Videos: Aspect-ratio containers using padding-bottom technique
- ✅
font-display: swap on Mona Sans fonts (progressive loading)
- ✅ WOFF2 format with system font fallbacks
Touch Targets (WCAG 2.5.5 — 44×44px minimum)
- ✅ Sidebar nav items: 44px min-height on mobile
- ✅ Hamburger button: 44×44px
- ✅ Header links: 44px min-height
- ✅ Social icons: 44×44px
- Exceeds WCAG 2.1 Level AAA requirement
Mobile Navigation
- ✅ Hamburger menu shown on
769px–900px (tablet)
- ✅
aria-expanded, aria-controls, aria-label on toggle button
- ✅ Focus management: first link receives focus on open
- ✅ Click-outside-to-close implemented
- ✅ Escape key closes menu (keyboard accessible)
Accessibility (WCAG 2.x)
- ✅ Skip-to-content link present (WCAG 2.4.1)
- ✅
aria-label="Primary navigation" on all <nav> elements
- ✅
aria-label="Main" on <main>
- ✅
aria-live region injected for search results (dynamic ARIA)
- ✅ Tables use
<th scope="col"> with data-label mobile card layout
- ✅
focus-visible outline: 2px solid #d896ff
- ✅
prefers-reduced-motion respected in animations
Font Loading
- ✅
<link rel="preload"> for MonaSans-Regular.woff2 and MonaSans-Bold.woff2
- ✅
crossorigin attribute set correctly for CORS preload
- ✅
font-display: swap prevents invisible text during load
Accessibility Findings
All key WCAG 2.1 criteria appear met:
- 1.1.1 Non-text Content: Images have alt text; decorative images properly handled
- 1.3.1 Info and Relationships: Semantic HTML with proper table scoping
- 2.4.1 Bypass Blocks: Skip-to-content link implemented
- 2.4.3 Focus Order: Logical focus management in hamburger menu
- 3.1.1 Language of Page:
lang="en" on all pages
- 4.1.3 Status Messages:
aria-live region for search results
Warnings
🟡 Minor: Glow animation not disabled on mobile for dark theme
docs/src/styles/custom.css — The performance optimization disabling the glow animation on mobile is applied to the light theme but not consistently to the dark theme (lines ~402–404). Impact is minimal as the glow only appears on hero pages.
🟡 Minor: Homepage title is duplicated
<title>GitHub Agentic Workflows | GitHub Agentic Workflows</title> — The site name is repeated. This is a Starlight configuration issue where the page title equals the site name. Other pages show correct format (Quick Start | GitHub Agentic Workflows).
Recommendations
- Fix homepage title duplication: Set a distinct
title on the root index.mdx or configure Starlight's title template to suppress duplication when page title equals site title.
- Extend mobile glow animation disable to dark theme: Add a
@media (max-width: 640px) rule for the dark-theme glow animation pseudo-elements for consistency.
- Enable visual Playwright testing: The Playwright MCP container could not reach the agent container's server (
172.30.0.20:4321 timed out). Consider publishing the port (-p 4321:4321) in the workflow or using a shared Docker network to enable cross-device screenshot capture.
References:
Generated by Multi-Device Docs Tester · ◷
Test Summary
@pelikhanResults Overview
Critical Issues
None. The documentation site demonstrates professional-grade responsive design and accessibility across all targeted device types.
All pages returned HTTP 200, proper viewport meta tags, correct
lang="en"attributes, semantic heading hierarchy (single<h1>per page), and functional navigation.View Detailed Test Results by Category
Page Availability (curl verified)
/gh-aw//gh-aw/introduction/overview//gh-aw/setup/quick-start//gh-aw/reference/faq//gh-aw/reference/engines//gh-aw/blog//gh-aw/examples/multi-repo/HTML Structure (all pages verified)
<meta name="viewport" content="width=device-width, initial-scale=1"/>present on all pages<html lang="en">set on all pages (WCAG 3.1.1)<h1>per page — correct heading hierarchy<main>landmark element on every page<nav>landmarks present (1 on homepage, 2 on content pages — primary + sidebar)Responsive CSS (custom.css — 1743 lines)
max-width: 640px,max-width: 768px769px–900px>900pxoverflow-x: hiddenonbody/htmlprevents horizontal scrollmax-width: 100%; height: autofont-display: swapon Mona Sans fonts (progressive loading)Touch Targets (WCAG 2.5.5 — 44×44px minimum)
Mobile Navigation
769px–900px(tablet)aria-expanded,aria-controls,aria-labelon toggle buttonAccessibility (WCAG 2.x)
aria-label="Primary navigation"on all<nav>elementsaria-label="Main"on<main>aria-liveregion injected for search results (dynamic ARIA)<th scope="col">with data-label mobile card layoutfocus-visibleoutline:2px solid #d896ffprefers-reduced-motionrespected in animationsFont Loading
<link rel="preload">for MonaSans-Regular.woff2 and MonaSans-Bold.woff2crossoriginattribute set correctly for CORS preloadfont-display: swapprevents invisible text during loadAccessibility Findings
All key WCAG 2.1 criteria appear met:
lang="en"on all pagesaria-liveregion for search resultsWarnings
🟡 Minor: Glow animation not disabled on mobile for dark theme
docs/src/styles/custom.css— The performance optimization disabling the glow animation on mobile is applied to the light theme but not consistently to the dark theme (lines ~402–404). Impact is minimal as the glow only appears on hero pages.🟡 Minor: Homepage title is duplicated
<title>GitHub Agentic Workflows | GitHub Agentic Workflows</title>— The site name is repeated. This is a Starlight configuration issue where the page title equals the site name. Other pages show correct format (Quick Start | GitHub Agentic Workflows).Recommendations
titleon the rootindex.mdxor configure Starlight's title template to suppress duplication when page title equals site title.@media (max-width: 640px)rule for the dark-theme glow animation pseudo-elements for consistency.172.30.0.20:4321timed out). Consider publishing the port (-p 4321:4321) in the workflow or using a shared Docker network to enable cross-device screenshot capture.References: