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
📚 Design System, Usability, Accessibility & CSS Expert
🥋 I know kung-fu, I'm a Lion Dancer, I'm a real Ninja
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
November 10, 2025 at 3:01 PM
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
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
November 6, 2025 at 3:01 PM
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
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
November 3, 2025 at 3:01 PM
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
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
October 30, 2025 at 3:02 PM
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
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!
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!
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.
www.designtokens.org
October 29, 2025 at 10:31 AM
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!
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!
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
October 27, 2025 at 3:01 PM
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
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
October 23, 2025 at 2:01 PM
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...
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
October 21, 2025 at 7:18 PM
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...
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...
Provide meaningful captions for graphs. Provide context, labels and numbers as if you were explaining the graph to a 16 yo person. #accessibility #a11y
October 20, 2025 at 2:01 PM
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
October 16, 2025 at 2:01 PM
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
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
October 13, 2025 at 2:02 PM
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
October 9, 2025 at 2:02 PM
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
October 6, 2025 at 2:01 PM
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
October 2, 2025 at 2:02 PM
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
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
September 29, 2025 at 2:01 PM
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
September 25, 2025 at 2:01 PM
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
September 22, 2025 at 2:01 PM
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
September 18, 2025 at 2:01 PM
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
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
September 17, 2025 at 12:56 PM
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
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
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
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
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.
techcrunch.com
September 17, 2025 at 9:31 AM
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
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
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
September 15, 2025 at 2:02 PM
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
September 11, 2025 at 2:01 PM
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
September 8, 2025 at 2:01 PM
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
September 4, 2025 at 3:34 PM
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
September 1, 2025 at 2:03 PM
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