Accessible church social graphics: a practical review for alt text, type, and contrast

The graphic looks finished on your laptop. The type is crisp, the colors work, and nothing touches the edge. Then you open the phone preview. A line is too small, the crop cuts off the source, or the event details exist only inside the image.

That is why the final review belongs in the place where people will see the post: on a phone, in the app or scheduler you will actually post from.

Three terms come up throughout:

• Post text is the caption you type above or below the image. People can copy it, translate it, enlarge it, and tap its links. Words inside a picture cannot do all of that.
• Alt text (alternative text) is a short written description of the image. A screen reader reads it aloud to someone who cannot see the picture. Facebook and Instagram offer a field for it, often when you edit the photo or open the post's advanced settings. The exact place moves, so look in the composer you use, and check whether your scheduler has one too.
• Contrast is how far apart the text color and the background color are. Low contrast makes words fade into the background, especially on a phone outdoors.

The quick check before you post

If you are one person with a few minutes on a Sunday night, run these five checks. The rest of this guide explains each one in more depth.

1. Type the details in the post text. Date, time, place, and how to sign up or get in touch belong in the caption, not only inside the picture.
2. Read it on your own phone at arm's length. Open the post preview, do not zoom, and read the main line. If you squint, make the words bigger or move them into the caption. If someone else is around, ask them to read it once too.
3. Check contrast where the words sit. Words over a busy photo usually need a solid panel behind them. For a pass or fail answer, paste the two colors into a free checker such as the WebAIM Contrast Checker.
4. Write one or two sentences of alt text. Say what the picture adds to the post, and include any important words that appear only in the picture.
5. Check the people in the picture. Post a recognizable child, or any adult, only with the consent your church's policy requires.

No single check covers the rest. A color pair that passes a contrast checker can sit behind text that is too small to read. Accurate alt text can accompany an image with expired event details. A clear square graphic can lose its attribution in a portrait crop. The whole post has to work together.

Review five parts of the post separately

A static social post carries meaning in several places. Name each one before you edit.

These parts are related, but they are not interchangeable.

Suppose a graphic announces a community meal. The image says Community meal, Thursday, 6:00 p.m. over a photograph of a table. The visible post copy says only Everyone is welcome.

Longer alt text will not fix this. Put the date, time, location, access details, registration requirements, and contact route in usable post text.

People may need to copy an address, translate a sentence, enlarge the words, or follow a link. Do not trap information they need inside an image.

Here is the same post before and after review. The example is illustrative, not from a real church.

Opens a free sign-up for Church Media Kit.

The alt text does not repeat the time and place, because the post text already carries them.

Once the post copy holds the essential details, ask what the image adds. A photo of the entrance people should use may carry helpful information. A generic photo of a table may only set a mood. Those images need different treatment.

The W3C Images Tutorial bases text alternatives on purpose and context. Informative images need their essential information conveyed. Functional images describe the action or destination. Purely decorative images are marked so screen readers skip them (on a website, with an empty alt attribute). Social platforms do not all offer that kind of control, so check the app you post from. If an image adds nothing and the platform gives you no suitable way to treat it as decorative, omitting the image may be the cleaner choice.

Start with the one thing the post must do

Write one sentence before designing:

This post helps [specific reader] understand or do [specific thing].

That sentence sets the hierarchy. It also exposes crowded briefs.

This post helps a first-time visitor find the correct entrance for the 10:30 service is workable. The graphic might need a location cue, while the post copy carries the full address, parking note, access information, and contact link.

This post teaches the sermon, advertises Sunday, thanks volunteers, promotes a course, and asks for prayer requests is not one graphic. Split the jobs or choose the most important one.

Purpose also controls alternative text. A photograph of an open church door could support an entrance notice, illustrate a reflection about welcome, or decorate a general invitation. The pixels may be identical. The useful description changes because the image's job changes.

Do not turn alt text into a keyword field. Repeating search phrases does not help a person understand the image. Do not use it as a design inventory either. A list such as navy rectangle, yellow circle, white sans serif type describes ingredients while missing the message.

Keep essential wording outside the image

Words baked into a graphic cannot be restyled, reflowed, copied, or translated as easily as real text. WCAG 2.2 guidance on images of text prefers real text when the technology can provide the intended presentation. It also recognizes limited cases where the visual presentation is essential, including logotypes.

That does not ban every quote card or event graphic. It does change what the image can be trusted to carry.

Put these items in the surrounding post copy when they matter:

• dates, times, locations, prices, registration limits, and access details
• links, email addresses, phone numbers, and other next steps
• a sermon quotation or Scripture wording that must be accurate and available as text
• attribution and source context needed to understand a quotation
• corrections, exceptions, and qualifications
• response, accessibility, or safeguarding contact information

The image may repeat a short headline or selected detail for visual emphasis. The post copy remains the usable record.

A link pictured inside a graphic is not a working link. Put the real link in the destination field or visible post text. Use words that tell the reader where it goes, such as Register for the community meal, instead of a bare Click here.

Test type in the real phone preview

There is no defensible universal point size for every social graphic. A point measurement in a design file does not tell you how large the words will appear after export, crop, compression, and display inside a phone feed.

Look at the post the way your people will see it: in the feed preview of the app or scheduler you will post from, on a phone. Hold the phone at an ordinary reading distance. Do not zoom during the first pass. If you can, ask someone who did not make the graphic to read it in normal order. If you work alone, set it aside for a few minutes and read it again with fresh eyes.

Check these details:

• Can the main line be read without opening the image?
• Does the eye find the main message before supporting details?
• Are line breaks natural, or do they split a name, Scripture reference, date, or phrase?
• Is there enough space between lines, blocks, and the edge of the crop?
• Do thin strokes, condensed letters, all caps, italics, or decorative forms slow recognition?
• Does any word cross a busy photograph, gradient, glare, fabric pattern, face, or architectural detail?
• Do descenders, accents, diacritics, and punctuation remain complete?
• Does the typeface contain every glyph required by the language?
• Does a translated version expand, wrap, or reorder without clipping?

Hierarchy is more than size. Weight, placement, open space, and a solid backing can separate a headline from supporting information. Keep the number of visual levels low enough that the reader does not have to decode the layout.

A short headline can still be hard to read when it sits over a photograph. Sampling the cleanest part of the photo proves little. Inspect the weakest area behind the letter strokes. If the background changes, use a solid text panel, a sufficiently opaque overlay that you test in its final form, a different crop, or another image.

Use the contrast ratios at their actual scope

If you only need a pass or fail answer, the quick check is enough: pick the text color and the background color directly behind the words, paste both into a free checker such as the WebAIM Contrast Checker, and fix anything that fails. Dark text on a plain light panel, or light text on a plain dark panel, is the easiest way to pass. The rest of this section is for teams doing a more formal review.

WCAG 2.2 Success Criterion 1.4.3 (WCAG is the W3C's web accessibility standard) sets these Level AA minimums for text and images of text in web content:

• 4.5:1 for ordinary text
• 3:1 for large-scale text

WCAG defines large-scale text as at least 18 point when not bold or at least 14 point when bold, with equivalent sizing for Chinese, Japanese, and Korean fonts. It also lists exceptions, including incidental text, pure decoration, text that is not visible to anyone, and logotypes.

Use 4.5:1 as the default when you cannot establish that the delivered text meets the large-scale definition. Do not call a social headline large because it occupies much of the source canvas. Delivery size matters.

Measure the foreground against the background directly behind it. If a word crosses several background colors, test the weakest expected pair. A passing navy-and-cream swatch does not prove the same navy text passes over a cream photograph with bright windows and dark shadows.

Contrast is not a readability score. A passing result does not tell you whether:

• the type is large enough at phone size
• the letterforms are familiar or thick enough in practice
• the words are clipped, crowded, or badly spaced
• the reading order is clear
• the destination crop preserves the message
• the alternative text is useful
• color is the only cue
• the whole post conforms to WCAG

Meaningful graphic objects need a separate check. WCAG guidance on non-text contrast generally uses 3:1 against adjacent colors for parts of graphics required to understand the content, with stated exceptions. A decorative shape does not become informative because it has high contrast. An unlabeled slice in a chart does not become understandable because its border passes.

A few passing color pairs do not make the whole post accessible or legally compliant. WCAG conformance concerns complete web content, and whether a church has legal duties depends on its organization, jurisdiction, and content. Treat these checks as good practice. If you need to know what the law requires of your church, ask a qualified adviser.

Never make color carry the message alone

Color can organize a graphic. It cannot be the only visible clue for assigned meaning.

A schedule that marks open in green and closed in red still depends on color, even when both colors contrast strongly with the background. Add visible words, patterns, shapes, or another cue. A person should understand the distinction without naming the color.

The same rule applies to:

• available and full event sessions
• confirmed and changed service times
• two speakers in a quotation graphic
• categories in a chart
• required and optional actions
• safe and unsafe route markings

WCAG 2.2 guidance on use of color makes this visible requirement explicit. Alt text for a color key may help a screen-reader user, but it does not fix a color-only cue for a sighted person who cannot distinguish the colors.

Write alt text after the final crop

Alt text should replace the image's relevant information or function in this post. Write it after the crop, overlay, and visible post copy are final, then paste it into the alt-text or image-description field of the app or scheduler you post from.

Use this sequence:

1. Read the visible post copy without looking at the image.
2. State what the image adds to the post.
3. Include any essential words visible only in the image.
4. Describe visual information needed for the same purpose.
5. Remove details that do not help with that purpose.
6. Read the post copy and alt text together to catch repetition.

Here are three common failures.

Do not infer what the pixels cannot establish. Avoid guessing a person's disability, ethnicity, gender, relationship, emotion, diagnosis, immigration status, financial condition, spiritual state, or consent. Use known, relevant facts only when the church has authority to publish them.

For a complex chart, timetable, map, or diagram, a short alt field may be the wrong place for all the detail. Provide a short identification and summary, then place the full information in usable post text, a properly structured page, or another accessible format. If the destination cannot carry an adequate equivalent, do not use that graphic there.

Test the exact destination, not a size label

The destination is the exact place the post will appear: the account, the app, and the post format. Square, portrait, and story are starting canvases. They are not promises about every feed, device, account, composer, preview, share card, or embedded view.

Before publishing, use the current composer and check:

• the exact destination account and audience
• the feed preview and expanded image
• automatic crops, safe areas, and interface overlays
• the first image in a multi-image post
• the visible post copy, line breaks, mentions, and hashtags
• the alt-text or image-description field
• the working link and its destination
• any cross-post, scheduler, or approval path that sits between the draft and the provider

Current LinkedIn photo guidance says feed photos render at a maximum 4:5 ratio and that the first image in a multi-image post receives greater visual emphasis. Another destination can behave differently. Provider interfaces also change. Recheck near publication.

Do not assume a scheduler preserves alt text because its draft form has an alt field. The first time you use a new publishing path, check the live post right after it goes up (or a test on a private or limited-audience account, if you have one) and correct the description in the app if it did not arrive. A saved description is evidence to carry forward, not proof of delivery.

Static graphics are not video accessibility

This review applies to a static image. Animated stories, GIFs, livestreams, and videos introduce other needs.

Moving content may need accurate captions, a transcript, audio description, pause controls, flash review, and enough display time. A static cover image and its alt text do not make the video accessible.

If a destination turns still images into an animated format, review the final format rather than reusing the static approval.

Review language and cognitive load

A readable typeface cannot rescue unclear writing.

Explain church-specific terms when the intended reader may not know them. Keep instructions concrete. Put one action in one sentence where possible. Avoid crowding a prayer invitation, event notice, doctrine summary, and registration process into one visual.

For every language version:

• use a reviewer who understands the language and church context
• confirm the typeface contains the needed script, accents, and punctuation
• check shaping, direction, line breaks, and reading order
• allow for expansion or contraction rather than shrinking the words until they fit
• repeat the phone-size and destination tests on the translated asset

No font is universally accessible. Letter familiarity, weight, spacing, size, language support, and reader needs all matter.

For formats you use every week, ask someone with relevant lived experience, such as a member who uses a screen reader or has low vision, whether they would read a few posts and tell you what is hard. Thank them for their time. Do not simulate disability by blurring an image, applying a color filter, or covering your eyes and treating the result as user research.

Check the people and material in the image

Accessibility review does not replace rights, consent, privacy, dignity, or safeguarding review.

For every photograph, illustration, font, texture, icon, quotation, and other asset, record what allows the church to publish it. Check ownership, licence scope, required credit, allowed edits, destination, territory, and expiry. Credit does not create permission.

For recognizable people, confirm the church's consent and safeguarding process for the planned channel and use. A photograph can reveal worship attendance, a child's location, a name badge, a school uniform, a house number, a prayer request, a medical detail, or another fact the subject did not intend to publish.

For photos of children, check that the family's consent covers this use, and do not pair the photo with a child's full name, school, or regular location. Before posting, also check any tags, and watch the comments afterwards.

In the UK, the Church of England's current consent-form guidance records permission by activity, wider communication, channel, and name treatment. Your church still needs its own policy and advice for its own country and denomination.

Hold the post when rights or consent are unclear. Replace the asset, remove identifying details, use a non-identifying illustration, or publish plain text. A calendar deadline is not permission.

Make sure someone can handle the response

A post can be visually readable and operationally careless.

If it asks people to share prayer needs, disclose a hardship, register a child, request financial help, report a safeguarding concern, or send a direct message, name the person who will monitor the route. Set the coverage window and escalation path. Check that the public wording does not ask people to place sensitive information in comments.

If nobody can respond appropriately, change the call to action or omit it. An unanswered invitation can create confusion at best and a pastoral or safeguarding problem at worst.

Where Church Media Kit fits

Every check in this guide works in any design tool. If you use Church Media Kit, a Sermon Kit (the set of draft posts it makes from one sermon) can keep a caption and an alt-text draft for each post, and its Studio editor gives you manual control over text, fonts, colors, backgrounds, images, shapes, layers, position, and size.

Those controls support editing. They do not automatically test contrast, certify accessibility, clear rights, guarantee crop safety, send alt text to every destination, prove platform acceptance, or decide compliance.

Review the final pixels and revise the saved description for the image's actual purpose. Then confirm the destination field and published result through the path your church uses.

Omit the graphic when the graphic is the problem

Use plain text or another format when:

• essential wording will not fit at a readable phone size
• the destination crop changes the meaning or removes required context
• the platform or publishing path cannot carry an adequate text equivalent
• a complex chart, map, or timetable cannot be explained usefully there
• rights, consent, privacy, dignity, or safeguarding remains unresolved
• the needed language or script renders incorrectly
• the post relies on color alone and cannot be repaired in time
• motion or audio needs exceed the team's review capacity
• the call to action has no responsible response owner

Omission is an editorial decision, not a failure to fill a slot. The goal is to communicate the information, not to defend the graphic.

A reusable destination review

This fuller list suits recurring formats and teams with more than one person. If you work alone, the five quick checks at the top cover the essentials. For each item, record pass, hold, or a reasoned not applicable decision for the exact post.

Purpose and information

• The post has one named purpose and intended reader.
• Essential details, links, context, and next steps appear in usable post text.
• The image adds information or a deliberate visual purpose.
• Facts, quotations, names, dates, and source wording match an approved source.

Type and contrast

• A second person can read the graphic at its actual phone-preview size.
• Hierarchy, line breaks, spacing, accents, glyphs, and reading order remain clear.
• Ordinary text reaches 4.5:1 against the weakest background area.
• Any use of 3:1 for large-scale text fits WCAG's delivered-size definition.
• Meaningful graphic objects receive their separate contrast review.
• Color is not the only visible cue for information or action.
• Essential words remain available outside the image.

Alternative text and destination

• The alternative is based on the final pixels, purpose, and surrounding copy.
• It includes essential image information without keyword stuffing or decorative inventory.
• It avoids unsupported inference about people, feelings, identity, or outcomes.
• Every intended crop and overlay preserves the subject and meaning.
• The current destination field, preview, account, audience, and link were checked.
• The publishing path was tested for description delivery where that path matters.

People, rights, and response

• The church has the required rights, licence, credit, and edit authority for every asset.
• Consent, privacy, dignity, and safeguarding were reviewed for the planned use.
• The post does not expose a location, identity, story, or sensitive detail without authority.
• A named person can handle replies, direct messages, registrations, disclosures, and escalation.
• An authorized publisher approved this exact destination version.

For larger teams, a checked box should point to evidence. Keep the preview, contrast reading, source, consent or rights record, alt-text version, and approver with the post record your church uses.

Frequently asked questions

What contrast ratio should church social graphics use?

Use at least 4.5:1 for ordinary text and images of text. Use 3:1 only when the delivered text meets WCAG's large-scale definition, which is at least 18 point when not bold or at least 14 point when bold, with equivalent sizing for CJK fonts. Test the actual background behind the text. These ratios are one web-accessibility check, not proof that a complete social post conforms or complies with law.

Is there a minimum font size for Instagram or Facebook graphics?

There is no useful universal point size across source files, crops, devices, and destination previews. Test the exported graphic at the size it occupies in the current phone preview. If a person needs to open or zoom the image to discover the main message, simplify the graphic or move the information into post text.

Should alt text repeat the words in the image?

Include essential words that are available only in the image. When the visible post copy already provides the same information, avoid needless repetition and describe what the image adds. Read the post copy and alternative together before publishing.

Should every image have alt text?

Every informative or functional image needs a suitable text alternative. A purely decorative image can be marked so screen readers skip it (on a website, with an empty alt attribute). Social platforms vary, and some do not offer that control. Check the app you post from. If the image adds nothing and cannot be treated appropriately, omit it.

Does passing contrast make the graphic accessible?

No. Contrast does not test type size, hierarchy, spacing, clipping, language support, color-only meaning, alternative text, crop behavior, links, rights, consent, safeguarding, or the rest of the destination post.

Can automatic alt text be left as published?

Review it against the final image and purpose. Automatic descriptions may identify objects while missing the event information, relationship, action, or context the post needs. They can also infer details inaccurately. Replace or edit the text through the current destination controls when possible.

What if the church cannot make the graphic work?

Publish the essential information as clear text, choose a simpler asset, or use another format the team can review. A plain post that people can understand and act on is a better decision than a polished graphic that withholds the message.