# Accessible Tiles

## Version 1

Tiles are interactive but the front & back of each tile always reads aloud to screen readers regardless of visual state.

### Tile 1 front

### continues onto back

### Tile 2 front

### continues onto back

### Tile 3 front

### continues onto back

## Version 2

The wrapping element toggles the front & back via click & enter key. Tiles also have internal links for screen readers to toggle visibility.

### Tile 1 front

Go to Tile 1 back (screen reader link)

### Tile 1 back

Go to Tile 1 front (screen reader link)

### Tile 2 front

Go to Tile 2 back (screen reader link)

### Tile 2 back

Go to Tile 2 front (screen reader link)

### Tile 3 front

Go to Tile 3 back (screen reader link)

### Tile 3 back

Go to Tile 3 front (screen reader link)