Logo

dev-resources.site

for different kinds of informations.

5 accessibility defects LinkedIn could resolve to make content more accessible

Published at
12/14/2024
Categories
a11y
webdev
frontend
socialmedia
Author
chris_devto
Categories
4 categories in total
a11y
open
webdev
open
frontend
open
socialmedia
open
Author
11 person written this
chris_devto
open
5 accessibility defects LinkedIn could resolve to make content more accessible

It's the role of the platform to prevent accessibility issues


LinkedIn is a business and employment-focused social media platform that works through websites and mobile apps. It was launched on May 5, 2003, Linkedin’s revenue was $15 billion in 2023, it’s also part of Microsoft.

Summary

  • Strip out fancy fonts (π’»π‘œπ“ƒπ“‰π“ˆ)
  • Automatically add capital letters to #HashTags
  • ❌ Warn about overuse of emojis and for bullet point use
  • Replace links converted to short LinkedIn URLs, to meaningful text with links
  • Warn about UPPERCASE text

The problem

One of the biggest problems of user generated content on social media is that it can be deeply inaccessible. Often users are given an empty-text-field to post content, they can do what they like.

People can offer guides, training, workshops, and even call out inaccessible content. However, this bottom up approach is not only ineffective it also shifts responsibility from the platform to the user.

Users can often be left policing each other, educating each other, however actually it is Linkedin’s job to do this work. It's their role to make sure their publishing tools prevent accessibility issues before they happen.

5 defects that LinkedIn could resolve to make content more accessible

1. Strip out fancy fonts

I’m not sure when this happened but fancy fonts became a trend. Linkedin could add features to block posts from being published when it detects the fonts. Alternately it could strip them out automatically.

A screen reader allows people who are blind or visually impaired to use their computer. Below are three sentence in fancy fonts that are ignored by screen readers:

  • π’―π’½π‘’π“ˆπ‘’ π’»π‘œπ“ƒπ“‰π“ˆ 𝒢𝓇𝑒 π’Ύπ‘”π“ƒπ‘œπ“‡π‘’π’Ή π’·π“Ž π“ˆπ’Έπ“‡π‘’π‘’π“ƒ π“‡π‘’π’Άπ’Ήπ‘’π“‡π“ˆ
  • 𝕋𝕙𝕖𝕀𝕖 π•—π• π•Ÿπ•₯𝕀 𝕒𝕣𝕖 π•šπ•˜π•Ÿπ• π•£π•–π•• 𝕓π•ͺ π•€π•”π•£π•–π•–π•Ÿ 𝕣𝕖𝕒𝕕𝕖𝕣𝕀
  • ᡀʰᡉ˒ᡉ ᢠᡒⁿᡗ˒ ᡃʳᡉ β±α΅βΏα΅’Κ³α΅‰α΅ˆ ᡇʸ Λ’αΆœΚ³α΅‰α΅‰βΏ Κ³α΅‰α΅ƒα΅ˆα΅‰Κ³Λ’

2. Automatically add capital letters to #HashTags

HashTag is more accessible that #hashtag. Why's that? One, it’s more readable visually so users with cognitive issues like dyslexia benefit. Secondly, for screen readers it gets read out as two different words.

At the moment this is a manual process by individuals, there’s no reason why LinkedIn couldn’t make this process automatic (while also giving an override feature).

Technically the more accessible style is called pascal case, camel case or upper camel case.

3. Warn about overuse of emojis

There seems to be a big trend to use emojis as bullet points.

While some users with cognitive issues might find the visual nature helpful, Current guidance, especially for screen-readers users, is that this trend is not accessible.

LinkedIn could offer warnings to re-consider or reduce this use. It could offer links to articles the outline how a screen-reader announces it. Screen readers typically announce bullet points as β€œlist, X items” whereas with this trend it will announce the emoji: β€œstraight mouth-face with one raised eyebrow” then the content.

There is an example of this mis-use below:

  • 🀨 The Emoji
  • πŸš„ Bullet point trend
  • ❌ Not great for accessibility

The video below has a demonstration of a screen reader reading emoji bullet points.

4. Replace links converted to short LinkedIn URLs, to meaningful text with links

At the moment LinkedIn uses their own method to change a link to a short URL that is then tracked by LinkedIn. The problem with that is it impacts WCAG 2.4.4 link in context.

Typically, how it should work is that the text of the link is descriptive and relevant. For example this is a link to Google. A screen reader will announce: β€œlink, Google” this indicates to the user there is a link and it goes somewhere called β€œGoogle.”

However on Linkedin posts, a user sees something like β€œhttp://lnkd.in/tr4ck3ing”. What the user hears instead is β€œlink, h-t-t-p-colon-slash-slash…”

Linkedin should change this feature, to allow linking like it’s always been done on the web. Allow a user to provide the text and provide the underlying link. They can also append the link with tracking details so exsisting functionality is not lost.

5. Warn about UPPERCASE text

SOMETIMES USERS WANT TO POST SHOUTING CONTENT. Again, LinkedIn could provide a warning to create some friction so that users consider if they actually want to include uppercase text. Readability is reduced with all caps because all words have a uniform rectangular shape, meaning readers can't identify words by their shape.

These are just 5 defects that would go a long way to making LinkedIn more accessible and doesn't even touch upon media like images, and video.

Some ideas LinkedIn could prioritise to prevent accessibility issues

socialmedia Article's
30 articles in total
Favicon
How To Design Social Media Graphics: Step-By-Step Guide
Favicon
Creating Open Graph Images in Django for Improved Social Media Sharing
Favicon
Launch Announcement: TwistFiber - Automate Your Threads Workflow πŸš€
Favicon
Building with Twitter Data: A Developer's Guide to Cost-Effective Solutions
Favicon
Umas reflexΓ΅es sobre "conteΓΊdo"
Favicon
5 Popular Modified Versions of WhatsApp
Favicon
TrendSpotter
Favicon
ComfortConfy - the alternative videoconference apps
Favicon
Social Media Marketing Tips to Boost Your Brand's Visibility
Favicon
I feel like Elon killed Twitter and I plan to be more "developerly active " on BlueSky! https://bsky.app/profile/mahanaz.bsky.social But I want to get back to posting, sharing, and connecting, so that's why I'm here! :)
Favicon
I need your help. I now have up to 1450 bots as followers. How can I fix this please?
Favicon
Build Your Own AI Agent in Minutes with Eliza: A Complete Guide
Favicon
Minimal SEO in React JS - React Helmet
Favicon
AI Tools for Social Media Management
Favicon
How Remention AI Boosts Social Media Engagement and Brand Visibility
Favicon
Developers to follow on twitter. People who post projects
Favicon
5 accessibility defects LinkedIn could resolve to make content more accessible
Favicon
Cheapest SMM Panel
Favicon
"⏳ 24 Hours Only! Don’t Miss Out! ⏳"
Favicon
Why getting a Social Media Agency Dubai is important for your business
Favicon
top places and ways to show your apps
Favicon
30 X/Twitter promotion Tools: The Complete Guide to Growing to 10K Followers in 2024
Favicon
Reoogle
Favicon
Best Digital marketing strategies for B2B Companies in 2025.
Favicon
Top AI Tools for Creative Marketing in 2024
Favicon
Fragile Strength: How Twisted Masculinity Fuels Rape in India
Favicon
How to customize Next.js metadata
Favicon
Creating an social media app for students
Favicon
Why Does Your Business Need Social Media eCommerce App?
Favicon
Digital marketing agency in Bangalore | nxuniq

Featured ones: