Geoffrey Crofte
banner
geoffreycrofte.bsky.social
Geoffrey Crofte
@geoffreycrofte.bsky.social
430 followers 290 following 370 posts
✏️ 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
Posts Media Videos Starter Packs
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
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...
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.
www.nngroup.com
Provide meaningful captions for graphs. Provide context, labels and numbers as if you were explaining the graph to a 16 yo person. #accessibility #a11y
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
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.
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
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
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
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
I'm team emmental too 💪🏻
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
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
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
Offer keyboard shortcuts for frequent actions. It helps expert users being more efficient. It's even truer for folks with a disability. #accessibility #a11y
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
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.
techcrunch.com
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
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
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
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
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
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
Accessibility tools like screen readers interpret web pages through a specific DOM tree called the accessibility tree. You can access and read this tree in most browsers through the development tools. Be curious, go check that out! #accessibility #a11y
Thank you so much for spreading the word :)
Really appreciated!
Use descriptive link text, Learn more about accessibility' beats Click here'! Avoid 'Learn more' alone unless you have a screen-reader-text hidden in your link text (off screen text technique) #accessibility #a11y