Skip to main content
whitep4nth3r logo
Posts tagged

Accessibility

  1. 23 Apr 2023

    Hide text in CSS pseudo elements from screen readers with this one weird trick

    Learn how to hide decorative text generated by CSS pseudo elements from screen readers, so that your weird and wonderful designs don't interrupt the flow of the text.

    CSS 2 min read →
  2. 29 Nov 2021

    How to load responsive images in AVIF and WebP using the HTML picture element

    AVIF claims to offer 30% better compression than current alternatives such as WebP. It’s optimized for the web, designed with a low computation footprint, and what’s more — it’s open source. But should you be using AVIF? As usual, it depends! And if you'd like to try it out, here's a complete guide on how to serve responsive images in multiple formats to the browser using the HTML picture element.

    Tutorials 13 min read →
  3. 16 May 2021

    How to make your font sizes accessible with CSS

    Everyone uses the web differently. Here's how to make sure your website respects font size preferences specified in browser settings using two important CSS concepts.

    Tutorials 3 min read →
  4. 3 May 2021

    When to use aria-labels in your HTML

    Confused about when to use aria-label for #a11y? Let's look at one of the most important ways to use aria-labels in your HTML to ensure your website provides contextual information to screen-readers and assistive technologies.

    Tutorials 3 min read →
  5. 26 Feb 2021

    How to make your code blocks accessible on your website

    If you’re a developer or technical writer who publishes content on the internet, you’ll want to make sure your code examples are presented beautifully for your audience to consume. But how do you ensure your code blocks adhere to Web Content Accessibility Guidelines (WCAG) standards?

    Tutorials 5 min read →