+++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019.

David Dillard

- Volume 17, Issue 50, June 6, 2019. 

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


SECTION ONE: New references. 
What's new at the Web Design Reference site? 
Web Design References 
New links in these categories: 

04: EVENTS. 
05: HTML. 
10: TOOLS. 

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

[Contents ends.] 

++ SECTION ONE: New references. 


Accessibility Lessons (Video) 
By Apple. 
"Listen to four lightning talks from Apple Accessibility engineers to 
learn about how to make your app more inclusive and accessible…" 

Accessibility Cheatsheet 
By Moritz Giessmann. 
"Practical approaches to Universal Design for making your 
website/webapp accessible to everyone…" 

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible 
By Oliver Lindberg. 
"Accessibility has come a long way over the last few years. It used to 
be a niche discipline focused on people with disabilities, but 
recently this focus has shifted towards inclusive design and the 
understanding that websites and apps need to work for everyone 
regardless of disabilities, hardware or software in use, or internet 

Web Accessibility Among Nonprofits 
By Cyndi Rowland. 
"…WebAIM has completed 2 rounds of research taking a peek at the 
accessibility of homepages in the nonprofit space. In the spirit of 
adding to a developing research base, we want to share those findings 
here. I will share the most recent (2019) findings, whose methodology 
aligned with the WebAIM Million…" 

De-Mystifying the ATAG 2.0 Guidelines 
By Leonie Watson. 
"The Authoring Tool Accessibility Guidelines (ATAG) are a set of 
requirements for making authoring tools that are accessible, and 
capable of producing accessible content…" 

Do You Need an Icon Only Button Without Screwing Up the Accessibility? 
By Chris Coyier. 
"The first consideration is: do you really? If you can, having text 
next to your icons is proven over and over again to be the most 
accessible and clearest UX…" 

Fienen's Totally Tubular Talk Teaching Techniques to Transcribe (Video) 
By Michael Fienen. 
"Audio transcription poses a unique combination of challenges that 
result in a high bar that content creators still struggle to get over. 
Despite the availability of steadily improving tools, we still fight 
in day-to-day content management to ensure audio content has text 

Status of the Accessibility of Slack 
By Marco Zehe. 
"This article was last updated in May 2019…" 


Grid, Content Re-Ordering and Accessibility 
By Rachel Andrew. 
"I have long been concerned about the potential accessibility problems 
that grid layout could cause. These essentially centre around the 
concept of disconnecting the source from the visual display…" 


Auditing Web Content with Web Inspector 
By Apple. 
"Discover a new way to ensure your web content meets team coding 
standards and that you can deliver better code even without reliance 
on automated test systems. Find out how to use the Audit tool in Web 
Inspector to quickly and easily audit your web content during 
development so important compliance details don't slip by…" 

Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score 
By Manuel Matuzovic. 
"Google's built-in testing tool Lighthouse judges the accessibility of 
our websites with a score between 0 and 100. It's laudable to try to 
get a high grading, but a score of 100 doesn't mean that the site is 
perfectly accessible. To prove that I carried out a little 

Four Things We Learnt From Facilitating Usability Testing Sessions 
With Blind Users 
By Vedran Arnautovic. 
"Recently two of my colleagues (Todd Moore, Stephanie Moss) and I 
tested parts of SEEK's site with vision impaired users…" 

The Importance of Replicating Research Findings 
By Jeff Sauro. 
"…Here are nine examples of claims or methods that we've attempted to 
replicate. Some we found similar results for, and we failed to 
replicate others, but with all we learned something and hope to extend 
that knowledge for others to leverage…" 

Usability Test Reporting: Spend Less Time, Have More Impact 
By Ismaël Sow. 
"Let's see how to gain speed and impact with your usability testing reports…" 

+04: EVENTS. 

Using the VPAT in Purchasing Decisions 
June 11, 2019. 

Data Visualization: Tips for Making Complex Graphical Content Accessible to All 
June 13, 2019. 
New York, New York, U.S.A. 

To Boldly Go Where No Single Page Application (SPA) Has Gone Before… 
June 18, 2019. 
Chicago, Illinois, U.S.A. 
Live Stream: 
Live Captions: 

How Slack Approaches Accessibility Testing 
August 1, 2019. 

Midwest UX 
October 10-12, 2019. 
Grand Rapids, Michigan, U.S.A. 

Inclusive Design 24 (#id24) 
October 10, 2019. 

October 13-16, 2019. 
Milwaukee, Wisconsin, U.S.A. 

EDUCAUSE Annual Conference 
October 14-17, 2019. 
Chicago, Illinois, U.S.A. 

+05: HTML. 

Reducing Motion with the Picture Element 
By Brad Frost. 
"…This technique would definitely be helpful for posts with embedded 
animated GIFs in it. Authors would have to grab a static frame of a 
GIF as a fallback, so there's a bit of extra work involved, but the 
technical execution is pretty dang straightforward…" 


WAI-ARIA Menus, and Why You Should Handle Them with Great Care 
By Macro Zehe. 
"The WAI-ARIA standard defines a number of related menu roles. 
However, before using them, please give great consideration to the 

Implementing Private Variables In JavaScript 
By Khari McMillian. 
"JavaScript (or ECMAScript) is the programming language that powers the web…" 


Daily Ethical Design 
By Lennart Overkamp. 
"There's no shortage of content, manifestos, and opinions these days 
on how design can be evil. But if they've left you feeling more 
frustrated than empowered, wishing for practical, real-world ways to 
enact change in your work, we hear you. In this piece, Lennart 
Overkamp lays out a practice-based approach to daily ethical design. 
You might be surprised to find out how much you can already do." 

Cake or Death: AMP and the Worrying Power Dynamics of the Web 
By Andrew Betts. 
"…the news industry is in the midst of a full blown disaster, society 
around the world is being starved of intelligent thought and the 
results are horrifying. AMP is partly responsible for this, and if 
there's a bug to be fixed, it is the people who invented it and still 
think it's a good idea…" 

Take Back Your Web: Tantek Çelik's Call to Action to Join the Independent Web 
By Sarah Gooding. 
"Tantek Çelik, Web Standards Lead at Mozilla and co-founder of 
IndieWebCamp, delivered an inspirational talk titled 'Take Back Your 
Web' at the most recent beyond tellerrand conference in Düsseldorf, 

Before Netscape: The Forgotten Web Browsers of the Early 1990s 
By Matthew Lasar. 
"From the archives: Does anybody remember Erwise? Viola? Cello? Let's 

Your Company's Slack is Probably Sexist 
By Leah Fessler. 
"Slack is the bane and the lifeblood of my workplace communication…" 


Skip Links Design Showcase 
By Christopher Schmitt. 
"…To help with design inspiration, here are a handful of sites 
utilizing Skip Links that work well with their site's brand…" 


W3C TAG Ethical Web Principles 
By Daniel Appelquist and Hadley Beeman, Editors. 
"The web should be a platform that helps people and provides a net 
positive social benefit. As we continue to evolve the web platform, we 
must therefore consider the ethical consequences of our work. The 
following document sets out ethical principles that will drive the 
TAG's continuing work in this direction…" 

Why Did We Need Another Accessibility Standard? - the Birth of ISO 30071-1 
By Jonathan Hassell. 
"…I'm delighted that the resulting Standard - ISO 30071-1 - has been 
published this week…I believe this is a great step forwards in 
promoting inclusive design and accessibility globally…" 

+10: TOOLS. 

39 Accessibility Bookmarklets You Can Use For A11Y Testing 
By Raghavendra Satish Peri. 
"These nifty accessibility bookmarklets perform various accessibility 
audit functions & will come in handy during an accessibility 
automation evaluation. They can also be deployed on mobile browsers to 
test responsive design…" 

By Scott Vinkle. 
"Toggle web animations on or off; for people with vestibular 
disorders, who are prone to motion sickness, or who find animations 

Enterprise Accessibility Tools Roundup 
By Raghavendra Satish Peri. 
"A curated list of Enterprise accessibility tools that will enable 
automation of web accessibility testing across the website, generate 
reports , create visual dashboards & help in optimizing overall 
accessibility progress across the organization." 


UX Dark Patterns: Manipulinks and Confirmshaming 
By Erin Schroeder. 
"…These subscriber retention practices are known as a negative 
opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark 
patterns are mysterious, veiled attempts to inspire conversions by 
tricking web visitors and prospective customers into an action they 
didn't intend…" 

Creepiness-Convenience Tradeoff 
By Kate Moran and Kim Flaherty. 
"As people consider whether to use the new "creepy" technologies, they 
do a type of cost-benefit analysis weighing the loss of privacy 
against the benefits they will receive in return." 

Talking to Computers (part 1): Why is Speech Recognition so Difficult? 
By Philip Hodgson. 
"Although the performance of today's speech recognition systems is 
impressive, the experience for many is still one of errors, 
corrections, frustration and abandoning speech in favour of 
alternative interaction methods. We take a closer look at speech and 
find out why speech recognition is so difficult." 

Why You Should Use a Grid for Designing Layouts (Video) 
By Therese Fessenden. 
"Grids are a great framework to help designers quickly put together a 
clean, well-aligned interface, and help users to easily scan, read, 
and use those interfaces." 

[Section one ends.] 


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

Accessibility Information. 
Web Design References: Accessibility 

Association Information. 
Web Design References: Associations 

Book Listings. 
Web Design References: Books 

Cascading Style Sheets Information. 
Web Design References: Cascading Style Sheets 

Color Information. 
Web Design References: Color 

Drupal Information. 
Web Design References: Drupal 

Evaluation & Testing Information. 
Web Design References: Evaluation and Testing 

Event Information. 
Web Design References: Events 

HTML Information. 
Web Design References: HTML 

Information Architecture Information. 
Web Design References: Information Architecture 

JavaScript Information. 
Web Design References: JavaScript 

Miscellaneous Web Information. 
Web Design References: Miscellaneous 

Navigation Information. 
Web Design References: Navigation & Labeling 

PHP Information. 
Web Design References: PHP 

Sites & Blogs Listing. 
Web Design References: Sites & Blogs 

Standards, Guidelines & Pattern Information. 
Web Design References: Standards, Guidelines, and Patterns 

Tool Information. 
Web Design References: Tools 

Typography Information. 
Web Design References: Typography 

Usability Information. 
Web Design References: Usability 

XML Information. 
Web Design References: Usability 

[Section two ends.] 



WEB DESIGN UPDATE is available by subscription. For information on how 
to subscribe and unsubscribe please visit: 
Web Design References: Webdev Newsletter 
The Web Design Reference Site also has a RSS 2.0 feed for site updates. 


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: 
Text Email Newsletter (TEN) Standard 


Until next time, 

Laura L. Carlson 
Information Technology Systems and Services 
University of Minnesota Duluth 
Duluth, MN U.S.A. 55812-3009 

[Issue ends.]