Responsive Images II: Computing the sizes Attribute
Lessons in this course
- Text Alternatives: Auditing Every Image on a PageFree
- Colour Maths I: From Hex Code to Relative Luminance Locked
- Colour Maths II: Contrast Ratios and WCAG Thresholds Locked
- Accessible Names: Which Source Wins? Locked
- The First Rule of ARIA: Implicit, Redundant and Missing Roles Locked
- ARIA States: Valid Values and a Toggle Trace Locked
- Landmarks and the Heading Outline Locked
- Tab Order: Native Focus, tabindex 0, -1 and Positive Values Locked
- Composite Widgets: Roving tabindex and Arrow-Key Traces Locked
- Target Size and Focus Indicators: Measuring in CSS Pixels Locked
- Accessible Forms: Labels, Descriptions and autocomplete Locked
- Live Regions: Polite, Assertive and Debounced Announcements Locked
- Responsive Images I: srcset Width Descriptors and Device Pixel Ratio Locked
- Responsive Images II: Computing the sizes Attribute Locked
- The picture Element: Formats, Art Direction and First Match Locked
- Lazy Loading, fetchpriority and the Fold Locked
- Layout Shifts: width, height, aspect-ratio and the CLS Score Locked
- Script Loading: defer, async and type=module Execution Order Locked
- Critical Path: preconnect, preload and Late-Discovered Resources Locked
- Custom Elements: Lifecycle Callbacks Traced Locked
- Shadow DOM: Slot Assignment and Style Encapsulation Locked
- Final Project: Page Audit and Release Gate Locked