Designers Learn Code

17/09/2025

Attending the Webflow Conference and happy to see a lot of progress in the "no code" space. Although they are introducing a lot of interactive features (including AI features!), they just had a speaker who reiterated they are still focusing on ALL users and making sure it is all accessible on the back end. Watch on their LinkedIn below (their YouTube channel was having audio issues) 👇

10/12/2024

Thanks for your support!

Explore the highlights of my YouTube journey with TubeBuddy!

25/11/2024

Accessibility in Web Design: Are You on the Right Track?

Over the past few weeks, we’ve explored the foundational principles of accessible web design, ensuring your websites can be inclusive for all users. From alternative text for images to WAI-ARIA for advanced accessibility, creating a user-friendly experience benefits everyone.

Here’s a quick look at what we’ve covered:

✅ Making images, audio, and video accessible.

✅ Structuring websites with clean, organized layouts.

✅ Enhancing forms and tables for clarity and usability.

✅ Using semantic HTML and WAI-ARIA for navigation and interaction.

✅ Understanding when to seek expert advice on ADA compliance.

Why it matters:

Accessible design isn’t just a best practice; it’s a way to ensure inclusivity and comply with regulations like the ADA. Good design is good for business and essential for fostering a welcoming online space for everyone.

18/11/2024

📊 How to Make Tables Accessibles, Part 3 in this week's code quiz

Tables are an essential tool for presenting data, but are yours accessible to all users?

This week, we’re tackling a common challenge in web development: managing complex tables while ensuring they’re clear and user-friendly, especially for those relying on assistive technology.

🎯 What’s the focus?

- Best practices for using colspan and rowspan attributes.

- When to break complex data into smaller tables.

- Enhancing table navigation for screen readers.

Accessibility isn’t just about compliance—it’s about creating an inclusive experience for everyone. Let’s improve the way we structure and present data tables, ensuring they work for every user.

11/10/2024

When displaying data on a website, tables are essential—but making them accessible is key. In this week's quiz, we continue to dive into how semantic HTML can improve table accessibility for users, especially those using assistive technologies.

💡

- How does the element enhance user experience?
- What about the role of the scope attribute in tables?

03/10/2024

Ever wondered how to make tables on your website accessible? 📊

This week, we’re diving into what you can do to improve the accessibility for your data tables.

Things you'll learn:

- What key semantic elements that can help markup your table structure?
- Why are these elements essential for users relying on assistive devices?
- Proper use of lables for table header and table body content
- How to structure tables for improved screen reader navigation
- Common pitfalls and how they affect accessibility

30/09/2024

Should You Use Tables for Page Layouts?

Tables might seem like an easy way to organize your webpage elements into rows and columns, but are they the best solution for modern, accessible web design? 🤔

In this week's episode of The Weekly Code Quiz, we dive into the proper use of tables and how they affect accessibility.

Learn when to use them, how screen readers interpret them, and what you can do to ensure your tables are helpful, not harmful.

Do you know how to make tables accessible?

When should you avoid using tables in web design?

20/09/2024

🤔 Ever wondered when and why you might want to hide label text in your forms? In this week’s The Weekly Code Quiz, we dive into the nuances of making forms more accessible and efficient without cluttering the UI.

🔍 Key Topics:

- Why hiding label text can improve user experience for sighted users while maintaining accessibility for screen readers.

- How to hide labels using CSS and ensure they remain accessible for assistive technologies.

- Alternatives to the label element, including aria-label and aria-labelledby

- Why you should avoid using the title attribute for form labels.

- Best practices for implicit labels

13/09/2024

In this week’s episode of The Weekly Code Quiz, we’re tackling an often overlooked but crucial part of web accessibility: the proper use of the element in forms.

📋 Why does the element matter?

Labels play a key role in helping users, especially those using assistive technologies, understand what data is being requested in a form.

Well-placed labels can significantly improve form navigation for all users, from those with visual impairments to those using mobile devices.

🎯 What you’ll learn:

- How improves accessibility and user experience.

- Best practices for connecting labels to form fields using the for attribute.

- Tips for positioning labels for maximum usability.

05/09/2024

In our latest episode of The Weekly Code Quiz, we focus on the importance of code structure in creating accessible websites.

It’s not just about making your site look good—it’s about ensuring everyone can navigate and understand your content, especially those using assistive technologies.

🔍 Key Takeaways:
- Learn how a well-structured website enhances accessibility and user experience.
- Discover the importance of proper heading hierarchy and how it impacts navigation.
- Explore best practices for organizing content using paragraphs, lists, and clear labels.

Get tips on writing clean, understandable code that contributes to a more inclusive web.

📈 Why It Matters: Accessible web design starts with thoughtful code structure. By following best practices, you make your site easier to navigate for all users, including those relying on screen readers.