Accessible Carousel Design: Contrast, Text Size, Safe Zones

Accessible carousel design मतलब text-to-background contrast लगभग 4.5:1, type इतना बड़ा कि phone को हाथ की दूरी पर पढ़ा जा सके, और critical content frame के ऊपर 10% और नीचे 20% से बाहर रखना, plus right edge जहाँ TikTok के action buttons बैठते हैं। Design करें 1080x1920 पर। Unreadable slides skip हो जाती हैं, जिससे dwell time और completion rate गिरते हैं - carousel ranking का सबसे मज़बूत signal।

Accessibility को ethics के खाने में डाल दिया जाता है, इसीलिए ज़्यादातर creators skip कर देते हैं। TikTok पर यह distribution का मुद्दा है। Moving feed में जो slide कोई पढ़ न पाए, उस पर dwell time नहीं, swipe नहीं, और algorithm के पास act करने लायक कोई signal नहीं। नीचे के rules कुछ नहीं खर्च करते और उन दो metrics को बचाते हैं जो carousel reach चलाते हैं।

TikTok पर carousel text के safe zones क्या हैं?

हर slide 1080x1920 (9:16) पर design करें, फिर तीन regions को critical चीज़ों के लिए off-limits मानें:

जो ज़रूरी है - headline, key numbers, slide की punchline - सब central block में रहे। Creators अक्सर final slide के नीचे सुंदर CTA रख देते हैं और कभी realize नहीं करते कि हर viewer के लिए वह caption के पीछे छिप जाता है। Quick test: अपने ही feed का screenshot लें, design tool में slide उसके पीछे डालें, और देखें क्या बचता है।

सीधी बात: critical text को ऊपर 10%, नीचे 20%, और right-edge button column से बाहर रखें।

Carousel slide text का contrast ratio कितना होना चाहिए?

Strong text-to-background contrast निशाना बनाएँ, web accessibility guidance जैसा लगभग body text के लिए 4.5:1। हर slide measure करने की ज़रूरत नहीं, पर वे दो combinations हमेशा fail होते हैं - उन्हें ship करना बंद करें:

• Light gray on white. Bright monitor पर design tool में refined लगता है। बाहर phone पर invisible हो जाता है।
• Busy photos पर thin type। Tonal variation वाली कोई भी photo letterforms के हिस्से खा जाती है।

Fixes जो हमेशा काम करते हैं: text blocks के पीछे solid color backgrounds, photo और type के बीच dark scrim, headline में semibold या bold weights, और प्रति template एक text color। यहीं accessible design और brand consistency एक-दूसरे को मज़बूत करते हैं - locked two- या three-color palette contrast को per-post फ़ैसला की जगह एक-बार का फ़ैसला बना देता है।

सीधी बात: लगभग 4.5:1 contrast target करें और light gray on white को हमेशा के लिए खत्म करें।

Carousel text कितना बड़ा होना चाहिए?

इतना बड़ा कि phone हाथ की दूरी पर पढ़ा जाए, मतलब व्यवहार में headline text slide का meaningful हिस्सा घेरे, कोने में विनम्रता से न बैठे। Rule जो इसे ईमानदार रखता है: अगर words fit कराने के लिए type छोटा करना पड़े, तो type नहीं - words काटें।

Working guidelines:

• Hook slide: लगभग आठ words से कम, जितना safe zone अनुमति दे उतना बड़ा
• Body slides: तीन short sentences से कम, प्रति slide एक idea
• Ratio: पूरे deck में roughly 70% visual, 30% text
• Slide count: 5 to 8 slides, क्योंकि 10-35 slide decks completion rate खो देते हैं

Text density ही dwell time को control करती है। प्रति slide दो से पाँच seconds healthy है। दो से कम मतलब slide में swipe के लायक बहुत कम है; पाँच से ज़्यादा आमतौर पर overload है और viewers final slide से पहले छोड़ देते हैं। Tune कैसे करें - dwell time per slide।

सीधी बात: हाथ की दूरी पर पढ़ने लायक type, और shrink करने की जगह words काटें।

Accessible design असल में TikTok reach पर असर डालता है क्या?

Indirectly और काफ़ी। जो slides पढ़ना मुश्किल हों, skip हो जाती हैं। Skipping dwell time और completion rate गिराती है, और completion rate carousel distribution का सबसे मज़बूत signal है। Readability खुद ranking factor नहीं - उन दो चीज़ों का input है जो हैं।

दो और compounding effects:

• Viewers का बड़ा हिस्सा muted देखता है। Burned-in text ही आपके message का वह version है जो ज़्यादातर लोगों तक पहुँचता है। Subtitles for faceless creators वाली वही logic हर carousel slide पर लागू होती है।
• On-screen text TikTok के OCR search indexing को खिलाता है। Legible slide text platform के search systems पढ़ सकते हैं; low-contrast decorative type नहीं। Illegible design आपको search visibility भी लुटाती है, सिर्फ़ swipes नहीं।

First-slide effect भी है। Swipe-through rate 60% से ऊपर strong है, और slide one ही वह lever है जो इसे हिलाता है। जो hook आधे second में पढ़ा न जाए, words कितने भी अच्छे हों - fail। देखें hook slide design।

सीधी बात: readability completion rate बचाती है, और completion rate carousel distribution तय करता है।

Scheduling से पहले चलाने वाला accessibility checklist

इसे प्रति post नहीं, प्रति template एक बार चलाएँ - यही template system बनाने का point है।

• Canvas 1080x1920 है
• ऊपर 10%, नीचे 20%, या right-edge button column में कोई critical text नहीं
• Contrast obviously strong है, marginal नहीं
• Headline thumbnail size पर readable है
• Body slides तीन short sentences से कम, roughly 70% visual to 30% text
• कुल 5 to 8 slides
• हर slide असल phone पर daylight में legible है

Tool-side, PostCrows के Design step में Layout editor वही जगह है जहाँ safe-zone margins पूरे batch के लिए एक बार fix होते हैं, और Generation में Preview All queue करने से पहले हर slide scan करने देता है। General on-screen text principles text on screen guide में हैं।

सीधी बात: template एक बार audit करें और हर post उसी fix को inherit करे।

आख़िरी बात

Accessible carousel design distribution work है जो design work की तरह disguise होता है। 1080x1920 पर बनाएँ, critical content को ऊपर 10%, नीचे 20%, और right-edge button column से बाहर रखें, और contrast को web body text वाले 4.5:1 standard के पास रखें। Type हाथ की दूरी पर readable रखें और shrink करने की जगह words काटें - hook slide पर आठ words से कम, body slide पर तीन short sentences से कम, 5 to 8 slides पर roughly 70% visual to 30% text। Illegible slides skip होती हैं, skipping dwell time और completion rate मारती है, और completion rate carousels का सबसे मज़बूत signal है। Template level पर एक बार fix करें, और बाद में batch की हर post एक ऐसा deck inherit करे जिसे लोग असल में पढ़ सकें।