TL;DR
-
List syntax
-
List semantics
-
List item DOM order
-
Interactive, not interactive
Beginners Ballet
Mondays
4:30 pm
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
Mommy & Me
Tuesdays
10:00 am
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
Little League
Saturdays
11:30 am
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simple drag and drop elements like text, images and links, or connect to data from your collection. Tell people more about the services you offer. Use this repeating layout to display content. It's an easy way to keep your customers up to date with what's happening. Want to make this content your own? Simply drag and drop elements.
In the above repeater, the unordered list syntax is broken.
All repeaters register a redundant click handler on each repeater item.
Shoes to Shine
Make this yours. Add images, text and links, or connect data from your collection.
Less is More
Make this yours. Add images, text and links, or connect data from your collection.
Lemon Detox
Make this yours. Add images, text and links, or connect data from your collection.
In the above repeater, DOM order needs to be modified, interactive elements are missing the correct semantics and aren't keyboard accessible
I'm Whiskers
Add your content or connect to a database.
Breed
mixed
Color
Age
Gray
Adult
Sex
Female
Hair
Medium
I'm Fluffy
Add your content or connect to a database.
Breed
mixed
Color
Age
Gray
Adult
Sex
Female
Hair
Medium
I'm Ginger
Add your content or connect to a database.
Breed
mixed
Color
Age
Orange
Adult
Sex
Male
Hair
Medium
The above repeater
List syntax is broken
Interactive elements aren't KB & SR accessible
The repeater doesn't convey any table or definition list semantics, SR reading order is broken
This repeater uses an unordered list instead of an ordered list
1.
First list item. Add your own content here or connect to data from your collection.
2.
Second list item. Add your own content here or connect to data from your collection.
3.
Third list item. Add your own content here or connect to data from your collection.
4.
Fourth list item. Add your own content here or connect to data from your collection.
5.
Fifth list item. Add your own content here or connect to data from your collection.
6.
Sixth list item. Add your own content here or connect to data from your collection.
7.
Seventh list item. Add your own content here or connect to data from your collection.
WORK SPACES
This is a great place to tell people more about your business, and the services you offer. Want to make this content your own? It's easy.
SHOWROOMS
This is a great place to tell people more about your business.
MEETING HALL
This is a great place to tell people more about your business, and the services you offer. Want to make this content your own? It's easy. Just add your images, text and links to this preset, or connect to data from your collection.
GALLERIES
This is a great place to tell people more about your business, and the services you offer. Want to make this content your own? It's easy.
The above repeater has a list syntax failure + the list items are in reverse DOM order.
Entertainment
Make this yours. Add images, text and links, or connect data from your collection.
Lifestyle
Make this yours. Add images, text and links, or connect data from your collection.
Sports
Make this yours. Add images, text and links, or connect data from your collection.
Technology
Make this yours. Add images, text and links, or connect data from your collection.
The above repeater interactive elements aren't KB & SR accessible.
The repeater on the right fails on -
-
List syntax
-
List item DOM order
JOSIE LANE
Art Director
Introduce your team! Click here to add images, text and links, or connect data from your collection.
MARTIN REED
Head of Sales
Introduce your team! Click here to add images, text and links, or connect data from your collection.
CARLA JONES
Product Manager
Introduce your team! Click here to add images, text and links, or connect data from your collection.
-
List syntax
-
List item DOM order
Urban Life
Your Text Here
Gals & Pals
Your Text Here
Lost Soles
Your Text Here
Running Suits
Your Text Here
Shades of Gray
The Art of Dress
Sand Dunes
Body Movement
Desert Life
Color Me Pink
-
List syntax
-
Interactive, not interactive
-
Columns order
-
List syntax
-
unordered instead of ordered
01/
Just In! Display Content In Repeating Layouts
Keep your visitors in the know. Want to make this content your own? Just add your images, text and links, or connect to data from your collection.
02/
Did You Know? You Can Customize This Content
Keep your visitors in the know. Want to make this content your own? Just add your images, text and links, or connect to data from your collection.
03/
Breaking News! You Can Click Here To Edit The Text
Keep your visitors in the know. Want to make this content your own? Just add your images, text and links, or connect to data from your collection.
04/
Trending! Connect Data From Your Collection
Keep your visitors in the know. Want to make this content your own? Just add your images, text and links, or connect to data from your collection.
-
List syntax
-
Column order
Accessories
Make this your own.
Add the content you want.
Kitchenware
Make this your own.
Add the content you want.
Vases
Make this your own.
Add the content you want.
Ceramics
Make this your own.
Add the content you want.
Bathroom
Make this your own.
Add the content you want.
Wallpaper
Make this your own.
Add the content you want.
01
Advertising
Tell people more about the services you offer. Add your own content here.
02
Branding
Tell people more about the services you offer. Add your own content here.
03
Consulting
Tell people more about the services you offer. Add your own content here.
-
List syntax
-
Unordered instead of ordered
-
Interactive elements, not interactive
BUSINESS NEWS
Keep your clients up to date with what's happening. To make this content your own, just add your images, text and links, or connect to data from your collection.
INVESTMENTS STOCKS & BONDS
Keep your clients up to date with what's happening. To make this content your own, just add your images, text and links, or connect to data from your collection.
REAL ESTATE
Keep your clients up to date with what's happening. To make this content your own, just add your images, text and links, or connect to data from your collection.
Technology
Keep your clients up to date with what's happening. To make this content your own, just add your images, text and links, or connect to data from your collection.
-
List syntax
-
Interactive elements, not interactive
Green Tea
Earl Grey
Special Blends
-
List syntax
-
Interactive elements, not interactive