+++ WEB DESIGN UPDATE. - Volume 19, Issue 08, August 20, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 08 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What's New in WCAG 2.2 Working Draft Shawn Lawton Henry, editor. "This page lists the proposed new success criteria in the Working Draft of Web Content Accessibility Guidelines (WCAG) 2.2…" https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/ Jargon By Michael Cooper. "This is a list of jargon terms that are used in the Working Group, to facilitate understanding and interpretation…" https://www.w3.org/WAI/GL/wiki/Jargon Representative Samples for Accessibility Assessments By TetraLogical. "When a website is assessed using the Web Content Accessibility Guidelines (WCAG), it is rarely feasible to test every single page. Instead, the assessment can be based on a sample of pages that are representative of the website as a whole…" https://tetralogical.com/articles/representative-samples-for-accessibility-assessments/ Let Accessible UX Principles Shape Everything You Do By Jeff Link. "Embedding accessibility and inclusive design throughout the product life cycle is a little like giving up smoking, said Léonie Watson, director of TetraLogical, a London-based inclusive design agency…" https://builtin.com/design-ux/accessible-inclusive-design-principles-product-life-cycle A11y Coffee By Amberley Romo. "Pick your serving size of web accessibility information…" https://a11y.coffee/ EDUCAUSE Continues to Support Accessible Instructional Materials Legislation By Katie Branson. "…EDUCAUSE began working in 2014 with the American Council on Education (ACE), the National Federation of the Blind (NFB), and the Association of American Publishers (AAP) to develop a legislative proposal capable of achieving the common goal of all three stakeholder groups…" https://er.educause.edu/blogs/2020/8/educause-continues-to-support-accessible-instructional-materials-legislation Using Task-Oriented Walk Throughs for Accessibility Reviews By Sarah Pulis. "…On July 14, 2020, Accessibility New York City hosted a meetup entitled, 'Using Task-Oriented Walk Throughs for Accessibility Reviews'" presenter Sarah Pulis, digital accessibility and inclusive design expert and co-founder of Intopia, described a novel process to use when evaluating tasks in the user interfaces of various information technologies. Here are some of our highlights from her presentation…" https://equalentry.com/using-task-oriented-walk-throughs-for-accessibility-reviews-accessibility-nyc-meetup-recap/ Understanding Accessibility Through ABCs By Charlotte Edmond. "The goal of technology is often to enable us to do things more quickly, more efficiently, or to do them at all…" https://news.microsoft.com/on-the-issues/2020/08/07/accessibility-abc/ +02: CASCADING STYLE SHEETS. W3C Invites Implementations of CSS Grid Layout Module Level 1 and Level 2 By W3C. " The CSS Working Group has published a Candidate Recommendation of CSS Grid Layout Module Level 2 and an updated Candidate Recommendation of CSS Grid Layout Module Level 1…Comments are welcome by 18 October 2020." https://www.w3.org/blog/news/archives/8662 A CSS Only 'Click to Animate Sif' Solution By Christian Heilmann. "Here's a quick experiment in pure CSS how to cover a GIF with a play button instead of playing it. You can see it in this codepen or also play with it on GitHub. The GitHub code repository is also available…" https://christianheilmann.com/2020/07/16/a-css-only-click-to-animate-gif-solution/ The Just in Case Mindset in CSS By Ahmad Shadeed. "In this article, I will discuss some common design use-cases, and how to handle them just in case the content got longer or different than what's expected. You're in for a treat, let's dive in…" https://ishadeed.com/article/the-just-in-case-mindset-css/ CSS Mistakes While On Autopilot By Ahmad Shadeed. "When we're very focused on working on a web project, we tend to forget or do some mistakes that can lead to an invalid CSS code…" https://ishadeed.com/article/css-mistakes/ +03: EVALUATION & TESTING. ResearchOps 101 By Kate Kaplan. "The practice of Research Operations (ResearchOps) focuses on processes and measures that support researchers in planning, conducting, and applying quality research at scale." https://www.nngroup.com/articles/research-ops-101/ Running a Remote Usability Test, Part 1 (Video) By Kate Moran. Learn how to run a remote moderated usability test. Part 1 covers starting the session with your participant and observers. https://www.nngroup.com/videos/remote-usability-test-part-1/ +04: EVENTS. Web Accessibility: From a POC Perspective Online https://generalassemb.ly/education/web-accessibility-from-a-poc-perspective/denver/138051 Basics of Tagged PDFs October 15, 2020. Online https://zoom.us/meeting/register/tJEsdu2spzsvHNJ9amzKLIMEpBR5gQEr7TXR Smashing San Francisco Conference November 10-11, 2020. Online https://smashingconf.com/sf-2020/ Easy Guide: Writing Alt-Text November 12, 2020. Online https://zoom.us/meeting/register/tJ0tduyurD4uGN3oc5U8XD81EQDA0CJvrD0a IAAP Nordic Conference November 23, 2020. Kista, Sweden http://www.iaapnordic.org/events/moten/iaap-nordic-conference-2020/ Funka Accessibility Days November 24-25, 2020. Stockholm, Sweden https://www.funka.com/en/we-offer/funka-accessibility-days/ +05: HTML. Be Wary of doc-subtitle By Adrian Roselli. "In early March, Steve Faulkner shared this nugget for making sub-headings…" https://adrianroselli.com/2020/08/be-wary-of-doc-subtitle.html +06: INFORMATION ARCHITECTURE. Creating Low-Fidelity or High-Fidelity Prototypes, Part 2 By Janet M. Six. "This month in Ask UXmatters, our expert panel is continuing our conversation about when and why to use low-fidelity or high-fidelity prototypes…" https://www.uxmatters.com/mt/archives/2020/08/creating-low-fidelity-or-high-fidelity-prototypes-part-2.php +07: JAVASCRIPT. 'Knowing What you're Looking at' - JS Tips for New React Developers By Lindsey Kopacz. "I have a confession to make. While I have been a professional web developer for over 6 years, I didn't feel comfortable with JavaScript until a year and a half ago…" https://www.a11ywithlindsey.com/blog/javascript-tricks-tips How to set an Expiration Date for Items in a Service Worker Cache By Chris Ferdinandi. …Today, we're going to look at how to set an expiration date on cached service worker assets, so that you can fetch a fresh copy of an asset after a certain period of time… https://gomakethings.com/how-to-set-an-expiration-date-for-items-in-a-service-worker-cache/ How to Update a Service Worker By Chris Ferdinandi. "…As part of my ongoing series on service workers, today, we're going to look at how to update a service worker (and get the browser to install the new version)…" https://gomakethings.com/how-to-update-a-service-worker/ +08: MISCELLANEOUS. Calculating the Pollution Cost of Website Analytics (Part 1) By Gerry McGovern. "…one GB of data transmission causes 0.0042 kg of pollution. That's 16,556 kg of pollution per year. Assuming that an average tree can absorb 10 kg of CO2 per year, we'd need to plant 1,656 trees to deal with the pollution caused by the transfer of visitor data. This is just the tip of the iceberg." https://gerrymcgovern.com/calculating-the-pollution-cost-of-website-analytics-part-1/ Recovering and Restoring a Website: Planning Makes a Difference By Deborah Edwards-Onoro. "You know that awful thing you hope never happens when you're making changes on your website?…" https://www.lireo.com/recovering-and-restoring-a-website-planning-makes-a-difference/ Chapter 2: Browsers By Jay Hoffmann. "By Dennis Ritchie had a problem. He was working on a new, world class operating system. He and a few other colleagues were building it from the ground up to be simple and clean and versatile. It needed to run anywhere and it needed to be fast.…" https://css-tricks.com/chapter-2-browsers/ +09: TOOLS. Accessibility in Chrome DevTools By Umar Hansa. "This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it's best to strive to create the best possible experience we can for our users, regardless of their abilities…" https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/ Inaccessible Twitter By Chris Johnson. "A bookmarklet to aid accessibility - See how inaccessible your Twitter feed and profile really is…" https://defaced.dev/tools/inaccessible-twitter/ +10: TYPOGRAPHY. Guide to Understanding What Makes a Typeface Accessible, and How to Make Informed Decisions By Gareth Ford Williams. "…If learning more about the subject is something you would like to explore further, an extensive list of reliable studies and resources are listed at the end of this article…" https://medium.com/@garethfordwilliams/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 The Reason Comic Sans is a Public Good By Drake Baer. "…Comic Sans is recommended by the British Dyslexia Association and the Dyslexia Association of Ireland. An American Institute of Graphic Arts post from last summer said that it might be the best font for dyslexics, given its 'character disambiguation' and 'variation in letter heights'…" https://www.thecut.com/2020/08/the-reason-comic-sans-is-a-public-good.html +11: USABILITY. Introducing the UX Guide By Melissa Braxton and Norah Maki. "At GSA's 18F, one thing we do on every project is human-centered design. We use the broader term user experience (UX) design to refer to a set of human-centered methods and practices we use in our work…" https://18f.gsa.gov/2020/08/04/introducing-the-ux-guide/ Surprising Stats and Useful Facts About University Websites By Leigh Ryan. "University websites are notoriously complex…" https://evolvingweb.ca/blog/surprising-stats-and-useful-facts-about-university-websites UX Win: Best Buy Unsubscribe From Mailing List By Deborah Edwards-Onoro. "When I first wrote in 2017 about unsubscribing from mailing lists, I never thoughtI'd still be writing about it one, two, or three years later…" https://www.lireo.com/ux-win-best-buy-unsubscribe-mailing-list/ Orchestration in the Omnichannel Experience By Kim Salazar. "One of the 5 key components of a successful omnichannel user experience, orchestration creates a personalized customer journey." https://www.nngroup.com/articles/omnichannel-orchestration/ 5 Essential Filter Types Users Need on Product Listing Pages (57% Don't Offer All 5) By Mark Crowley. "…In this article we'll discuss the test findings from our large-scale UX testing related to the 5 filter types that should be available on most sites…" https://baymard.com/blog/5-essential-filters 5 UX Buzzwords We Need to Retire By Amy Arden. "…Many of the buzzwords that organizations use most frequently in UX job descriptions do a disservice to both usability professionals and the way nonpractitioners perceive the field of User Experience…" https://www.uxmatters.com/mt/archives/2020/08/5-ux-buzzwords-we-need-to-retire.php The UX Maturity Model (Video) By Jakob Nielsen. "Is the UX Maturity model from 15 years ago still valid, and can companies stay at the highest level, the user-centered corporation?" https://www.nngroup.com/videos/ux-maturity-model/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]