January 17, 2020: My Weekly Roundup of Web Design and Development News

In this week’s web design and development news roundup, you’ll learn about the user experience of four popular fitness and nutrition sites, find a helpful guide on WordPress website accessibility, discover how to create a slideshow with only 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

Accessibility

  • My friend Claire Brotherton has published an excellent guide: a deeper dive into WordPress website accessibility, detailing what developers and content authors can do to improve accessibility. First step: choose an accessibility-ready theme.
  • Improving web accessibility starts with education.
  • A small thing, such as opening a website image in a new tab, shouldn’t be hard. Unless the developer has gone out of their way to avoid using semantic HTML, as Manuel Matuzovic discusses in bad accessibility equals bad quality.

    Accessibility is a perfect indicator for the quality of a website.

  • Train yourself or your organization to conduct accessibility reviews. With this helpful training package from Gov.uk, you can customize your own learning plan.

WordPress

CSS and HTML

  • It’s here! The long awaited Microsoft Edge based on Chromium is available for download. If you’e a Windows 10 user, you can wait for it to be installed when Windows 10 updates.
  • I’m always glad to see updates on the HTML5 Doctor website, it was my go-to place to learn HTML5 when it launched years ago. On HTML Belts and ARIA braces by Steve Faulkner discusses default implicit ARIA semantics in HTML elements. And why you the answer is often “no” on adding ARIA role attributes.
  • Can you take a guess how many CSS properties there are? I didn’t come close with my guess. How about you?
  • Have you considered adding a CSS-only slideshow? Flexbox, overflow, and scroll-snap-type make it all work. No JavaScript needed.

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.