@n8d/htwoo-patterns/_patterns/atoms/images/image~16by9.md

hTWOo Patterns to setup custom style guide

---
title: 16:9 Aspect Ratio Image
order: 2
hidden: false
---

# 16:9 Aspect Ratio Image

Widescreen aspect ratio commonly used for video thumbnails and featured media.

## Overview

The 16:9 aspect ratio image maintains the standard widescreen format commonly used for videos, presentations, and featured content areas.

## Usage

The 16:9 image aspect ratio is primarily used in:
* Card image components
* Video thumbnails
* Featured content areas
* Media gallery items

## Accessibility

* Provide descriptive `alt` text that explains the content and context of the image
* When used in cards or media components, consider how the image conveys meaning in its context