"I love me some good web research reports. I'm a sucker for them. HTTP Archive's Web Almanac is one report I look forward to every year, and I know I'm not alone there. It's one of those highly-anticipated publications on the state of the web, chock-full of well-documented findings about millions of live websites - 17.2 million in this edition! - from page content, to performance, to accessibility, to UX, to... well, let's just get to it."
"New values are showing up! It's small, but not surprising for features that only shipped as far back as 2023. Specifically, I'm looking at the balance (2.67%) and pretty (1.71%) values. Variable fonts are no longer a novelty. "How popular are variable fonts? This year, 39.4% of desktop websites and 41.3% of mobile websites used at least one variable font on their pages. In other words, now about 4 in 10 sites are using variable fonts.""
"Why can't we nail down color contrast?! Only 30% of sites meet WCAG guidelines, and though that's a number that's trending up (21% in 2020), that's a sorry stat. Removing focus styles is an epidemic. A whopping 67% of sights remove focus outlines despite WCAG's requirement that "Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.""
"Many images are apparently decorative. At least, that's what 30% of sites are suggesting by leaving the alt attribute empty. But if we consider that 14% of sites leave off the attribute completely, we're looking at roughly 44% of sites that aren't describing their visual content. On that note, your images probably are not decorative. ARIA labels are everywhere. We're looking at"
Data from 17.2 million live websites reveals adoption and accessibility trends across the web. New CSS values such as balance (2.67%) and pretty (1.71%) are beginning to appear. Variable fonts now appear on about 39–41% of sites, making them mainstream. Only about 30% of sites meet WCAG color-contrast guidelines, up from 21% in 2020. Sixty-seven percent of sites remove focus outlines, conflicting with keyboard-focus visibility requirements. Around 30% of sites use empty alt attributes and 14% omit alt entirely, leaving roughly 44% of images without descriptive text. ARIA labels are widely used.
Read at CSS-Tricks
Unable to calculate read time
Collection
[
|
...
]