In this week’s web design and development news roundup, you’ll learn how to test content before you start design, find a 13-minute accessibility documentary film, discover HTML table design patterns, 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
It feels really good to have a client say that the work you've done for them is "amazing." 😊
— Tiffany / Webinista (@webinista) January 24, 2019
- When content is tested before design, you’ll save time, money, and effort in all stages of the design process, says Amy Grace Wells.
Testing content early in a design process helps put the user first and keep the project user-focused throughout.
- Specifically designed for user interfaces with a focus on high-legibility, the open-source Inter UI typeface has good readability, foreign character support, and multiple weights.
- Find out what changed in this #10YearChallenge for popular websites. Two main design changes I noticed in the sites: simpler interface and more white space compared to sites from 10 years ago.
- It’s a habit we all fall into.
I've decided to try to avoid using abbreviations and acronyms, unless I know *for sure* that the person I'm interacting with knows what they mean.
— Dan Mall (@danmall) January 23, 2019
- Learn about universal design and accessibility in Access, a 13-minute documentary film featuring a day in the life of Cory Joseph, a Microsoft user experience program manager who is visually impaired.
- In day 54 of her 100 Days of Accessibility Journey, Amy Carney discusses how web developers can make websites accessible for people with motor disabilities. It’s critical to pay attention to the Operable principle of the Web Content Accessibility Guidelines (WCAG).
- After four years, my friend Dennis Deacon has stepped down as organizer. He laid a great foundation for the new organizers!
And with the end of tonight's @A11YChi meetup, I hereby step down as organizer, handing the reigns to @nickttng and the other awesome organizers. For the past four years, It has been a blast. And now, I'll enjoy watching the continued accessibility awesomeness. 🙂#A11YChi
— Dennis Deacon (@deconspray) January 24, 2019
- I was glad to see the Marketing Land recommendations for making your content accessible went beyond image alternative text and included friendly URL structure, file names, and schema markup.
- If you want to learn about WordPress accessibility best practices, there’s no better place to start than the WordPress Accessibility Guide. Created by the WordPress Accessibility Team, the guide offers practical advice for writers, designers, and developer.
- It’s a time-consuming process, but conducting a content audit of your WordPress website is key to understanding and realigning your content strategy.
- Last weekend, many WPML customers received unauthorized email messages that appeared to be from a frustrated WPML customer. As it turned out, the messages may be from an ex-WPML employee who hacked into the WPML website to get the email addresses. WPML worked to bring their website back and is planning to take legal action.
- Rachel McCollin offers good advice on navigation bar best practices in WordPress: clear labels, mobile-friendly, and accessible.
CSS and HTML
- How can you style tablular data in HTML tables that is both responsive and accessible? HJ Chen explores the various table design patterns on the web from CSS-only options to sorting, pagination, and search.
- I remember the first time I saw Mosaic, in a demo our software company CEO gave to the entire software development team.
I almost forgot: on this day in 1993, NCSA MOSAIC was launched and would have turned 26 today. ☎️ 📡 💻 👏🏾 pic.twitter.com/6Oan5XNPQT
— Henri Helvetica ♠️ dark theme 💻 (@HenriHelvetica) January 24, 2019
- Useful! Find out what Firefox DevTools features can help you with CSS inspecting and troubleshooting. Check out their excellent list of resources.
- In How do you figure?, Scott O’Hara explains
figcaptionusage as well as how well screen readers support the two elements.
What I Found Interesting
- As a software developer, you know the importance of providing documentation beyond a readme file or commented code. In her guide to writing your first software documentation, Maria Antonietta Perna shares best practices for crafting useful software documentation.
- CVS Health took a stand in their stores to
…rid beauty aisles of digitally altered imagery…—models whose skin, eyes, nose, etc. have been digitally improved. Now 70 percent of imagery in CVS stores are compliant. And big brands like Cover Girl are joining the CVS Photoshop ban.
- Whoa. If you have an Amazon Prime Chase credit card, you might want to reconsider where you use it. Because Amazon and Chase won’t tell you what personal information they’re sharing with other companies.
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.