In this week’s web design and development news roundup, you’ll learn how to create more inclusive forms, find shortcuts for keyboard navigation, discover that the
visibility CSS property isn’t only about visibility, 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
“If you could only sense how important you are to the lives of those you meet; how important you can be to the people you may never even dream of. There is something of yourself that you leave at every meeting with another person.”
— MisterRogersQuotes (@MisterRogersSay) December 10, 2018
- The design decisions we make for forms can be problematic when we only ask for first name and last name and names don’t fit that pattern. Mark Anbinder highlights different approaches to creating more inclusive and culturally sensitive forms on our sites and apps.
- Find out what customer empathy means to eight professionals: industry experts, thought leaders, customers, and influencers.
Having customer empathy isn’t about a specific strategy. It can’t be quantified by a formula or taught by experts.
- It’s about the customer, not you.
— zeldman (@zeldman) December 12, 2018
- Reading about Atomic Object’s design thinking activity 16, how might we …? reminded me of our 2015 World Usability Day Detroit brainstorming workshop. Check out their full list of activities in their Design Thinking Toolkit.
- Whoa! I had no idea there were over 80 roles in ARIA (Accessible Rich Internet Applications). Learn about the ARIA Roles Model in Amy Carney’s Day 13 of her 100 Days of Accessibility journey.
- If you’re interested in learning how to navigate websites with only a keyboard check out this short guide for using your Tab, Enter, spacebar, Shift, Esc, Home/End and arrow keys.
- In the “Did You Know About…?” department:
Love that Chrome's Web Inspector has a built in contrast ratio analysis. <3 pic.twitter.com/cmbxXCWZk6
— Noah Levin (@nlevin) December 11, 2018
- Wondering where your organization stands in terms of digital accessibility? And what you can do to move forward? Attend the free webinar, A Guide to Accessibility Maturity, hosted by The Paciello Group on December 19, 2018 at noon Eastern Time.
- The WordPress 5.0.1 security release is now available. Unless you’ve turned automatic updates off, your WordPress 5.0 site will be automatically updated. Any WordPress 4.9.8 sites will be updated to 4.9.9.
- Developers will want to take note of the backward compatibility issues in WordPress 5.0.1. (These are also backward compatibility breaks for 4.9.9, 4.8.8, etc.)
- Thanks to Sridhar Katakam for his step-by-step guide on how to add a Google Fonts selector in the customizer in Genesis, allowing users to select font family for headings and body fonts.
- And it’s a change of date many people have asked for! WordCamp US 2019 will be held November 1 to 3, 2019 in St. Louis, Missouri.
- This week’s post WordPress 5.0 and Gutenberg Are Here: 5 Steps to Take Now from WPShout is one of my favorite WordPress 5.0 posts, since it covers a number of concerns, questions, and issues. Be sure to read Step 4, where Meyers details some of the items he discovered while using WordPress 5.0.
CSS and HTML
- In the visibility property isn’t just about visibility I learned that if you set
visibility: hiddenon an element that it still occupies space on the page. It’s similar to
…Harry Potter and his invisibility cloak–you couldn’t see him, but he was still there.
In addition, setting it to hidden impacts accessibility, since it removes the element from the accessibility tree.
- This is interesting! Chris Coyier tries out one of the new Google Labs web components, showing how two-up works.
- I hear this frequently, it’s not an issue with the language.
It takes me ages to write ES6 from scratch. That's a deficit in my skills. not a deficiency of the language.
— Bruce Lawson (@brucel) December 13, 2018
What I Found Interesting
- Looking for a special way to share New Year greetings with friends and family? Here are 12 hand-drawn illustrated postcards you can download and send.
- According to Creative Bloq, designers are not happy with the latest Photoshop update. Keyboard commands and shortcuts don’t work in the same manner as in previous versions. Have you encountered any issues?
- What do you think will be digital trends in 2019? Share your feedback in the 9th annual Digital Trends online survey (in association with Adobe and eConsultancy). The short survey, which focuses on customer experience, takes about five to 10 minutes to complete.
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.