Accessibility Audit

Implemented

Semantic header, navigation, main, article, section, and footer landmarks.
Skip link and visible keyboard focus behavior.
Language and direction attributes for English, Spanish, and Arabic.
Native details elements for mobile navigation and FAQ accordions.
Form labels, autocomplete hints, disabled submission state, and explanatory text.
Service inquiry drawers use native modal dialogs with focus containment, Escape, backdrop, and labeled close-button dismissal plus reduced-motion support.
Reduced decorative image announcements through empty alt text where appropriate.
Responsive typography and layouts without fixed text sizing.
Language-switcher choices are limited to routes that actually exist.
The language selector uses native details/summary disclosure semantics and real links. Visitor navigation is resolved independently from SEO hreflang, so validated noindex author roots remain reachable without adding them to the hreflang graph.
Desktop, mobile, and footer navigation resolve against eligible generated routes. Cross-language fallbacks are explicitly identified rather than silently linking visitors to another language.
Arabic footer phone, email, and Latin-script address values use narrowly scoped left-to-right bidi isolation while the surrounding footer remains RTL.
Like buttons expose pressed and disabled state.
Source-faithful colors, section hierarchy, and controls were retained while avoiding the source site's modal that obscures content on initial load.

Manual Review

Have fluent Spanish/Arabic reviewers assess the newly localized article hero descriptions and Arabic diagram alternatives in their full article context.
Test keyboard and screen-reader behavior across all migrated pages.
Perform contrast testing against final approved brand colors.
Review extracted article heading hierarchy and any table markup.
Confirm Arabic content and RTL reading order with a fluent reviewer.
Review Spanish and Arabic operational labels and fallback-language notices with fluent reviewers. The source-published author labels Welcome to, All Post, and Popular Posts remain in English pending an editorial decision.
Test the native language disclosure, mobile navigation, search announcements, contact links, and full-page RTL reading order with screen readers. Phase 6B.5 validated generated markup and keyboard semantics, but no screen-reader executable was available in the implementation environment.
Validate the rebuilt mobile navigation and all full-page responsive layouts in a browser outside the autonomous sandbox.

Phase 6C.3 article-image update — 2026-10-12

The current 74-article Library corpus was re-audited after the Phase 6C.2 rewrites. All 74 featured images are informative in their present article context. The 60 records that still lacked frontmatter descriptions now have concise, locale-appropriate alt text based on direct visual inspection and the corresponding public-page evidence. No current featured image is treated as an accidental empty-alt fallback; this is a decision about the audited corpus, not a rule that future decorative images must have nonempty alt text.

The three English-text diagrams in the revised Arabic antecedent/consequence article now use separate self-hosted Arabic SVG counterparts. Each preserves the source raster and its relationships while replacing the visible labels with Arabic. The article also retains adjacent Arabic prose and semantic tables that communicate the same information without relying on the images. The causal panel order remains left-to-right where reversing it could obscure the sequence, while Arabic labels render right-to-left within their panels. At narrow widths, each detailed diagram sits in a keyboard-focusable, explicitly named horizontal scroll region with a visible focus outline. This keeps its labels at a readable minimum width without introducing page-level horizontal overflow.

Generated-markup checks cover featured-image alt propagation to the article, Open Graph, and Twitter metadata; localized Arabic asset references; and the absence of the English diagram references from the Arabic body. The SVGs were rendered locally for visual inspection at their native dimensions. A browser was not available for desktop/390-pixel overflow checks, and no screen-reader or fluent-Arabic review was performed. Those checks, plus clinical review of the translated ABA terminology and diagram relationships, remain required before cutover.

Phase 6C.4 article-link update — 2026-10-13

Generated-HTML checks now cover every Library body link's published destination, asset, and fragment, plus the rendered previous/next/related links. Spanish and Arabic self-advocacy articles identify their Halloween-guide destination as English; the two new localized sentences still require fluent-language review.

The play/leisure article retains two native image links to the full-size, self-hosted infographics. Duplicate expanded images and orphaned lightbox close symbols were removed. The ABC-data preview links to the existing full-size worksheet. These static anchors do not require JavaScript; this is markup verification, not a completed keyboard or no-JavaScript browser session.

Local Chromium failed its sandbox socket check; remote Playwright could not reach the generated site and subsequently closed its transport. Desktop/mobile visual checks, focus, image opening and browser Back behavior remain manual acceptance items. No screen-reader or fluent Arabic/Spanish acceptance is claimed. The three Phase 6C.3 Arabic diagrams still need visual-language review.

Phase 6C.5 final verification — 2026-10-13

All 74 featured images retain the individually reviewed alternatives from Phase 6C.3. Final generated-output inspection found and corrected two flattened screening/evaluation/diagnosis tables (English and Spanish), ten toilet-training H3 labels that had absorbed adjacent list prose, and the opening headings in the English/Spanish social-communication articles that had absorbed a quoted paragraph. Words, article dates and clinical guidance were not changed. The play/leisure closing CTA is now outside its last FAQ, matching the public page; all 182 FAQ answers across 30 articles match their visible content and schema.

Actual raster inspection of the three Arabic SVGs found two bounded visual issues: a replacement-behavior subtitle extended beyond its colored panel, and a few original English calm-corner title pixels appeared above the overlay. The subtitle now wraps and the calm-corner overlay starts 10 pixels higher. Reinspection shows no exposed English labels or clipped Arabic text in the inspection rasters. The previews used installed DejaVu fonts and losslessly decoded PNG backing in temporary files because this environment's librsvg did not render the SVGs' embedded WebP directly. Production SVGs retain their source WebP artwork. This is raster evidence, not browser/font-fallback acceptance.

All three diagram wrappers retain a named, focusable region, narrow-screen horizontal scrolling, a 720-pixel minimum image width and focus-outline CSS. Browser transport remains unavailable; real desktop/390px overflow, keyboard scrolling, no-JavaScript interactions, screen-reader and fluent Arabic checks remain pending. The source-inherited English tip in the Spanish positive-reinforcement article also remains a bounded language-review item. See the final Phase 6C.5 report for the route-specific checklist and release gates.

7.5 KiB Raw Blame History