Geoffrey Crofte's Avatar

Geoffrey Crofte

@geoffreycrofte.bsky.social

โœ๏ธ Senior UX/UI Designer. Speaker/Writer/Teacher ๐Ÿ“š Design System, Usability, Accessibility & CSS Expert ๐Ÿฅ‹ I know kung-fu, I'm a Lion Dancer, I'm a real Ninja

428 Followers  |  287 Following  |  378 Posts  |  Joined: 14.06.2023  |  1.7447

Latest posts by geoffreycrofte.bsky.social on Bluesky

Design for reduced cognitive load: simple layouts, shorter texts, explicit and direct tone help everyone focus better. #accessibility #a11y

13.11.2025 15:01 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Over 15% of adults report hearing loss, yet many websites and videos lack captions. Auto-captions are ok, but for complex or niche topics, they are often insufficient. #accessibility #a11y

10.11.2025 15:01 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Check your site's responsiveness on various devices. Accessibility = flexibility. Accessibility = diverse ways of accessing your content. Respect this diversity of you want more visits on your website. #accessibility #a11y

06.11.2025 15:01 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Avoid autoplaying sound. It disrupts screen readers and frustrates many users. I've seen folks rage quitting a website because of sudden sounds and confusion. You don't want that for your website, trust me. Instead, simply ask your users. #accessibility #a11y

03.11.2025 15:01 โ€” ๐Ÿ‘ 3    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Some users navigate entirely via voice commands. Do you know how to make your website work for them? Did you know it even existed? That's why I'm making this series of small posts. Follow for more and to support my work #accessibility #a11y

30.10.2025 15:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Design Tokens Community Group The DTCGโ€™s goal is to provide standards upon which products and design tools can rely for sharing stylistic pieces of a design system at scale.

The Design Tokens Community Group just published its first stable version.

Your design took might already be up-to-date, or will make soon an update to support this interoperable format, making collaboration between tools easier!

29.10.2025 10:31 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

You look for a way to tell TalkBack to vocalise the semantic hint in a specific language when on a webpage?

I can't remember how TalkBack react if the whole page is in a specific language. I need to test. You can set it up at the OS level, for sure, but that's all I know.

27.10.2025 19:51 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Add accessible help text or tooltips for complex form fields. If your tool don't have accessible description, just add these in the label of the field. Clarity matters! #accessibility #a11y

27.10.2025 15:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Always add language attributes (like lang=en) for better assistive tech support. You wouldn't want your English webpage read by a french voice assistant, right? #accessibility #a11y

23.10.2025 14:01 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Preview
Liquid Glass Is Cracked, and Usability Suffers in iOS 26 iOS 26โ€™s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.

Liquid Glass Is Cracked, and Usability Suffers in iOS 26

A really good article about how Apple ruined the even principles of legibility and usability in their OS.

Who said design "is just common sense" already? ๐Ÿ˜‚

www.nngroup.com/articles/liq...

21.10.2025 19:18 โ€” ๐Ÿ‘ 7    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Provide meaningful captions for graphs. Provide context, labels and numbers as if you were explaining the graph to a 16 yo person. #accessibility #a11y

20.10.2025 14:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Accessibility goes beyond websites: it applies to PDFs, videos, audio (like podcast), and apps too! Define critical journeys for your users, and make sure all the digital moments are accessible. #accessibility #a11y

16.10.2025 14:01 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

So many JS dependencies with no fallback lately. I can't count the number of times I abandoned a cart or a process because of obvious JS crashes.

13.10.2025 15:32 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Ensure your site functions without JavaScript if you can. Graceful degradation matters even nowadays. At least main features and support features like contact forms and access to documentation should work. #accessibility #a11y

13.10.2025 14:02 โ€” ๐Ÿ‘ 3    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Avoid sensory overload in designs. Simple, clean interfaces are the most inclusive. Nowadays, designers and developers can rely on user preferences (high contrast, motion, transparency, or dark mode) using CSS media queries. Did you know? #accessibility #a11y

09.10.2025 14:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Alt text isn't just for screen readers, it helps with SEO (slightly) and will be displayed in place of the image if it doesn't load for some reasons. #accessibility #a11y

06.10.2025 14:01 โ€” ๐Ÿ‘ 3    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Allow users to save progress in lengthy forms to complete them later. It's good for any kind of user. It's even more important for people who have short attention span, or need more time to accomplish a task. #accessibility #a11y

02.10.2025 14:02 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I'm team emmental too ๐Ÿ’ช๐Ÿป

29.09.2025 22:22 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Provide clear instructions for complex tasks. Users should never feel lost or have to guest. Cut down instructions in bullet points can help everybody. #accessibility #a11y

29.09.2025 14:01 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Accessible documents use tags to define their structure for assistive tech. Did you know Adobe Acrobat or PAC (PDF Accessibility Checker) can help you find accessibility issues. #accessibility #a11y

25.09.2025 14:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Test your site in grayscale to ensure it works without color distinctions. It's a great way to check if a piece of information relies only on colour. (eg. status, availability, etc.) #accessibility #a11y

22.09.2025 14:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Offer keyboard shortcuts for frequent actions. It helps expert users being more efficient. It's even truer for folks with a disability. #accessibility #a11y

18.09.2025 14:01 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Google launches new protocol for agent-driven purchases | TechCrunch Called the Agent Payments Protocol (AP2), the system is meant to be interoperable between AI platforms, payment systems and vendors.

Google launches new protocol for agent-driven purchases

AI agents will be able to purchase online on your behalf with the Agent Payment Protocol, which won the support of Stripe, MasterCard, Amex, PayPal, and will be compatible with crypto payments.
techcrunch.com/2025/09/16/g...

#DotikaAI #AP2

17.09.2025 12:56 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
YouTube announces new generative AI tools for Shorts creators | TechCrunch YouTube is bringing a custom version of Google's text-to-video generative AI model, Veo 3, to Shorts, along with a new remixing tool, an "Edit with AI" feature, and more.

YouTube announces new generative AI tools for Shorts creators.

In short: if you were a bit lost, or having a hard time distinguish reality from AI, it won't get better.
techcrunch.com/2025/09/16/y...

#DotikaAI #Youtube

17.09.2025 09:31 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

What's cool with Accessibility audits is that they uncover usability issues for all users, and not only for users with disabilities. Not making things accessible is a missed opportunity for so many folks! #accessibility #a11y

15.09.2025 14:02 โ€” ๐Ÿ‘ 5    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

In my experience, this is one of the most underused technique in web form: group related form fields with proper legend and hints. Meaning fieldset and legend HTML element, as well as aria-describedby attributes should be your best friends. #accessibility #a11y

11.09.2025 14:01 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Minimize motion and animations. They can trigger discomfort or seizures in sensitive users. And did you know developers can catch the user preference for motion using CSS? #accessibility #a11y

08.09.2025 14:01 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Users often prefer accessible websites, even if they don't have disabilities. Indeed, accessibility is a reinforcement of usability rules that provides a lot of different benefits. #accessibility #a11y

04.09.2025 15:34 โ€” ๐Ÿ‘ 2    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Ensure your site can be used in both portrait and landscape orientations. It's responsiveness! Nowadays, it shouldn't be an option anymore. #accessibility #a11y

01.09.2025 14:03 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Provide meaningful headings. Indeed, some users rely on them for skimming and navigation. It's like scanning a web page by jumping from one title to another to find the part we want to read. #accessibility #a11y

28.08.2025 14:02 โ€” ๐Ÿ‘ 5    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@geoffreycrofte is following 20 prominent accounts