May 13, 2022 Weekly Roundup of Web Design and Development News

In this week’s web design and development news roundup, you’ll learn how to write prototype usability testing tasks, find a helpful explainer web accessibility site, discover the state of CSS in 2022, and more.

If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience, accessibility, WordPress, CSS, and HTML posts I’ve read in the past week.

Hope you find the resources helpful in your work or projects!

Want more resources like these on a daily basis? Follow me @redcrew on Twitter.

Tweet of the Week

User Experience

  • Making sure user research participants know how to navigate your prototype is critical. Learn more tips about writing prototype usability testing tasks from Darienne Jordan.

  • Worth bookmarking! Ted Goas shares his product design process in a playbook, which details the major processes of discovery, definition, development, and delivery.

    It’s not a mandatory set of actions that must happen for every project, but rather a reference and a prompt I can use to either do a task or understand why it can be skipped.

  • From this week’s Confab 2022 conference:

  • Improving readability of your text is key to avoid intimidating and overwhelming your readers. In their latest post, Baymard Institute shares key findings in the large-scale e-commerce UX testing as they discuss readability: the optimal line length.

  • Join Measuring U at their free webinar An Overview of Essential UX Metrics on May 25, 2022. The webinar will provide an intro and overview of UX metrics, discuss which metrics are most important, and help you determine which metric you need.

Accessibility

  • Launched this week at Microsoft’s virtual Ability Summit, the Microsoft Adaptive Mouse Kit is adaptive, modular, and customizable. The kit consists of a mouse, attachable tail, hub, and button and can be used with desktops, laptops, tablets, or phone.

  • Good analogy!

    Saying #Accessibility is an “enhancement” to web or mobile content is like saying flour is an enhancement for a cake or cookies. It’s part of the recipe to making web and mobile content that is fully usable and accessible for everyone #A11y #Webdev #Mobile— Mark Steadman (@Steady5063) May 10, 2022

  • Good news to share about International Association of Accessibility Professionals (IAAP)’s Code of Conduct revisions and their overlay position statement. According to the updates, members of their association:

    Should not knowingly make false claims about their products and services or those of others. Should not knowingly make false claims about their abilities, profession, and matters of expertise.

  • You can use two approaches to accessibility on the web, says Jens Oliver Meiert: producing accessible websites and apps (which Meiert calls active accessibility) or creating accessible-making software (passive accessibility).

  • Did you miss this week’s Ability Summit 2022 online event? I was able to attend a few sessions and published my recap of the takeaways from inclusive design in the heart of the organization session.

    Ability Summit 2022 conference home page describing the goal of the community event, bright star shines brightly on the dark background of the page.
  • Ready for Global Accessibility Awareness Day next week? Melanie Sumner created a helpful explainer site about web accessibility. Share it with your family, friends, team members, and colleagues.

WordPress

CSS and HTML

  • At his talk at Google IO 2022 this week, Adam Argyl gave an introduction and brief overview of the State of CSS in 2022. Thankful for the article format of his talk.

  • Have you been wanting to learn HTML and CSS? Take the first 15 chapters (121 lessons and challenges) of Learn HTML CSS for free. Learn HTML CSS is an online course where you’ll learn concepts step-by-step while building two projects.

  • Fun story to learn why Chris Coyier originally built CSS Tricks, one of the most popular and well-known web design sites.

  • Ollie Williams takes a deep dive into color fonts in COLRv1 and CSS font-palette: web typography gets colorful. Have to admit, I knew little about color fonts before I read the article. Disappointed to learn Firefox has no support for color fonts (as of May 2022) on desktop or mobile.

What I Found Interesting

If you like what you’ve read today, share the post with your colleagues and friends.

Want to make sure you don’t miss out on updates? Subscribe to get notified when new posts are published.

Photo of author

About the Author

Deborah Edwards-Oñoro enjoys birding, gardening, taking photos, reading, and watching tennis. She's retired from a 25+ year career in web design, usability, and accessibility.