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
Use auto-complete attributes in forms to save user time. It takes a lot of time for disabled folks to fill in a form. It'll save them precious minutes and efforts, and will improve your overall usability. (I talk about that in my books) #accessibility #a11y
December 8, 2025 at 3:01 PM
Use auto-complete attributes in forms to save user time. It takes a lot of time for disabled folks to fill in a form. It'll save them precious minutes and efforts, and will improve your overall usability. (I talk about that in my books) #accessibility #a11y
Support device orientation. Don't lock users into one mode (like portrait only). People with strong motor disabilities sometimes can't rotate their phone. #accessibility #a11y
December 4, 2025 at 3:01 PM
Support device orientation. Don't lock users into one mode (like portrait only). People with strong motor disabilities sometimes can't rotate their phone. #accessibility #a11y
Accessibility improves the experience for aging populations too. Yes, you can hide yourself in your youth, your current abilities, but one day you'll need accessibility too. #accessibility #a11y
December 1, 2025 at 3:01 PM
Accessibility improves the experience for aging populations too. Yes, you can hide yourself in your youth, your current abilities, but one day you'll need accessibility too. #accessibility #a11y
Test your website at 200% zoom, it's a WCAG AA requirement for people with low vision. Know that some people might make a 500% zoom on your content. Test your forms and critical information. #accessibility #a11y
November 27, 2025 at 3:01 PM
Test your website at 200% zoom, it's a WCAG AA requirement for people with low vision. Know that some people might make a 500% zoom on your content. Test your forms and critical information. #accessibility #a11y
Avoid low-contrast hover/focus effects, they can be invisible to some users. Make them obvious, they are here to be seen. #accessibility #a11y
November 24, 2025 at 3:01 PM
Avoid low-contrast hover/focus effects, they can be invisible to some users. Make them obvious, they are here to be seen. #accessibility #a11y
People with disabilities control $13 trillion in disposable income globally. And your website is still not accessible? Your bad, really! Your competitor will grab this potential market for you. #accessibility #a11y
November 20, 2025 at 3:01 PM
People with disabilities control $13 trillion in disposable income globally. And your website is still not accessible? Your bad, really! Your competitor will grab this potential market for you. #accessibility #a11y
Ensure interactive elements like sliders have keyboard controls. I'm not talking about slideshow, as you should already be avoiding them for obvious usability reasons, right? #accessibility #a11y
November 17, 2025 at 3:01 PM
Ensure interactive elements like sliders have keyboard controls. I'm not talking about slideshow, as you should already be avoiding them for obvious usability reasons, right? #accessibility #a11y
Design for reduced cognitive load: simple layouts, shorter texts, explicit and direct tone help everyone focus better. #accessibility #a11y
November 13, 2025 at 3:01 PM
Design for reduced cognitive load: simple layouts, shorter texts, explicit and direct tone help everyone focus better. #accessibility #a11y
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