+++ WEB DESIGN UPDATE. - Volume 19, Issue 07, August 12, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 07 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. BOOKS. 03: CASCADING STYLE SHEETS. 04: COLOR. 05: DRUPAL. 06: EVALUATION & TESTING. 07: EVENTS. 08: HTML. 09: JAVASCRIPT. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Web Content Accessibility Guidelines (WCAG) 2.2 Draft for Review By Alastair Campbell. "The Accessibility Guidelines Working Group (AG WG) is happy to announce it has published a new draft of the Web Content Accessibility Guidelines (WCAG) 2.2 for wide review…" https://www.w3.org/blog/2020/08/wcag22-wide-review/ What's New in WCAG 2.2 By Adrian Roselli. "The latest (and probably last) WCAG version 2 point release is in draft and the W3C is asking for comments and feedback by 18 September 2020 either via GitHub or via email…" https://adrianroselli.com/2020/08/whats-new-in-wcag-2-2.html The Internet is Everything. But Is It Accessible? By Kimberly Adams with Nicolas Steenhout. "…Nicolas Steenhout, a web accessibility consultant and trainer, said some products that claim to help actually make things worse. Here is an edited transcript of our interview…" https://www.marketplace.org/shows/marketplace-tech/internet-access-accessibility-americans-with-disabilities-act-screen-readers-type-with-voice/ Equal Entry Website Called Out as Inaccessible By Heather Burns. (Hat Tip to Meryl K. Evans) "On July 2, 2020 a visitor to the Equal Entry website left us the following message…" https://equalentry.com/equal-entry-website-called-out-as-inaccessible/ Source Order Viewer in Canary By Adrian Roselli. "…In the accessibility inspector in the dev tools is a section, Source Order Viewer, and there is a checkbox for Show source order. The Microsoft Edge team added this as a result of my years' long campaign for a source order viewer to be built into the browser dev tools…" https://adrianroselli.com/2020/08/source-order-viewer-in-canary.html A11y is Web Accessibility By Eric Bailey. "For better or worse, I spend a decent amount of time on social media…" https://ericwbailey.design/writing/a11y-is-web-accessibility 6-Step Mobile App Accessibility Checklist By Luca Boskin. "The following mobile app accessibility checklist can help organizations easily factor accessibility into their iOS and Android app projects, but first…" https://blog.usablenet.com/mobile-app-accessibility-techniques-for-inclusive-design-part-1 Common PDF Accessibility Mistakes to Avoid By Leslie Janek. "Here are a few common issues known to cause challenges with PDF documents…" https://www.microassist.com/software-tips/common-pdf-accessibility-mistakes-to-avoid/ Goodbye Accessible Zen By David A Kennedy. "Seven years ago, I released a public WordPress theme that paved the way to new things for me. It taught me about accessibility…" https://davidakennedy.com/blog/goodbye-accessible-zen/ Honor the ADA: Avoid Web Accessibility Quick-Fix Overlays By Lainey Feingold. "This is a post about software that promises to make websites accessible. Companies promise that a website will work for disabled people if the software is installed. Companies also promise that using the software will prevent a website from being sued because it is not accessible. Lainey does not agree. True accessibility is about including disabled people in the digital world. These tools do not stop lawsuits. They do not create long lasting access. And their own websites have barriers." https://www.lflegal.com/2020/08/quick-fix/ Sidestepping Ableist Language By Ashley Bischoff. "What is ableist language? 'retarded', 'crazy', 'lame', 'insane', 'derp'…" http://www.friendlyediting.com/assets/notsoableist/index.html +02. BOOKS. Coolidge, Doner, Robertson, and Gray. "Accessibility Toolkit - 2nd Edition", BCcampus 2020. https://opentextbc.ca/accessibilitytoolkit/ +03: CASCADING STYLE SHEETS. Digging Into the Flex Property By Ahmad Shadeed. "…In this article, I will go through the shorthand and the longhand properties in detail, and explain when and why to use them with practical and visual examples…" https://ishadeed.com/article/css-flex-property/ Maintaining Focus Outlines for Windows High Contrast Mode By Ben Myers. "If you're overriding browsers' default focus styles with outline: none;, consider using outline: 3px solid transparent; instead. This is a quick and easy way to remove the outline for most viewing modes, while preserving it for Windows High Contrast Mode users…" https://benmyers.dev/blog/whcm-outlines/ font-weight: 300 Considered Harmful (and a Fontconfig Workaround) By Tomáš Janoušek. "Many web pages these days set font-weight: 300 in their stylesheet. With DejaVu Sans as my preferred font, this results in very thin and light text that is hard to read…" https://work.lisk.in/2020/07/18/font-weight-300.html Naming Layout Components By Andy Clarke. "…It's been a long time since I worried about semantics for my component names. Now, I name components for the project I'm working on…" https://stuffandnonsense.co.uk/blog/naming-layout-components content-visibility: The New CSS Property that Boosts your Rendering Performance By Una Kravets and Vladimir Levin. "Improve initial load time by skipping the rendering of offscreen content…" https://web.dev/content-visibility/ Drop-Shadow: The Underrated CSS Filter By Michelle Barker. "If you're familiar with CSS, you probably know all about the box-shadow property. But did you know there is a CSS filter, drop-shadow, that does a something similar…" https://css-irl.info/drop-shadow-the-underrated-css-filter/ +04: COLOR & CONTRAST. Nailing the Perfect Contrast Between Light Text and a Background Image By Yaphi Berhanu. "Have you ever come across a site where light text is sitting on a light background image? If you have, you'll know how difficult that is to read. A popular way to avoid that is to use a transparent overlay. But this leads to an important question: Just how transparent should that overlay be…" https://css-tricks.com/nailing-the-perfect-contrast-between-light-text-and-a-background-image/ +05: DRUPAL. Drupal Accessibility: Why It's Worth It By Matthew Tift. "People who build websites sometimes choose Drupal because of its reputation for accessibility…" https://www.lullabot.com/articles/drupal-accessibility-why-its-worth-it Accessible Navigation with Drupal Core's Menu System By Mike Herchel. "New to Drupal 8.9 and 9.0 is the ability to create the HTML