In this week’s web design and development news roundup, you’ll learn how to design a UX style guide, find out how to set up manual accessibility testing in a Mac environment, discover how to create more complex layouts with CSS Grid, 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
Watching #StartAnArgumentIn4Words trend on Twitter, makes me think: why are we fascinated by conflict? The impeachment hearings, news of protests, corporate lawsuits…
Maybe instead we can decide to #EndAnArgumentIn4Words.
I'll start: I am very sorry.
— Scott Monty (@ScottMonty) November 21, 2019
- Stakeholders and executives are making crucial decisions about projects, without any contact with the users who use that service or product. How can we change that? Jared Spool offers his insights on user research in Undervaluing User Research is a Deadly Disease, highlighting when it should be conducted and how to invest in increasing user research maturity.
- The title of this article caught my attention immediately: The Best Panic Attack I Ever Had. Spoiler alert: it has a good outcome. Lessons learned: allow people room to fail and welcome comments like “I don’t know.”
By letting go of the possible bad outcomes I was imagining, I threw myself into a safer space to think through the problems.
- Long read, worthwhile. Creating a UX style guide is an ongoing project. It documents design decisions, answers questions, and serves as a guide to current and future designers.
- When I worked on the college web services team, we discussed the redesign of the college intranet. And used the Nielsen Norman report as a guide. That was over six years ago. It was fun this week to read the Nielsen Normal Group’s reflections after 20 years of the Intranet Design Annual.
- Can accessibility features be built into authoring tools, for example, content management systems? Can we have accessibility by default in the future?
- If you couldn’t make it to this week’s Chicago Digital Accessibility and Inclusive Design presentation, I’ve got you covered with my recap of How to Deliver an Accessible and Inclusive Presentation by Fen Slattery.
- Scientists and military vets are helping make Microsoft Flight Simulator accessible to everyone as they conduct research with people with disabilities, including former military pilots who have lost eyesight.
We’re doing a bunch of research right now into people who can’t hear well, or can’t see. We have tests with people who have no eyesight at all.
- Madalyn Parker shares her steps to set up manual accessibility testing on her Mac computer, using as many browsers as she could. This is a really good explanation of free screen readers, browser/screen reader combinations, and additional configuration you’ll need for testing on different platforms.
- If you’re a longtime reader of my blog, you know I’m a huge fan of online Advent calendars, sharing my roundups every year for the past six years! Glad to see the WP Snippets WordPress advent calendar has been relaunched.
- One of the reasons I recommend Two-Factor plugin for authentication: every user on your site can choose which authentication methods they want to use.
- The November 15, 2019 WordPress Accessibility Team Meeting Notes highlights the WordPress 5.3 release, CSS changes and color schemes, as well as some issues with the navigation menu on tablets in the new Twenty Twenty theme.
- With the release of WordPress 5.3 came a number of style improvements, including a high color contrast. I’m a fan of them, as is Ryan Sullivan.
If you're mad about the high contrast admin styles in #WordPress 5.3 I have a cool little routine to follow:
1. Recognize you have great vision
2. Be grateful for that vision
3. Accept the changes and move on
4. Feel good knowing #accessibility harms no one and helps everyone
— Ryan Sullivan (@ryandonsullivan) November 21, 2019
- Slow websites can cause website visitors to quickly move on to another site. Here are five common causes of a slow WordPress site with steps on how to fix each issue.
CSS and HTML
- Have you wanted to move away from using Bootstrap for layouts to using CSS Grid? This tutorial on creating more complex layouts with CSS Grid is for you.
- In her A Layout for Building a Contact List article, Michele Barker explains how she used CSS Grid to create an equal width contact list where the email address, phone number, and icon are all linked.
- Miriam Suzanne shares some new selectors in Feature Queries, how they work and how you can start using the new feature query in this ten-minute video.
- Oscar raises good points in his non-business case for supporting old browsers. What’s your approach?
What I Found Interesting
- With it’s focus on privacy, Firefox is definitely making a comeback. Are you using Firefox as your default browser?
- I’ve been fascinated with this series of daily tweets celebrating women’s accomplishments, most which I never learned in school.
#otd in 1966 US chemist Stephanie Kwolek, working at DuPont, received a patent for Kevlar, synthetic fibers so strong and stiff they're used in bullet-proof vests, armored cars, cut-resistant gloves, car tyres and bridge reinforcements. https://t.co/wbtjsK5VS0 #WomenInventors pic.twitter.com/YcaK3VK0IW
— On This Day She (@OnThisDayShe) November 22, 2019
- If you’ve ever been in the situation of trying to email someone, but don’t have their email address, here are 13 ways to find their email address.
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.