#AccessibilityTips

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

1 week ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

1 month ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Mindful Marks | Support for autistic teens & their families.

@mindfulmarks.bsky.social

1 month ago

Accessibility for autistic and neurodivergent teens includes sensory-friendly environments, clear communication, extra processing time, and space for stimming or movement breaks.

#AutismSupport #AccessibilityTips #NeurodivergentTeens #MindfulMarksCare

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

2 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

3 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Wisdom4you

@wisdom4you.bsky.social

4 months ago

Image 1: Orange and white graphic with an eye and lightbulb icon. Text reads: "Vision Impairment Tip of the Day." Logo: Wisdom 4 the Blind.

Image 2: “Tip of the Day: Place everyday items in the same spots every time to reduce searching and build muscle memory, making daily life smoother and safer.

Keep life simple and safe, store everyday items in the same place each time. Your future self (and your muscle memory) will thank you. #DailyWisdom #AccessibilityTips #Wisdom4TheBlind

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

4 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

6 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

7 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

8 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

9 months ago

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.

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Font Awesome

@fontawesome.com

10 months ago

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

💬 “Use HTML.”
– Says Lindsay, the accessibility-aware design and developer whisperer
Why HTML? Because HTML already has accessibility baked in.
(Also: don’t reinvent the button, = friends.)
🎧 👀 youtu.be/bIiTfeJ7gYU
#AccessibilityTips #WebAwesome #HTMLFTW #FAteam 💻💥

5HINee~fer

@pentomixture.bsky.social

10 months ago

Digital accessibility testers - I need your help! WCAG criteria 1.4.4 Resize text - the guidance is to have the display set to 1280 pixels wide at 100% scaling. Then set the browser to 200%. My question - does the display setting pixel height matter? I have a choice of 1024, 960, 800, 768, 720, and 600. I've always used 1024, but perhaps there's a more suitable height. For comparison, Criteria 1.4.10 Reflow provides guidance that the display should be set to 1280 by 1024 pixels at 100% scaling.

Digital accessibility testers - I need your help!

WCAG 1.4.4 Resize text - the guidance is to have the display set to 1280 pixels wide at 100% scaling.

Does the display pixel height matter? Choices are 1024, 960, 800, 768, 720, and 600.

Thank you.

#A11y #Accessibility #AccessibilityTips

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

10 months ago

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Caryn | Firefly Graphics

@fireflygraphics.bsky.social

1 year ago

𝗟𝗶𝗻𝗲 𝗦𝗽𝗮𝗰𝗶𝗻𝗴:
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

Aava

@seuraavanlainen.bsky.social

1 year ago

This thread has basics on how to use alt-text. But what is a good alt-text? Another topic for #AccessibilityTips. Sidenotes: Don't use them as SEO keyword list.
1/

(It also needs more evidence whether unfortunately Meta apps suppress content with actual alt-text by many people's experience.)

Aava

@seuraavanlainen.bsky.social

1 year ago

Then the next thing: hashtags and separating words with a Capital Letter.

Screenreaders often just blurt out the letters, making the rest of the hashtag just alphabet gurgle.

Write each starting word with a big letter: eg. #AccessibilityTips.

(Some remember the Icelandic Pizza Album Party.)

Elizabeth Neal

@efneal.bsky.social

1 year ago

Capitalize each new word to make your hashtags easier to read, and follow this account for other helpful #AccessibilityTips

Laurel Ronning

@dandelionfluff.bsky.social

1 year ago

This is a good thread about how to write effective alt text for your posts!

#AccessibilityTips #AltText #A11y

Nārada

@narada.ca

1 year ago

#BlueSkyTips / #AccessibilityTips:

To generate Alt-text you can get help from the Be My AI feature in @bemyeyes.bsky.social app. But pls make sure to edit to improve accuracy.

You can also include #Alt4me or Alt4me in text to get a volunteer from the community to do for you. Pls don't abuse it.

Laurel Ronning

@dandelionfluff.bsky.social

1 year ago

Accessibility tip: capitalise each word in your hashtags, #LikeThis! This helps visually impaired users, whose assistive technologies will be better able to announce the hashtags as distinct words. And it helps with readability for sighted users, too! #AccessibilityTips #MakeTheWorldAccessible

SarahJay55

@sarahjay55.bsky.social

1 year ago

Another habit I’ve picked up is capitalising every word when tagging.
I read somewhere that it helps screen readers to differentiate words, and not run them together into one big nonsense word. #AccessibilityTips

Dan

@dfaccessibility.bsky.social

1 year ago

The role="presentation" attribute strips an HTML element of its default semantics, rendering it similar to a div or span. This is helpful when an element is employed solely for controlling presentation or layout, or when its native semantics aren't suitable. #accessibilitytips

Debbie Ridpath Ohi

@debbieohi.com

1 year ago

Screenshot showing Accessibility Settings, with the opt to require alt text before posting

Make your posts more accessible to those w/visual limitations by incl alt text when posting images. Turn on "require alt text" in bsky.app/settings/acc... to remind.

Alt text also picked up by some custom feeds, helps w/discovery.

Follow @a11yawareness.bsky.social for more #AccessibilityTips.