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
Offer alternatives for interactive elements like carousels, they aren't accessible to everyone. Want to know how to implement them? Check the official W3C ARIA Patterns! #accessibility #a11y
January 22, 2026 at 3:01 PM
Offer alternatives for interactive elements like carousels, they aren't accessible to everyone. Want to know how to implement them? Check the official W3C ARIA Patterns! #accessibility #a11y
Closed captions were first developed for live TV in the 1970s. Who said digital accessibility is new already? Your website is just 55-year late. #accessibility #a11y
January 19, 2026 at 3:01 PM
Closed captions were first developed for live TV in the 1970s. Who said digital accessibility is new already? Your website is just 55-year late. #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
January 15, 2026 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
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
January 12, 2026 at 3:01 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
Ensure your links are visible and distinguishable from regular text. There is a good practice for that: links are underlined, and what's underlined is link. #accessibility #a11y
January 8, 2026 at 3:01 PM
Ensure your links are visible and distinguishable from regular text. There is a good practice for that: links are underlined, and what's underlined is link. #accessibility #a11y
Use headings and landmarks for better screen reader navigation. Bonus points: it improves SEO and AI interpretation. #accessibility #a11y
January 5, 2026 at 3:01 PM
Use headings and landmarks for better screen reader navigation. Bonus points: it improves SEO and AI interpretation. #accessibility #a11y
Don't forget to test with real users who have disabilities. Being 100% compliant is just the beginning. If you do user testing, then you already know their value! Tools alone aren't enough. #accessibility #a11y
January 1, 2026 at 3:01 PM
Don't forget to test with real users who have disabilities. Being 100% compliant is just the beginning. If you do user testing, then you already know their value! Tools alone aren't enough. #accessibility #a11y
Captions are great solutions for accessibility. They also improve comprehension for non-native speakers too! And they bring so many solutions with them. #accessibility #a11y
December 29, 2025 at 3:01 PM
Captions are great solutions for accessibility. They also improve comprehension for non-native speakers too! And they bring so many solutions with them. #accessibility #a11y
Add short descriptive titles to all web pages for better assistive tech navigation. #accessibility #a11y
December 25, 2025 at 3:01 PM
Add short descriptive titles to all web pages for better assistive tech navigation. #accessibility #a11y
Design for offline scenarios. Accessible apps and sites work without constant internet. Inform users of what happens when offline. #accessibility #a11y
December 22, 2025 at 3:01 PM
Design for offline scenarios. Accessible apps and sites work without constant internet. Inform users of what happens when offline. #accessibility #a11y
Accessibility is a journey, not a checklist. Continuous improvement is key. Educating yourself and changing your company's culture is part of the journey. #accessibility #a11y
December 18, 2025 at 3:01 PM
Accessibility is a journey, not a checklist. Continuous improvement is key. Educating yourself and changing your company's culture is part of the journey. #accessibility #a11y
On complex forms, add an error summary for forms so users know what to fix at a glance. If the form is long, add contextual errors near the field. #accessibility #a11y
December 15, 2025 at 3:01 PM
On complex forms, add an error summary for forms so users know what to fix at a glance. If the form is long, add contextual errors near the field. #accessibility #a11y
Offer clear focus states for all interactive elements, don't rely on your CSS framework styles that remove outline by default. Focus state is like your mouse cursor for keyboard users. #accessibility #a11y
December 11, 2025 at 3:01 PM
Offer clear focus states for all interactive elements, don't rely on your CSS framework styles that remove outline by default. Focus state is like your mouse cursor for keyboard users. #accessibility #a11y
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