![]() ![]() In situtations like this, consider what the text of the tweet read aloud would actually sound like to someone. I chose this one simply because it’s one of my personal favorites.)īelow is a screen recording video demoing how this tweet is read aloud using the built-in screen reader for Mac, “VoiceOver”: ( This tweet is an example, and not intended to call out the tweeter. Reading this type of text content on a screen reader is… obnoxious. A tweet would include an ASCII bunny, holding a sign, conventionally with capitalized text. Pascal case is a subset of camel case, where the first word is also capitalized.Ĭamel or pascal cased hash tags are more readable to screen readers, and also more legible for sighted users.Ĭonsider your use of punctuation and symbols.Īwhile ago, the “sign bunny” meme was a thing. The first letter is lower-cased, and each additional word begins with a capital letter. In camel case, words are joined together with no spaces. Use camel case or pascal case for multi-word hashtags. A lot of folks currently provide alternative text directly in the content of the tweet that contains the gif: I have “alt text” in quotes because currently you cannot provide alt text (as in a literal alt attribute) for animated gifs on Twitter. Provide “alt text” directly in tweets containing animated gifs WebAIM also has great guides on the importance of context in alt text, and examples of alt text blunders.This great Twitter thread from provides some great examples of effective alt text for images associated with tweets.This will make the screen reader “take a breath.” Including it in the alt text would be redundant. This context is provided implicitly by the tag. Be as succinct as possible while getting the full point across. (Again, think about describing to a friend.) The same image might have different appropriate alt text depending on the context. Think of how you would describe it so that the full meaning of the tweet is communicated, without ever seeing the image. When writing alt text, imagine that you’re describing the image to a friend sitting across a table from you. I still hope someday Twitter enables this option by default (or even requires it), rather than making it opt-in. To opt-in, visit the accessibility tab in your Twitter settings, and enable “Compose image descriptions”. At this point, you must still explicitly opt-in to expose this as a “feature”. Twitter supports providing alt text for images. Consider your use of punctuation and symbols.Use camel case or pascal case for multi-word hashtags.Provide direct “alt text” for animated gifs.Provide meaningful alt text for images.Not already familiar with “alternative text” or “screen readers”? Check out this lil explainer section. How to Tweet with Accessibility in Mind May 21, 2019Ĭurating some go-to tips for myself for tweeting with accessibility in mind.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |