HTML

5 articles

Web form interface showing accessible form fields with visible focus indicators, error messages, and proper label associations

Building Accessible Forms That Actually Work

Build forms that work for everyone: correct ARIA labels, error handling, keyboard navigation and screen reader support — beyond checkbox compliance.

Jun 17, 2024·5 min read

Side-by-side comparison showing the same hero image served in different resolutions and formats for mobile, tablet, and desktop viewports

Frontend

Responsive Images: srcset, sizes and Modern Formats

Master responsive image delivery with srcset, sizes, the picture element and modern formats like AVIF and WebP — faster pages, same visual quality.

Feb 20, 2024·5 min read

Annotated form interface showing ARIA labels, error associations, and focus management indicators

Frontend

Building Accessible Forms: Beyond Semantic HTML

Go beyond basic form semantics with accessibility patterns for validation, error handling, dynamic fields and multi-step forms that work for everyone.

Mar 13, 2023·5 min read

Web component architecture diagram showing custom element, shadow DOM, and template composition

Frontend

Web Components: A Practical Introduction

How to build framework-agnostic web components with Custom Elements, Shadow DOM and HTML templates — reusable UI elements that work anywhere.

Jul 16, 2022·4 min read

Accessibility icons representing screen readers, keyboard navigation, and color contrast

Frontend

Web Accessibility Essentials Every Developer Should Know

Practical accessibility patterns that improve usability for everyone while keeping your app legally compliant and semantically correct.

Oct 26, 2020·4 min read

View all articles