Web Design Update: August 19, 2020

[Laura Carlson]

+++ 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:lcar...@d.umn.edu


[Issue ends.]