Meridian Group helps organisations design and build scalable, inclusive digital experiences. This page demonstrates VISUAL accessibility violations — images, colour, and media.
↑ The hero image above has no alt attribute — rule: image-alt (Critical · VISUAL). Screen readers speak the filename. Fix: add descriptive alt="..." text.
Each service card below uses a different low-contrast text colour to demonstrate four instances of the color-contrast violation (Serious · VISUAL · WCAG 1.4.3).
This body text (#94A3B8 on white, ≈2.7:1 contrast) demonstrates the color-contrast violation. Normal text under 18pt needs a minimum 4.5:1 ratio. Rule: color-contrast · Serious · VISUAL.
This text (#b8bcc4 on white, ≈1.72:1 contrast) is a second instance of color-contrast. The contrast ratio is severely below the 4.5:1 threshold required by WCAG 1.4.3. Rule: color-contrast · Serious · VISUAL.
This amber text (#D4A017 on white, ≈2.3:1) is the third color-contrast instance. Amber/gold tones on white backgrounds are a common contrast pitfall. Rule: color-contrast · Serious · VISUAL.
Fourth instance: #a8b2bf on #f8fafc ≈ 2.1:1. The tinted background makes the failure worse than it looks. Rule: color-contrast · Serious · VISUAL — WCAG 1.4.3.
Watch our 5-minute overview of the Meridian platform and how it integrates with your workflow.
↑ <video> has no <track kind="captions"> — rule: video-caption (Critical · VISUAL). 404 on the file is expected; axe checks the missing track element.
Episode 7: Designing for screen reader users — a conversation with our lead accessibility engineer.
↑ <audio> has no <track kind="captions"> — rule: audio-caption (Critical · VISUAL). Pre-recorded audio-only content needs a text alternative.
↑ <object> has no title, aria-label, or aria-labelledby — rule: object-alt (Serious · VISUAL). Screen readers cannot identify the embedded content's purpose.
We combine deep technical expertise with a genuine understanding of the people who use digital products every day. Our approach starts with research and ends with measurable outcomes.
Offices in London, Lagos, Nairobi, and Singapore. Remote-first delivery capability across 24 markets.
Learn about us↑ This team photo also has no alt attribute — second instance of rule: image-alt (Critical · VISUAL). Both images appear as separate nodes in the scan results.
↑ Partners row: svg[role="img"] has no <title> (svg-img-alt). Middle <area> in the image map has no alt (area-alt). Both Critical · VISUAL.
