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

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

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

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

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

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

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

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

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!

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

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...

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

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

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

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

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

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

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

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

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

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

Provide meaningful headings. Indeed, some users rely on them for skimming and navigation. It's like scanning a web page by jumping from one title to another to find the part we want to read. #accessibility #a11y