ARIA best practices and pitfalls by Hidde de Vries

Using ARIA the right way is not that easy. That´s why you should check out this talk by Hidde de Vries. Reminder: no ARIA is better than bad ARIA. The first rule of ARIA use is "If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so."

♿ Accessibility: Still a Rarity Only about 3% of websites are fully accessible. That’s millions left out—especially those using screen readers, keyboard navigation, or alternative input devices. Example: A blind user tried to buy tickets online but found unlabeled buttons. 🎟️ The event was lost to them. When companies prioritize web accessibility, they gain market share and goodwill. Takeaway: 🌎 Accessibility is not an extra; it’s foundational. Everyone benefits when more can access. #Accessibility #InclusiveDesign #DigitalEquity #UXMatters #WebAccessibility #DesignForAll

This time we're taking a look at mobile first. Did you know that, according to Statista, more than 60% of all web traffic comes from mobile devices? ☝ 📲 😵💫🏃♂️ 🚉 Yet mobile first isn’t just a visual design principle. It reshapes the entire user journey. It's about adapting to touch control, vertical screens, short attention spans and fast-paced content consumption in often distracting environments. 🙅♂️ So don’t be the designer who says: "We start with desktop and keep mobile in mind." That’s just an excuse for not having truly adapted to how people use the web today. If you want to see more posts from this series, click #WotW #UXDesign #UserExperience #AppDesign #MobileFirst #Designer #DesignJourney #WordOfTheWeek #DesignThinking #LearningByDoing #WotW

♿ 3 Easy Accessibility Checks for Your Website 1️⃣ Keyboard Navigation – Users should be able to navigate your site without a mouse. ⌨️ 2️⃣ Color Contrast – Text should be easy to read against the background. 🎨 3️⃣ Alt Text on Images – Make sure every image has a descriptive alt tag. 🖼️ Small tweaks make a big difference for your visitors and improve your site’s usability. 💡 mrnwebdeisgns.com #AccessibilityMatters #InclusiveDesign #WebDesignTips #UXTips #RaleighWebDesign #NorthCarolinaWebDesign

Accessibility should be part of the design process from step 1. Including accessibility in your design system can avoid usability and compliance issues down the road. Simple changes can make a big difference for all users at all stages of life. Loving this session by Nikki Kuhn at CreativePro Network, Inc. The Design + Accessibility Summit. #a11y #Accessibility

Don’t Make Me Zoom Mobile isn’t desktop. Yet so many sites still treat it like a shrunken-down version. Tiny fonts. Cluttered layouts. Buttons you need surgeon-level precision to tap. Here’s the reality: users don’t zoom in… they zoom out. As in, they leave. I worked with a client whose checkout button was barely tappable on mobile. We redesigned it to be bigger, bolder, and easier to hit with a thumb. Nothing fancy, just usability. The result? Mobile conversions jumped almost overnight. Sometimes it’s not about adding more features. It’s about removing frustration. 💬 What’s the most annoying thing you’ve seen on a mobile site? #MobileUX #Ecommerce #CRO

You've spent hours perfecting your website, yet visitors leave before it even loads. It's frustrating, right? When site speed lags and usability across devices fails, you lose not only traffic but potential customers. In our fast-paced world, mobile optimisation and responsive design aren't just nice-to-haves—they're essentials. Dive into this guide to discover how to boost your website performance and ensure seamless device compatibility. Your user experience depends on it and so does your success. #websitedesign

If your website isn’t built for mobile, 𝘆𝗼𝘂’𝗿𝗲 𝗹𝗼𝘀𝗶𝗻𝗴 𝗰𝘂𝘀𝘁𝗼𝗺𝗲𝗿𝘀! 𝗧𝗵𝗲 𝗹𝗮𝘁𝗲𝘀𝘁 𝗿𝗲𝘀𝗲𝗮𝗿𝗰𝗵 𝘀𝗵𝗼𝘄𝘀: 📱 83% of visits now come from mobile devices. 💻 But desktop pages still convert 8% better. 🧠 Simple language can lift conversions by 56%. 𝗧𝗵𝗲 𝘁𝗮𝗸𝗲𝗮𝘄𝗮𝘆? Your mobile experience should be straightforward, have simple language and be fast loading. Otherwise your visitors will go somewhere else fast. 👉 𝗥𝗲𝗮𝗱𝘆 𝘁𝗼 𝗺𝗮𝗸𝗲 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 𝗽𝗲𝗿𝗳𝗼𝗿𝗺 𝗼𝗻 𝗲𝘃𝗲𝗿𝘆 𝘀𝗰𝗿𝗲𝗲𝗻? designgrid.com.au/booknow .. #WebDesign #DigitalMarketingAU #MobileOptimisation #WebsitePerformance #UXDesign #ConversionOptimisation #MelbourneBusiness

Dive into the world of web accessibility with Kevin Powell and accessibility expert Sara Soueidan! This insightful conversation explores practical tips, design strategies, and real-world examples to make digital experiences inclusive for everyone. Whether you’re a developer, designer, or accessibility advocate, there’s something valuable here for you. https://buff.ly/DRKqKet #WebAccessibility #DigitalAccessibility #A11y #UX #Accessibility #Usability