Accessible Carousel Design: Contrast, Text Size, and Safe Zones

Accessible carousel design means text-to-background contrast around 4.5:1, type large enough to read on a phone at arm’s length, and critical content kept out of the top 10% and bottom 20% of the frame plus the right edge where TikTok’s action buttons sit. Design at 1080x1920. Unreadable slides get skipped, which lowers dwell time and completion rate - the strongest carousel ranking signal.

Accessibility gets filed under ethics, which is why most creators skip it. On TikTok it’s a distribution issue. A slide nobody can read in a moving feed produces no dwell time, no swipe, and no signal the algorithm can act on. The rules below cost nothing and protect the two metrics that drive carousel reach.

What are TikTok’s safe zones for carousel text?

Design every slide at 1080x1920 (9:16), then treat three regions as off-limits for anything critical:

Everything essential - headline, key numbers, the punchline of the slide - belongs in the central block. Creators routinely place a beautiful CTA at the bottom of the final slide and never realize it sits behind the caption for every viewer. Quick test: screenshot your own feed, drop a slide behind it in your design tool, and check what survives.

The takeaway: keep critical text out of the top 10%, bottom 20%, and right-edge button column.

What contrast ratio should carousel slide text meet?

Aim for strong text-to-background contrast comparable to web accessibility guidance of roughly 4.5:1 for body text. You don’t need to measure every slide, but you do need to stop shipping the two combinations that always fail:

• Light gray on white. It looks refined in a design tool on a bright monitor. On a phone outdoors it’s invisible.
• Thin type over busy photos. Any photo with tonal variation will eat parts of the letterforms.

Fixes that always work: solid color backgrounds behind text blocks, a dark scrim between photo and type, semibold or bold headline weights, and one text color per template. This is where accessible design and brand consistency reinforce each other - a locked two- or three-color palette makes contrast a decision you make once instead of per post.

The takeaway: target about 4.5:1 contrast and kill light gray on white permanently.

How large should carousel text be?

Large enough to read on a phone held at arm’s length, which in practice means headline text occupies a meaningful share of the slide rather than sitting politely in a corner. The rule that keeps this honest: if you have to shrink the type to make the words fit, cut words instead.

Working guidelines:

• Hook slide: under about eight words, set as large as the safe zone allows
• Body slides: under three short sentences, one idea per slide
• Ratio: roughly 70% visual, 30% text across the deck
• Slide count: 5 to 8 slides, since 10-35 slide decks lose completion rate

Text density is also what controls dwell time. Two to five seconds per slide is healthy. Under two seconds means the slide carries too little to be worth the swipe; over five usually means it’s overloaded and viewers abandon before the final slide. See dwell time per slide for how to tune it.

The takeaway: type big enough to read at arm’s length, and cut words rather than shrinking them.

Does accessible design actually affect TikTok reach?

Indirectly and substantially. Slides that are hard to read get skipped. Skipping lowers dwell time and completion rate, and completion rate is the strongest carousel distribution signal there is. Readability isn’t a ranking factor by itself - it’s an input to two things that are.

Two more compounding effects:

• A large share of viewers watch muted. Burned-in text is the only version of your message most people receive. The same logic behind subtitles for faceless creators applies to every carousel slide.
• On-screen text feeds TikTok’s OCR search indexing. Legible slide text is readable by the platform’s search systems; low-contrast decorative type is not. Illegible design costs you search visibility as well as swipes.

There’s also a first-slide effect. Swipe-through rate above 60% is strong, and slide one is the only lever that moves it. A hook that can’t be read in half a second fails regardless of how good the words are - see hook slide design.

The takeaway: readability protects completion rate, and completion rate decides carousel distribution.

An accessibility checklist to run before scheduling

Run this once per template rather than once per post - that’s the point of building a template system.

• Canvas is 1080x1920
• No critical text in the top 10%, bottom 20%, or right-edge button column
• Contrast is obviously strong, not marginal
• Headline readable at thumbnail size
• Body slides under three short sentences, roughly 70% visual to 30% text
• 5 to 8 slides total
• Every slide legible in daylight on a real phone

Tool-side, the Layout editor in PostCrows’ Design step is where safe-zone margins get fixed once for a whole batch, and Preview All in Generation lets you scan every slide before anything is queued. General on-screen text principles are in the text on screen guide.

The takeaway: audit the template once and every post inherits the fix.

The bottom line

Accessible carousel design is distribution work disguised as design work. Build at 1080x1920, keep critical content out of the top 10%, bottom 20%, and right-edge button column, and hold contrast near the 4.5:1 standard used for web body text. Size type to be readable at arm’s length and cut words rather than shrinking them - under eight words on the hook slide, under three short sentences per body slide, roughly 70% visual to 30% text across 5 to 8 slides. Illegible slides get skipped, skipping kills dwell time and completion rate, and completion rate is the strongest signal carousels have. Fix it once at the template level, and every post you batch afterward inherits a deck people can actually read.