Accessibility Awareness @a11yawareness.bsky.social · 8h

Chartability is a resource to help make data visualizations and charts more accessible. It's organized into principles with testable criteria aimed at making sure people with disabilities are able to access data.

chartability.fizz.studio

chartability.fizz.studio

3 11

Accessibility Awareness @a11yawareness.bsky.social · 1d

When writing alt text, focus on what is actually in the image. Any relevant information that isn't describing the image itself should be in a caption below the image, not in the alt text. This includes photo credits, permissions, and copyright information.

1 23 57

Accessibility Awareness @a11yawareness.bsky.social · 1d

Verbalize what is on the screen in online presentations so as to help those who can't see your screen. Some may be blind or have low vision, and unable to read the screen-share contents using assistive technology. Others may be calling in or have bad internet connections.

8 30

Accessibility Awareness @a11yawareness.bsky.social · 2d

Vestibular disorders affect people's balance as well as their visual perception of their world around them. Don't make animations, sliders, videos, or rapid movement start automatically, as autoplaying elements could trigger a bad reaction in people who have vestibular disorders.

14 42

Accessibility Awareness @a11yawareness.bsky.social · 2d

If your organization has Slack, Teams, or any other messaging program, you should have a dedicated accessibility channel. This would be a great way for everyone on your team to learn together by sharing links, posing questions, and reviewing alt text, among other things.

18 41

Accessibility Awareness @a11yawareness.bsky.social · 3d

Audio descriptions are necessary for making videos accessible. They narrate the crucial visual elements that would be necessary for understanding the plot without the ability to see the screen. They describe non-verbal cues like gestures, facial expressions, or eye contact.

15 55

Accessibility Awareness @a11yawareness.bsky.social · 5d

Capitalization affects how people read hashtags or how people hear them on screen readers. Use #camelCase or #PascalCase in hashtags instead of lowercase. You could have #DoctorWhoRewatch ("Doctor Who Rewatch") or #doctorwhorewatch ("doctor whore watch.")

2 30 61

Accessibility Awareness @a11yawareness.bsky.social · 5d

Some people have disabilities that are directly based on the way they understand and interpret numbers. In this post, Ricky Onsman explains some of these disabilities, who is affects and how, and what web creators can do about it.

www.tpgi.com/making-numbe...

Making Numbers in Web Content Accessible - TPGi — a Vispero company

Numbers are a key part of web content. It makes sense, then, that when we use numbers, they must be accessible.

www.tpgi.com

16 29

Accessibility Awareness @a11yawareness.bsky.social · 5d

Alexa Heinrich's Accessible Social is a free resource for digital marketers, communication professionals, content creators, everyday social media users, and anyone who wants to learn how to make their content accessible for people with disabilities.

www.accessible-social.com

Accessible Social

Accessible Social is a free resource and education hub that helps marketers and content creators learn about accessibility and how it relates to social media.

www.accessible-social.com

9 21

Accessibility Awareness @a11yawareness.bsky.social · 6d

Generic descriptions don't convey the information or context sighted users get from the image. Examples like "election results," "group of people," "screenshot from Google," or "city skyline" may be technically be true, but they don't provide information and context.

11 33

Accessibility Awareness @a11yawareness.bsky.social · 6d

That's a good clarification, thanks for asking. The screen reader will read the link text.

Here's more context based on the Web Content Accessibility Guidelines:

www.w3.org/WAI/WCAG21/U...

www.w3.org/WAI/WCAG21/U...

Understanding Success Criterion 2.4.4: Link Purpose (In Context) | WAI | W3C

www.w3.org

2

Accessibility Awareness @a11yawareness.bsky.social · 7d

If possible, use "direct labeling" in your data visualizations and charts. This means positioning the labels directly beside or adjacent to the data points. This is better than color coding your charts, as your information would likely be lost to someone who can’t see color.

1 8 42

Accessibility Awareness @a11yawareness.bsky.social · 7d

Hyperlink text should make sense when read out of context. Screen reader users can navigate from link to link, and can listen to links in a list. When navigating this way, only the link is read. So "click here" or "read more" won't make sense.

1 10 40

Accessibility Awareness @a11yawareness.bsky.social · 8d

Automatically updating content can be extremely distracting, especially for users with vestibular disorders or attention difficulties. This could force users to scroll through page content to not see the animation, or to just look away. Allow animations and updating content to be paused or stopped.

3 7 34

Accessibility Awareness @a11yawareness.bsky.social · 8d

A transcript is the only way to make video or audio content accessible to someone who is both deaf and blind. Transcripts can be converted into braille, to be read on a refreshable braille output device.

1 24 66

Accessibility Awareness @a11yawareness.bsky.social · 8d

People often ask what accessibility considerations to keep in mind when creating data visualizations. For guidance and advice, check out Sarah L. Fossheim's list of 10 things to do (or not do) when designing accessible data visualizations.

fossheim.io/writing/post...

An intro to designing accessible data visualizations by Sarah L. Fossheim

10 dos and don'ts for designing accessible data visualizations, including real-life examples and resources

fossheim.io

11 20

Accessibility Awareness @a11yawareness.bsky.social · 9d

Screen reader users can navigate from heading to heading. If HTML headings are used correctly, this allows users to get a basic outline of content and find the information they’re looking for. The highest heading level is

and

is the lowest.

developer.mozilla.org/en-US/docs/W...

<h1>–<h6>: The HTML Section Heading elements - HTML | MDN

The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest. By default, all heading elements create a block-level box in the layo...

developer.mozilla.org

1 7 12

Accessibility Awareness @a11yawareness.bsky.social · 9d

Meryl Evans' "Why and How to Create Accessible Social Media and Website Content" introduces content creators to basic accessibility considerations for links, hashtags, emojis, alt text, transcripts, and more.

meryl.net/digital-cont...

Accessibility: Why Social Media & Web Content Need to Be Accessible

Content accessibility isn't just design and production's job. It's everyone's job. Here's how content creators can create accessible content.

meryl.net

5 15

Accessibility Awareness @a11yawareness.bsky.social · 11d

Do not rely on the A.I.-generated alt text in Facebook or Instagram. The result is vague and useless, like "may be an image of food and text," and "may be an image of outdoors." These do nothing to give users the context and content of an image.

3 42 97

Accessibility Awareness @a11yawareness.bsky.social · 12d

You don't necessarily want to use the exact same alt text each time a specific image is used. Alt text must consider the context of the image and why it's being included on a site, post, article, etc. In other words, alt text depends on where you're including the image and why.

17 38

Accessibility Awareness @a11yawareness.bsky.social · 12d

People who want to make the web accessible need to understand the many different ways that people with disabilities use the web. This W3C resource offers a good introduction to how disabled people navigate the web, and barriers they commonly encounter.

www.w3.org/WAI/people-u...

How People with Disabilities Use the Web

Introduces how people with disabilities, including people with age-related impairments, use the Web.

www.w3.org

9 22

Accessibility Awareness @a11yawareness.bsky.social · 13d

The Game Accessibility Guidelines have been put together by game studios, specialists and academics. While they are not an official set of standards or documents, they are a collection of tips and techniques to help developers make games more inclusive.

gameaccessibilityguidelines.com

Game Accessibility Guidelines – A straightforward reference for inclusive game design

gameaccessibilityguidelines.com

12 24

Accessibility Awareness @a11yawareness.bsky.social · 13d

Automatic captions make it difficult to watch videos because the viewer is forced to decipher misspelled or mistranslated words that appear in a string of text without any punctuation. These can be distracting and disorienting. Always edit your captions before publishing.

1 13 41

Accessibility Awareness @a11yawareness.bsky.social · 13d

When writing alt text, focus on what's truly important. In an image with text about a canceled event, the borders of the image are not nearly as vital as conveying that this event is now canceled. A decorative border can be mentioned, but it's not the most important element; the cancellation is.

44 110

Accessibility Awareness @a11yawareness.bsky.social · 14d

Sighted users often use bold or large fonts to create the appearance of headings in documents. People using screen readers have no way of understanding these visual cues. Use heading styles from the styles menu to correctly format headings.

2 19 59

and

is the lowest. developer.mozilla.org/en-US/docs/W...

is the lowest.

developer.mozilla.org/en-US/docs/W...