Geoffrey Crofte

OMG I love this kind of article with CSS tricks combination.

Scheduke is for us, in Luxembourg 😁

Test of an answer.

Testing another embedded answer.

Testing an answer first.

Test

I love Germany right now 😂
I hope the other European countries follow them on this topic.

Accessibilité - Ce que les designers doivent savoir - 3 livres superposés en éventail sur un meuble en bois

2 versions mises côte à côte. Une classique, belle est colorée, une premium avec un couverture couleur et cartonnée.

L'intérieur du livre avec une page de titre foncée et colorée

2 pages intérieures d'exemple avec du texte bien lisible, de la couleur et des images illustratives.

Le deuxième volume de la série Product Design est enfin disponible en format papier en plus du format ebook. 🍾

De quoi satisfaire les afficionados du papier et de l'odeur du livre neuf 🥰
Qualité classique et qualité premium disponibles sur Amazon.

Plus d'info sur geoffreycrofte.com/book/2/fr

I love the way you think 🙂

I didn't give much attention to the Substack trend but I hated their interface and user experience anyways.
Now I'll give more attention to avoid it. I didn't know anything about this.

Thanks for sharing.

a pixel art of a laptop with the words hello world on it Alt: a pixel art of a laptop with the words hello world on it

This is another answer test from another account. With an image in attachment.

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

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

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

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

Also true for states. For example:

Contact page: "Contact me - Site Name"

Contact page with error: "2 errors found - Contact me - Site Name"

Contact page with success: "Message sent - Contact Me - Site Name"

It's also a good practice for page finding among tabs in your browser 😊

That's a really good question.
User research with screen reader users tells me that "the changing part" must be put first.

Examples:

Homepage : "My Site Name"

About me : "About Me - My Site Name"

Search result page: "Result for «Terms» - My Site Name"

Pagination: "Page 2 - Result for..."

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

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

Thank you so much 🥰 really appreciated.

I've been lazy lately, I should go back to developing more features for it 😁