Galeo Strategy

Legal

Accessibility Statement

Galeo Strategy is committed to making galeostrategy.com accessible to all users, including those with disabilities.

Audit Findings

WCAG 2.1 AA review

Conducted July 2025 — galeostrategy.com initial build.

Passes

Color contrast — body text

Body text (#141A22 on #FFFFFF) and muted text (#5B6472 on #FFFFFF and #F6F5F1) meet AA contrast ratios. Navy headings on bone/white pass at all tested sizes.

Review recommended

Color contrast — accent elements

The accent color (#3B5B8C) on white yields approximately 5.2:1 — passes AA for normal text (≥4.5:1) and large text. Eyebrow labels at 0.75rem/600 weight are borderline; recommend verifying with a contrast tool once brand colors are finalized.

Passes

Focus states

Global :focus-visible rule applies a 2px solid accent outline with 3px offset to all interactive elements. Tested on nav links, buttons, form inputs, and accordion triggers.

Passes

Keyboard navigation

All interactive elements are reachable and operable via keyboard. Mobile navigation overlay traps focus correctly. TestimonialCarousel responds to arrow keys. FAQAccordion uses button elements with proper expand/collapse.

Issue found

Skip navigation

No skip-to-main-content link is present. Screen reader and keyboard users must tab through the full header on every page. Recommend adding a visually hidden skip link as the first focusable element in layout.tsx.

Passes

Heading hierarchy

All pages use a single H1 in the hero section. H2s and H3s follow logical document order. No heading levels are skipped.

Review recommended

Image alt text

Logo images in Header and Footer use alt="Galeo Strategy" — appropriate. The HeroMotif component renders decorative SVG shapes; confirm aria-hidden is present on those (not verified in this audit). No content images exist yet — alt text requirements apply when real photography or diagrams are added.

Passes

Form labels

Contact form inputs are each associated with a visible <label> via htmlFor/id pairing. Required fields use the required attribute. Placeholder text supplements but does not replace labels.

Passes

ARIA live regions

TestimonialCarousel uses aria-live='polite' on the quote region. No other dynamic content regions were identified that require live region markup.

Passes

Motion and animation

The Reveal component and TestimonialCarousel both check prefers-reduced-motion and disable animations accordingly. No auto-playing video or flashing content is present.

Passes

Semantic HTML

Pages use appropriate landmark elements: <header>, <nav>, <main> (via layout), <footer>, <section>, <article>. Lists use <ul>/<li>. Buttons use <button>.

Review recommended

Link purpose

Several CTA links and footer links use generic text like "↗" as the only visible label. The framed arrow in the footer bottom row has no accessible label. Recommend adding aria-label to icon-only links.

Back to home