+++ WEB DESIGN UPDATE.
- Volume 20, Issue 10, September 1, 2021.

An email newsletter to distribute news and information about web design and development. 

++ISSUE 10 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
https://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: BOOKS.
02: CASCADING STYLE SHEETS.
03: COLOR
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TOOLS.
11: USABILITY.
12: WEBWASTE & SUSTAINABILITY.

SECTION TWO: 
13: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

I'm Not White. Honest! Blind People and Visual Accessibility (Video)
By Haben Girma.
"…When you provide visual descriptions for videos and photos, don't skip race…"
https://www.youtube.com/watch?v=gCcsp7BUsCk

Provide Role Based Evaluations
By CivicActions Accessibility.
"…We've taken these lists, added other roles that we didn't see included and included them here. With each role we are including tools that we think would be most useful for that role. Where appropriate we have also included links to the W3C's Accessibility Responsibility Breakdown for WCAG 2.0 requirements…"
https://accessibility.civicactions.com/playbook/roles

ICT Testing Baseline for Web Accessibility
By US Access Board. 
"This is the Section 508 ICT Testing Baseline for Web, version 3.0.1 (published March 2021). This Baseline identifies the minimum requirements of any test process used to determine conformance of web content with the Revised Section 508 of the Rehabilitation Act of 1973, as amended (29 U.S.C. 794d)…"
https://ictbaseline.access-board.gov/

XR Accessibility User Requirements (XAUR) Note Published
By Shawn Lawton Henry.
"WAI is pleased to announce publication of the W3C Working Group Note: XR Accessibility User Requirements (XAUR)…"
https://lists.w3.org/Archives/Public/public-wai-announce/2021JulSep/0001.html

How To Make Your Website's Authentication Process Accessible
By Bureau of Internet Accessibility.
"…passwords play an important role in protecting users' privacy - and WCAG 2.2 doesn't prevent websites from using passwords for authentication. In order to pass WCAG SC 3.3.7, here are a few considerations to keep in mind…"
https://www.boia.org/blog/is-your-sites-authentication-process-accessible

Make Sure Your Website's Help Resources are Available And Accessible
By Bureau of Internet Accessibility.
"…The WCAG 2.2 Working Draft includes a new Success Criterion 3.2.6, which applies to websites and web apps that offer help resources for users…"
https://www.boia.org/blog/make-sure-your-websites-help-resources-are-available-and-accessible

Understanding Target Size Under WCAG 2.2 and How It Affects People with Disabilities
By Bureau of Internet Accessibility.
"On May 11, 2021, Web Accessibility Initiative introduced a new working draft of the Web Content Accessibility Guidelines (WCAG) 2.2. The new document adds several guidelines, including revised language for Success Criterion (SC) 2.5.8, which covers pointer target spacing - now simplified as 'Target Size.'…"
https://www.boia.org/blog/understanding-target-size-under-wcag-2.2-and-how-it-affects-people-with-disabilities

Captioning Videos FAQ
By Meryl Evans.
"…Here are the answers to frequently asked questions about captioning videos…"
https://meryl.net/captioning-videos-faq/

Dark Patterns Through the Lens of Accessibility (Video)
By Joe Devon.
Joe's August 10, 2021 Accessibility Camp Coeur d'Alene presentation.
https://nic.techsmithrelay.com/9bR7

Legal Update: August 2021
By Ken Nakata.
"While this month has been a bit slow, litigation-wise, there were nonetheless a few cases I found interesting…"
https://convergeaccessibility.com/2021/08/30/legal-update-august-2021/


+02: BOOKS.

Brown, Tiffany. "CSS Master", Sitepoint, 2021.


+02: CASCADING STYLE SHEETS.

Creating Accessible CSS Art
By Alvaro Montoro.
"…In this post, we will not see how to create CSS drawings and illustrations (there are plenty of those posts). Instead, we will focus on some tips and best practices to make that CSS art more accessible for everyone…"
https://alvaromontoro.com/blog/67979/creating-accessible-css-art

Fun Online Games to Learn Flexbox and CSS
By Deborah Edwards-Onoro.
"In no particular order, here are some of the free online sites I found…"
https://www.lireo.com/fun-online-games-to-learn-flexbox-and-css/


+03: COLOR

Color and Contrast, What Does It Mean?
By Erik Kroes.
"…Learn more about how the color contrast ratio is determined, and what that means for you (and your palette)…"
https://www.erikkroes.nl/blog/color-and-contrast/


+04: EVALUATION & TESTING.

Quantitative Research: Study Guide
By Kate Moran.
"Unsure where to start? Use this collection of links to our articles and videos to learn about quant research, quant usability testing, analytics, and analyzing data."
https://www.nngroup.com/articles/quantitative-research-study-guide/


+05: EVENTS.

Bruce Lawson on How Timbo Made Loveliness
September 1, 2021.
Online
https://www.youtube.com/watch?v=tgXbbOirY8o

Creating Accessible Documents: Word and PDF
September 6-27, 2021.
Online
https://events.humanitix.com/creating-accessible-documents-word-and-pdf-virtual-september-6-vision-australia-2021

How To Find, Fix, And Prevent Accessibility Issues
September 14-15, 2021.
Online
https://smashingconf.com/online-workshops/workshops/deque

The Civil Rights Complaint Portal: An Accessibility Journey
September 28, 2021.
Online
https://accessibilityonline.org/cioc-508/session/?id=110950

Inclusive Design
October 28-November 18, 2021.
Online
https://events.humanitix.com/inclusive-design-virtual-october-vision-australia-2021

DesignThinkers 2021
November 8-19, 2021.
Online
https://pheedloop.com/designthinkers/site/home/

VPAT - Part 2 - Enhancing Your Product's Accessibility Conformance Reports
November 16, 2021.
https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p000014ws4YEAQ

AbilityNet TechShare Pro
November 16-18, 2021.
Online
https://abilitynet.org.uk/techsharepro-2021


+06: HTML.

Named and Framed
By Steve Faulkner
"…Yes, title is still the most reliable method of providing an announced accessible name for an iframe. Although support is solid in browsers (Safari being odd one out), screen readers are surprisingly divergent on how and what they convey to users."
https://html5accessibility.com/stuff/2021/08/26/named-and-framed/

9.5 Ways Google Rewrites Your Title Tags
By Peter J. Meyers.
"…You may be feeling confused and more than a little frustrated after Google's recent title rewrite update, but why is Google rewriting title,s and what can we learn from it? I explored over 50,000 <title> tags to find out…"
https://moz.com/blog/ways-google-rewrites-title-tags


+07: JAVASCRIPT.

7 of My Favorite Little JavaScript Tricks
By Matthew MacDonald.
"Short and sweet techniques to keep in your back pocket…"
https://medium.com/young-coder/7-of-my-favorite-little-javascript-tricks-4f2a1cfe68b4

What are the Web Performance Metrics that Actually Matter?
By Chris Ferdinandi.
"A lot of my students who are just starting out get really hung up on performance differences that make no meaningful impact on the end user. For example, it's common to hear things like, 'Should I use document.getElementById() instead of document.querySelector()? Which one is better for performance?'…"
https://gomakethings.com/what-are-the-web-performance-metrics-that-actually-matter/

Writing High-Performance JavaScript
By Chris Ferdinandi.
"Yesterday, we looked at the web performance metrics that actually matter. Today, I wanted to discuss how to write high-performance JavaScript…"
https://gomakethings.com/writing-high-performance-javascript/


+08: MISCELLANEOUS.

Pushing Back Against Privacy Infringement on the Web
By Robin Berjon.
"The Web is still wrestling with issues we take for granted offline, privacy chief among them. These are steps The New York Times took to protect users' data, and how you can too…"
https://www.smashingmagazine.com/2021/08/against-privacy-infringement-web/

My Love-Hate Affair with Technology
By Nolan Lawson.
"Ten years ago I would have considered myself someone who was excited about new technology. I always had the latest smartphone, I would read the reviews of new Android releases with a lot of interest, and I was delighted when things like Google Maps Navigation, speech-to-text, or keyboard swiping made my life easier. Nowadays, to the average person I probably look like a technology curmudgeon…"
https://nolanlawson.com/2021/08/26/my-love-hate-affair-with-technology/

How to Keep Calm and Carry on When Captions Disappear During a Live Webinar
By Meryl K. Evans.
"When it came time to give a presentation, I logged into Zoom. The host and I did a quick test of the audio, video, and captions. Everything worked. Then, as the clock struck the hour, I shared my screen and the host started talking…"
https://blog.diamond.la/how-to-keep-calm-and-carry-on-when-captions-disappear-in-a-live-webinar


+09: NAVIGATION.

Why are Hyperlinks Blue?
By Elise Blanchard.
"…To truly understand the origin and evolution of hyperlinks though, I took a journey through technology history and interfaces to explore how links were handled before color monitors, and how interfaces and hyperlinks rapidly evolved once color became an option…"
https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/

Offer Relevant Autocomplete Suggestions for Closely Misspelled Search Terms and Queries (69% Don't)
By Edward Scott.
"…In this article we'll discuss how not supporting autocomplete spelling suggestions can hamper users' product-finding efforts, and 2 strategies for mitigating the issue…"
https://baymard.com/blog/offer-autocomplete-suggestions-for-misspellings


+10: TOOLS.

Open Product Accessibility Template (OPAT)
By OPAT Team: Daniel Mundra, Mike Gifford, Syed Azeem, and farooqzakhilwal.
"Open Product Accessibility Template (OPAT) is a digital native Accessibility Compliance Report (ACR). The initial development is based on Section 508 requirements. The main goal is to be able to compare the accessibility claims of digital products and services. A structured, self-validated, machine-readable documentation will provide for this…"
https://github.com/GSA/open-product-accessibility-template


+11: USABILITY.

Don't Overthink UX ROI (Video)
By Kate Moran.
"It can be hard to calculate the return on investment (ROI) for user experience design improvements. But don't get bogged down in less-important details: often simple metrics can give a good-enough estimate to justify UX investments."
https://www.nngroup.com/videos/dont-overthink-ux-roi/

Design for Safety, An Excerpt
By Eva PenzeyMoog.
"None of us want to build products that put our users' safety at risk, but how do you reduce the risk that our products will be weaponized by abusers? In this excerpt from Design for Safety, Eva PenzeyMoog offers a clear strategy for building inclusive safety in our products."
https://alistapart.com/article/design-for-safety-excerpt/

The Importance of UX Writing in Product Design
By Armantas Zvirgzdas.
"The article is about the ways how UX writing can improve products significantly and how copy in user interfaces can improve brand image…"
http://armantas.com/the-importance-of-ux-writing-in-product-design/


+12: WEBWASTE & SUSTAINABILITY.

Designing Digital to Last
By Gerry McGovern.
"…Part of the solution to addressing the climate crisis involves addressing the disposability and planned obsolescence of digital products, content and code. If we want life to last on this planet we must design and maintain the things we use so that they will last for the longest time possible."
https://gerrymcgovern.com/designing-digital-to-last/

[Section one ends.]


++ SECTION TWO:

+13: What Can You Find at the Web Design Reference Site?

Accessibility Information.
https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
https://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
https://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
https://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
https://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
https://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
https://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
https://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
https://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
https://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
https://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
https://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
https://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
https://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
https://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
https://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
https://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
https://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
https://www.d.umn.edu/itss/training/online/webdesign/usability.html

WebWaste & Sustainability Information.
https://www.d.umn.edu/itss/training/online/webdesign/webwaste.html

XML Information.
https://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:
https://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.]