Trending

#accessibleWeb

Latest posts tagged with #accessibleWeb on Bluesky

Latest Top
Trending

Posts tagged #accessibleWeb

Post image

Accessible blogging isn’t “extra.” It’s good communication.

Clear headings. Descriptive links. Short paragraphs. Plain language.

It helps screen readers and search engines.
#AccessibleWeb #SEO

1 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0
A clean myth-versus-fact graphic stating “Accessibility slows down your website” under Myth and “Good accessibility improves performance and speed” under Fact, highlighting the connection between accessible design, clean code, and better website performance.

A clean myth-versus-fact graphic stating “Accessibility slows down your website” under Myth and “Good accessibility improves performance and speed” under Fact, highlighting the connection between accessible design, clean code, and better website performance.

Good accessibility means cleaner structure, better performance, and faster pages.
⚡ Better UX. Better speed. Better outcomes.

#InclusiveDesign #AccessibleWeb
#accesstive #hybridaccessibility #webaccessibility #digitalinclusion #accessibilitymatters #a11y #accessibility

2 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

2 0 1 0
Preview
Board Information - Fairfield County Airport Authority Fairfield County Airport is strategically located to serve the growing US Route 33 Business corridor.

☕ Web Chick Update
New ADA tab added for readable PDF files to support accessibility and compliance at Fairfield County Airport.
#WebChick #ADACompliance #AccessibleWeb #OhioGovernment #PublicRecords

0 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

1 0 1 0
Video

The Birds of Paradise Theatre website we rebuilt puts accessibility at the centre. WCAG AA in mind from the first wireframe.
#AccessibleWeb #InclusiveDesign #DigitalForGood #WCAG #CharityDigital

0 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

4 2 1 0
Post image

Good design = readable design 🎨 check your color contrast at contrastchecker.com to make sure your text is easy to see for everyone.
.
.
.
#techtipthursday #accessibleweb #webdesign #uxui #techgurutori

1 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0
Post image

Test Evolve Blog: What is WCAG Compliance? A Complete Guide for 2025

Read here : www.testevolve.com/blog/what-is...

#DigitalAccessibility #wcag #AccessibilityMatters #InclusiveDesign #accessibleweb #ADACompliance #WebAccessibility #AccessibilityForAll #AccessibleTechnology

0 0 0 0
Preview
8 reasons governments around the world trust Drupal for their digital infrastructure Government websites are evolving. Read this blog to find out how Drupal supports secure, scalable, citizen-first digital platforms.

Government websites are evolving. Read this blog to find out how Drupal supports secure, scalable, citizen-first digital platforms.

www.specbee.com/blogs/why-go...

#drupal #governmentcms #digitalinfrastructure #govtech #opensource #drupalforgovernment #securecms #accessibleweb #scalablecms

1 1 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0
Phone screen with the Sensible website open

Phone screen with the Sensible website open

Breaking language barriers, one website at a time.

We provided Project Sensible with a slick, multilingual site designed for clarity and connection.

🔗 pixelshrink.com/work...

#AccessibleWeb #MultilingualDesign #AcademicResearch

0 0 0 0
Preview
Fostering An Accessibility Culture — Smashing Magazine While there’s no definitive playbook for building an accessibility culture, Dani shares lessons from his experience in shaping it through habits rather than mandates.

"'Even though we were all talking about #inclusion, we each had a different understanding of that word. #Exclusion, on the other hand, is unanimously understood as being left out.' - Kat Holmes.": buff.ly/MOr9MhR

#accessibility #AccessibleWeb #disability
via @smashingmagazine.com

4 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0
Post image

Tip #2: Use clear heading structures, proper lists, and meaningful landmarks. It helps screen readers navigate your site while also improving how search engines index and rank your pages.

#accessibilitymatters #inclusivedesign #seoboost #accessibleweb #UIDesign

0 0 1 0
Preview
A Blind Inventor’s Life Of Advocacy And Innovation In “Connecting Dots: A Blind Life,” inventor Josh Miele recounts his life story and path to becoming an accessibility designer.

Added the book to my reading list—such an inspirational person.

A Blind Inventor’s Life Of Advocacy And Innovation
www.sciencefriday.com/segments/jos...

ydx.youdescribe.org/home

#accessibility #openweb #accessibleweb

0 0 0 0
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.

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.

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

1 0 2 0
Preview
How To Make A Strong Case For Accessibility — Smashing Magazine Gaining buy-in for accessibility can be challenging due to common myths and misunderstandings. For many, accessibility remains a big mystery. Here are some practical techniques for winning…

“Set up an #accessibility #roadmap with actions, timelines, roles & goals..this strategy has been working for me much better than arguing abt #legal & moral obligations, which typically makes #stakeholders defensive & reluctant to commit.”: buff.ly/bJtyHfB

via @smashingmagazine.com
#AccessibleWeb

4 1 0 0
Preview
Alt Text: Not Always Needed Write alt text that communicates an image's purpose without repeating page content. Focus on meaning rather than visual description.

#AltText describing redundant #images can be unnecessary for users who can’t see the image because every page element demands equal attention from #ScreenReader users to determine if it’s useful for their task": buff.ly/48UPVwu

#AccessibleWeb #disability
Via NNGroup

6 1 0 0
Post image

𝗨𝘀𝗲 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝘃𝗲 𝗕𝘂𝘁𝘁𝗼𝗻𝘀

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

0 0 1 0

We love an open web! Here's your opportunity to inspire your colleagues and peers...

Submit your talk for #DrupalCon Vienna.
#Drupal #OpenWeb #AccessibleWeb

0 1 0 0
Preview
Testing Accessibility with the Keyboard Learn how to improve keyboard accessibility in web apps, ensuring an inclusive experience for all users, including those using assistive technologies.

Testing Accessibility with the Keyboard

www.epicweb.dev/testing-acce... #a11y #WebDevelopment #WebDesign #accessibility #uiux #AccessibleWeb #ux

41 7 0 2
Blue text on grey background:
Manifesto for a Humane Web

Blue text on grey background: Manifesto for a Humane Web

🫐 Manifesto for a Humane Web
by Michelle Barker @MicheBarks @michelle@front-end.social
#HumaneWeb #webdev #AccessibleWeb #accessibility #Netizen

humanewebmanifesto.com

0 0 0 0
Preview
Can everyone use _______? Can everyone use _______? Project Description Accessibility in web- and app development is overwhelming, where it really does not need to be. Currently, it feels like it’s coming at us like a tsunami....

#DevHelp needed:
Which UI Development FW do you use most?
Context: hackathon.cloudfest.com/project/can-...
Bootstrap/Tailwind/Foundation/other?
Please Reply!

#CFHack #CFHack2024 #canEveryoneUse #FrontEnd #dev #developer #a11y #WCAG #accessibleWeb #react #Bootstrap #tailwind #framework #foundation

0 0 0 0