October 22, 2021: Weekly Roundup of Web Design and Development News

In this week’s web design and development news roundup, you’ll learn about using the Pareto Principle to prioritize quantitative data, find helpful tips for getting started with WordPress accessibility, discover how to test for selector support with @supports in CSS, 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

  • Evan Sunwall explains how to use the Pareto Principle to prioritize quantitative data. Key takeaway: when you prioritize the 20% of your website responsible for 80% of a critical metric, you’ll generate improvements with less effort.
  • Have you taken the 2021 Design Tools survey? Share your tools and workflows with other designers in the annual survey (takes about seven minutes to complete). Survey results will be posted in the future.
  • From this week’s Button Conference 2021:
  • Submissions deadline has been extended to October 25, 2021 for the User Experience Professionals Association (UXPA) 2022 conference.
  • The Start page pattern for services offered by the UK National Health Service (NHS) is helpful for content designers. The pattern explains when to use a start page, the four main elements of the page, helpful tips for users, and what to consider for accessibility.

Accessibility

WordPress

CSS and HTML

  • Good summary on how to respect users’ motion preferences with CSS. I agree: it would be good for browsers to provide reduced-motion toggles, rather than forcing people to figure it out on each site a person visits.
  • Did you know you can test for selector support with @supports, not only property: value support? (I didn’t.)
  • Personally, I’d love to have native HTML tabs. What do you think of Dave Rupert’s spicy-sections experiment?

    With one HTML, we can solve two birds with one stone. We get an accordion and a tabs control from the same single element.

  • Some of recent CSS solutions may be a bit too smart, says Michele Barker as she evaluates clever CSS solutions. Is it worth the investment of time and resources to create a non-obvious clever solution? That will confound future maintainers of the code?
  • Placeholder images can be helpful in your designs, but generic placeholder images often look out-of-place. With Lorem.space, an online image placeholder generator tool, you can select categories for images to more closely match your theme.

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.

Did I miss some resources you found this week? I’d love to see them! Post them in the comments below.

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.