Caryn | Firefly Graphics
LightNews LightNews
banner
fireflygraphics.bsky.social
Caryn | Firefly Graphics
@fireflygraphics.bsky.social
14 followers 14 following 200 posts
Creating user-friendly, more accessible, graphics to help you connect with a wider audience.

https://linktr.ee/fireflygraphicsaus?fbclid=PAZXh0bgNhZW0CMTEAAaYMaU4GArVjyWRZz_yErRLG8_svxtitlR4Di_iUxps_rB97SDlDzm_NSJ8_aem_nkoX9xhvd49omlG15EDRdA
Posts Replies Media Videos
Pinned
fireflygraphics.bsky.social
Caryn | Firefly Graphics @fireflygraphics.bsky.social · Feb 18
Hey, I’m Caryn!👋 I help businesses expand their branding—big or small—across all touchpoints for a cohesive, professional presence while keeping content as inclusive as possible. Expect dog-themed design insights—because everything’s better with dogs! 🐶 What’s your biggest accessibility frustration?
A little black and grey dog wearing dark-rimmed spectacles and a teal bow tie, sits next to the words, "Inclusive Digital Design is Great Business!".
fireflygraphics.bsky.social
Small text isn’t clever, it’s a readability nightmare.

🔹 Web: At least 16px
🔹 Print: At least 12pt
🔹 Bigger is better (esp. for mobile users)

Small text = lost customers. Make it easy for people to read your social graphic, website, flyer or book.

#SizeMatters #InclusiveDesign #MarketingTips
A Great Dane (dog) peers down at a very small Chihuahua-looking dog. The text on the graphic is repeated in the caption
November 12, 2025 at 3:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
November 8, 2025 at 7:01 AM
fireflygraphics.bsky.social
𝗖𝗼𝗻𝘁𝗿𝗮𝘀𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀
People can’t read what they can’t see.
If your audience has to squint, that’s not good design.
Low contrast = low engagement.

#AccessibleDesign #MarketingTips #SmallBusinessAustralia

The image demonstrates text on a background with high contrast and text on a background with low contrast. There is a black and white Greyhound off to the side with their head tilted. The text in the graphic is repeated in the caption.
November 7, 2025 at 8:05 AM
fireflygraphics.bsky.social
𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

Hate to break it to you, but "Click here" doesn’t cut it! Vague button text can confuse users, create accessibility barriers, and even impact SEO.

𝗗𝗼𝗻'𝘁 𝘂𝘀𝗲:
🚫 Click here
🚫 More info

𝗜𝗻𝘀𝘁𝗲𝗮𝗱:
See below 👇

#AccessibleWeb #ClearUX #InclusiveDesign
Heading: Use Descriptive Button Text Sub-heading: Make sure button text is descriptive - no vague "Click Here" Example 1: A button with the text reading, "Submit". It has a red cross above it. Example 2: A button with the text reading, "Click to Submit Details". It has a green tick above it. A large brown dog looks on with a perplexed look on his face.
November 5, 2025 at 3:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
November 1, 2025 at 6:02 AM
fireflygraphics.bsky.social
𝗔𝘃𝗼𝗶𝗱 𝗠𝗼𝘃𝗶𝗻𝗴 𝗼𝗿 𝗙𝗹𝗮𝘀𝗵𝗶𝗻𝗴 𝗧𝗲𝘅𝘁

⚠️ Flashing content can be unsafe for some users.

🔹 Avoid animations that flash over 3 times per second.
🔹 Fast flashes can trigger seizures.
🔹 Use smooth animations instead.

#SafeDesign #AccessibilityMatters #UserFriendlyContent
The text in the graphic is repeated in the caption.nA pug dog looks towards the text in the graphic; it's wearing dark sunglasses.n
October 31, 2025 at 7:06 AM
fireflygraphics.bsky.social
𝗔𝗱𝗱 𝗔𝗹𝘁 𝗧𝗲𝘅𝘁 𝘁𝗼 𝗜𝗺𝗮𝗴𝗲𝘀

If your post includes an image, does it have alt text?

𝗪𝗵𝗮𝘁’𝘀 𝗔𝗹𝘁 𝗧𝗲𝘅𝘁?
A written description of an image for screen readers.

𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀:
Without it, blind users miss out on important information.

#AltTextMatters #InclusiveDesign #AccessibleContent

See more 👇
The heading and subheading are repeated in the caption. A photo of a chihuahua wearing a pink bow on its head is displayed in a frame. Next to the frame, there is a red cross and the words "image1". Below that is a green tick and the words, "A Chihuahua with a pink bow on her head looks towards the camera". A border collie dog looks towards the photo with one paw covering one eye.
October 29, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
October 25, 2025 at 6:03 AM
fireflygraphics.bsky.social
𝗖𝗼𝗹𝗼𝘂𝗿 𝗮𝗹𝗼𝗻𝗲 𝗶𝘀𝗻’𝘁 𝗲𝗻𝗼𝘂𝗴𝗵 to communicate meaning.

1 in 12 men & 1 in 200 women have colour blindness—including my husband. He can often find clues that help, but sometimes, he can miss things.

Have you ever struggled with colour-based info?

#AccessibleDesign #InclusiveGraphics #VisibilityMatters
Heading: Don't Rely on Colour Alone Sub-heading: Use patterns, labels, or icons alongside colour to convey meaning Example 1: A red dot and a green dot with the text next to them that says, "Not inclusive or accessible" Example 2: A red dot with a white X and a green dot with a white tick. The text next to them says, "A better option" A white dog, with a happy expression, looks towards the camera. For some he may be difficult to see though, he may fade into the pale grey and white background.
October 24, 2025 at 7:13 AM
fireflygraphics.bsky.social
𝗞𝗲𝗲𝗽 𝗧𝗲𝘅𝘁 𝗟𝗲𝗳𝘁-𝗔𝗹𝗶𝗴𝗻𝗲𝗱

I preferred justified text; it looks so neat, but it can be harder to read.

🔹 Uneven spaces = disrupted reading flow.
🔹 Left-aligned text is easiest for most people.

Align left and help your audience read with ease!

#ReadableText #TypographyMatters #AccessibilityDesign
Heading: "Keep Text Left-Aligned" Sub-heading: Especially for people with dyslexia, it's easiest to read Then a paragraph of text that has been justified and shows uneven spacing between words says, "Justified text can be particularly difficult for those with dyslexia and other vision impairments to read due to the varying distances between text and visual "rivers" that can be formed with the spaces."
October 22, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
October 18, 2025 at 6:03 AM
fireflygraphics.bsky.social
𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
Don't underestimate the importance of getting this right.

🔹 Use 1.5x line spacing for body text.

🔹 Avoid cramped text—it slows reading.

🔹 Better spacing = better comprehension.

#TypographyMatters #ReadableDesign #AccessibilityTips
Heading: “Line Spacing” Sub-heading: “Using at least 1.5 times spacing improves readability" Below is an example of a paragraph with 1.5 times spacing, with a green tick above it, then an example of a paragraph where the lines of text are too close together, with a red cross above it. The text in the paragraphs is used in the example paragraphs. In the bottom right corner of the graphic, a tan-coloured spaniel-type dog wearing reading glasses seems annoyed.
October 17, 2025 at 7:08 AM
fireflygraphics.bsky.social
𝗣𝗟𝗘𝗔𝗦𝗘 𝗦𝗧𝗢𝗣 𝗨𝗦𝗜𝗡𝗚 𝗔𝗟𝗟 𝗖𝗔𝗣𝗦.

𝗜𝗧’𝗦 𝗛𝗔𝗥𝗗 𝗧𝗢 𝗥𝗘𝗔𝗗 𝗔𝗡𝗗 𝗟𝗢𝗢𝗞𝗦 𝗟𝗜𝗞𝗘 𝗬𝗢𝗨'𝗥𝗘 𝗦𝗛𝗢𝗨𝗧𝗜𝗡𝗚!

Using all capital letters can slow reading and can confuse screen readers.

🔹 Words lose their shape.
🔹 It can look aggressive.
🔹 Use bold or colour instead.

#ReadableText #AccessibilityMatters #DesignTips
A black and white dog looks towards the camera with its head turned slightly away. The dog is wearing a baseball cap backwards. The text in the graphic is repeated in the caption, plus gives an example of two lines of text that are difficult to read when entirely in capital letters.
October 15, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
October 11, 2025 at 6:03 AM
fireflygraphics.bsky.social
𝗥𝗲𝗮𝗱𝗮𝗯𝗹𝗲 𝗙𝗼𝗻𝘁𝘀

Some fonts are gorgeous, but if people can’t read them, then what’s the point? 🤷‍♀️

🔹 Stick to sans-serif fonts for digital content.
🔹 Save decorative fonts for accents.
🔹 Make sure the spacing isn’t too tight or too loose.

#FontMatters #ReadableDesign #TypographyTips
A Rottweiler-looking dog looks towards the camera, tongue out, with a straw hat covering one ear and his eyes. The text in the graphic is repeated in the caption plus demonstrates a good, simple font choice that’s easy to read and a script font that’s not easy to read.
October 10, 2025 at 7:08 AM
fireflygraphics.bsky.social
Small text isn’t clever, it’s a readability nightmare.

🔹 Web: At least 16px
🔹 Print: At least 12pt
🔹 Bigger is better (esp. for mobile users)

Small text = lost customers. Make it easy for people to read your social graphic, website, flyer or book.

#SizeMatters #InclusiveDesign #MarketingTips
A Great Dane (dog) peers down at a very small Chihuahua-looking dog. The text on the graphic is repeated in the caption
October 8, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
October 4, 2025 at 6:03 AM
fireflygraphics.bsky.social
𝗖𝗼𝗻𝘁𝗿𝗮𝘀𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀
People can’t read what they can’t see.
If your audience has to squint, that’s not good design.
Low contrast = low engagement.

#AccessibleDesign #MarketingTips #SmallBusinessAustralia

The image demonstrates text on a background with high contrast and text on a background with low contrast. There is a black and white Greyhound off to the side with their head tilted. The text in the graphic is repeated in the caption.
October 3, 2025 at 7:06 AM
fireflygraphics.bsky.social
𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

Hate to break it to you, but "Click here" doesn’t cut it! Vague button text can confuse users, create accessibility barriers, and even impact SEO.

𝗗𝗼𝗻'𝘁 𝘂𝘀𝗲:
🚫 Click here
🚫 More info

𝗜𝗻𝘀𝘁𝗲𝗮𝗱:
See below 👇

#AccessibleWeb #ClearUX #InclusiveDesign
Heading: Use Descriptive Button Text Sub-heading: Make sure button text is descriptive - no vague "Click Here" Example 1: A button with the text reading, "Submit". It has a red cross above it. Example 2: A button with the text reading, "Click to Submit Details". It has a green tick above it. A large brown dog looks on with a perplexed look on his face.
October 1, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
September 27, 2025 at 6:04 AM
fireflygraphics.bsky.social
𝗔𝘃𝗼𝗶𝗱 𝗠𝗼𝘃𝗶𝗻𝗴 𝗼𝗿 𝗙𝗹𝗮𝘀𝗵𝗶𝗻𝗴 𝗧𝗲𝘅𝘁

⚠️ Flashing content can be unsafe for some users.

🔹 Avoid animations that flash over 3 times per second.
🔹 Fast flashes can trigger seizures.
🔹 Use smooth animations instead.

#SafeDesign #AccessibilityMatters #UserFriendlyContent
The text in the graphic is repeated in the caption.nA pug dog looks towards the text in the graphic; it's wearing dark sunglasses.n
September 26, 2025 at 7:07 AM
fireflygraphics.bsky.social
𝗔𝗱𝗱 𝗔𝗹𝘁 𝗧𝗲𝘅𝘁 𝘁𝗼 𝗜𝗺𝗮𝗴𝗲𝘀

If your post includes an image, does it have alt text?

𝗪𝗵𝗮𝘁’𝘀 𝗔𝗹𝘁 𝗧𝗲𝘅𝘁?
A written description of an image for screen readers.

𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀:
Without it, blind users miss out on important information.

#AltTextMatters #InclusiveDesign #AccessibleContent

See more 👇
The heading and subheading are repeated in the caption. A photo of a chihuahua wearing a pink bow on its head is displayed in a frame. Next to the frame, there is a red cross and the words "image1". Below that is a green tick and the words, "A Chihuahua with a pink bow on her head looks towards the camera". A border collie dog looks towards the photo with one paw covering one eye.
September 24, 2025 at 2:30 AM
fireflygraphics.bsky.social
"𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗶𝘁𝘆 𝗶𝗻 𝗱𝗲𝘀𝗶𝗴𝗻 𝗴𝗶𝘃𝗲𝘀 𝗯𝘂𝘀𝗶𝗻𝗲𝘀𝘀𝗲𝘀 𝗮 𝗹𝗲𝗴 𝘂𝗽 𝗼𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗽𝗲𝘁𝗶𝘁𝗶𝗼𝗻."
– McKinsey & Co.

Accessible design isn’t just about compliance—it’s about reaching more customers and standing out!

#InclusiveMarketing #AccessibilityWins #DesignForAll
The text on the graphic reads, “Inclusivity in design gives businesses a leg up on the competition …”. The remaining part of the quote is in the caption. A large brown dog, sitting upright, has one paw on the top of a German Shepherd’s head. The German Shepherd is lying down and the first dog is pushing one of the Shepherd’s ears down.
September 20, 2025 at 6:04 AM
fireflygraphics.bsky.social
𝗖𝗼𝗹𝗼𝘂𝗿 𝗮𝗹𝗼𝗻𝗲 𝗶𝘀𝗻’𝘁 𝗲𝗻𝗼𝘂𝗴𝗵 to communicate meaning.

1 in 12 men & 1 in 200 women have colour blindness—including my husband. He can often find clues that help, but sometimes, he can miss things.

Have you ever struggled with colour-based info?

#AccessibleDesign #InclusiveGraphics #VisibilityMatters
Heading: Don't Rely on Colour Alone Sub-heading: Use patterns, labels, or icons alongside colour to convey meaning Example 1: A red dot and a green dot with the text next to them that says, "Not inclusive or accessible" Example 2: A red dot with a white X and a green dot with a white tick. The text next to them says, "A better option" A white dog, with a happy expression, looks towards the camera. For some he may be difficult to see though, he may fade into the pale grey and white background.
September 19, 2025 at 7:12 AM
fireflygraphics.bsky.social
𝗞𝗲𝗲𝗽 𝗧𝗲𝘅𝘁 𝗟𝗲𝗳𝘁-𝗔𝗹𝗶𝗴𝗻𝗲𝗱

I preferred justified text; it looks so neat, but it can be harder to read.

🔹 Uneven spaces = disrupted reading flow.
🔹 Left-aligned text is easiest for most people.

Align left and help your audience read with ease!

#ReadableText #TypographyMatters #AccessibilityDesign
Heading: "Keep Text Left-Aligned" Sub-heading: Especially for people with dyslexia, it's easiest to read Then a paragraph of text that has been justified and shows uneven spacing between words says, "Justified text can be particularly difficult for those with dyslexia and other vision impairments to read due to the varying distances between text and visual "rivers" that can be formed with the spaces."
September 17, 2025 at 2:30 AM