Text contrast meets WCAG AA across the site
Read every label, caption and table row at full contrast. 378 pieces of dimmed text missed the 4.5:1 minimum and now clear it, site and dashboard.
Small text on Rendobar was dimmer than it should have been. The descriptions on the FFmpeg filter reference, stat labels, table rows and the body of the privacy policy were all rendered with an opacity modifier on top of an already-muted colour, which put them between 1.5:1 and 4.3:1 against their background. The WCAG AA minimum for text under 18.66px is 4.5:1.
Every one of those now renders at the underlying colour, which measures 5.8:1 to 6.1:1. The layout is unchanged. On four of six sampled pages fewer than 0.4% of the visible pixels moved.
The dashboard got the same treatment. Its faint text tier measured 3.6:1 on raised surfaces, and the label on every primary button was white on emerald at 3.8:1. Both now clear the minimum, and error text uses a lighter red that reads at 5.5:1 instead of 3.8:1.
Also in this pass
- The bottom of every dashboard page was reachable on a phone. A nested scroll container was trapping the last 60px behind a hidden scrollbar.
- The job detail panel opens full width under 640px. It was rendering at 281px on a 375px screen, cutting off the status badge, the download button and the region.
- Animation honours
prefers-reduced-motion, which had no coverage at all. - Code blocks and wide tables take keyboard focus, so they can be scrolled without a pointer.
- Inline links in body copy are underlined rather than distinguished by colour alone.
- Form fields render at 16px on touch devices, so iOS stops zooming the page on focus.
