Geoffrey Crofte β˜•

@geoffreycrofte@mastodon.design
408 Followers
92 Following
2K Posts

✏️ Senior UX Designer. Speaker/Writer/Teacher

πŸ“š Design System, Usability, Accessibility & CSS Expert

πŸ₯‹ I know Kung-fu and Karate, I'm a Lion Dancer 🦁

Here to share my readings, my experimentations, my writings and my thoughts.

Bloghttps://www.creativejuiz.fr/blog/
E-bookhttps://geoffreycrofte.com/book
Flexbox Labhttps://flexbox.ninja
DoisJeUtiliserhttps://doisjeutiliser.fr/
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
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
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
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
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