+++ WEB DESIGN UPDATE. - Volume 17, Issue 17, October 18, 2018.

David Dillard

- Volume 17, Issue 17, October 18, 2018.




Laura Carlson <>

Thu, Oct 18, 2018, 8:42 AM
to webdev
- Volume 17, Issue 17, October 18, 2018.

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?
New links in these categories:

02: BOOKS.
06: HTML.
09: TOOLS.

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

[Contents ends.]

++ SECTION ONE: New references.


WCAG 2.1 Is Here - What's In It For You?
By Jonathan Hassell.
"WCAG 2.1 has now been published. Many people are talking about what’s
in it. But the more important question is: what’s in it for you?…"

1.3.5 Identify Input Purpose
By Rakesh Paladugula.
"…ensure that an autocomplete attribute is specified wherever
appropriate and have a value that represents the label…"

Understanding SC 1.3.2 Meaningful Sequence
By Raghavendra Satish Peri.
"This success criterion requires that content presented on the page
must be meaningful during navigation to all users…"

Designing for Cognitive Differences
By Brandon Gregory.
"Accessible design is often reduced to adding alt text and avoiding
colors imperceptible by colorblindness. While physical differences are
an important component of accessible design, cognitive differences are
often ignored entirely. Brandon Gregory considers three common
types-inattention, anxiety, and depression-and how they impact their
users, patterns that trigger those conditions, and how designers can
be more conscientious when design for them."

3 Simple Tips to Improve Keyboard Accessibility
By Lindsey Kopacz.
"I wanted to write a blog post about one of my favorite accessibility
topics - keyboard accessibility…"

Be Better: Accessibility
By Ben Callahan.
"In this edition of the 'Be Better' newsletter series, Ben explores
how responsive web design is accessible web design…"

Transcripts: Third Time's a Charm
By Deborah Edwards-Onoro.
"For anyone working directly with customers, you know many of the best
suggestions for improving your product or service come from customer

The No. 1 Thing You're Getting Wrong About Inclusive Design
By Kat Holmes.
"…An important distinction is that accessibility is an attribute,
while inclusive design is a method. While practicing inclusive design
should make a product more accessible, it's not a process for meeting
all accessibility standards…Universal design is one-size-fits-all.
Inclusive design is one-size-fits-one…"

Accessibility is Not What You Think
By Paul Boag.
"Accessibility is not just about meeting the needs of the disabled or
catering for edge cases. Accessibility impacts everybody…"

Inclusive Design 24 #ID24 (Videos)
The full October 2018 playlist.

DIY Accessibility Brunch 'n' Learn: WCAG 2.1 (Video)
By Amy Drayer.
Amy's October 8 presentation.

By Steve Faulkner.
Steve's #a11yTO Conference 2018 presentation.

Google Slides Automatically Captions Your Presentations
By Jon Fingas.
"…While it's unclear how accurate the system will be in practice
(YouTube's live captions aren't always on the mark), it should be a
vital tool for making presentations more accessible…"

Winn-Dixie Urges Court to Reverse Landmark ADA Website Ruling
By Raychel Lean.
"Winn-Dixie Stores Inc. on Oct. 4 asked the U.S. Court of Appeals for
the Eleventh Circuit to reverse a key 2017 ruling involving the rights
of blind internet users, paving the way for a host of similar website
accessibility lawsuits…"

+02: BOOKS.

Holmes, Kat. Mismatch: How Inclusion Shapes Design. MIT Press, 2018.

Silver, Adam. Form Design Patterns. Smashing Magazine. 2018.


Cracking A/B Testing in Your Product
By Sarthak Handa.
"Lessons from the journey of increasing in-app conversions by 1.6
times in 2.5 months using A/B testing for 'Travel Triangle' App…"

A Deep Dive into Surveys: Open Ended Vs. Closed-Ended
By Chattermill.
"…When creating excellent online surveys, it's critical you make
proper use of both question types and know exactly when to use each
one across customer touchpoints and behaviors…"

Predicting UX Metrics with the PURE Method
By Jeff Sauro.
"pure-featureThe PURE (Practical Usability Rating by Experts) method
is an analytic technique that identifies potential problems users may
encounter with an interface…"

A Very Informal Look at Gutenberg Accessibility
By Joni Halabi.
"…It appears the Gutenberg did think about some accessibility
features, but it is very clear that no complete accessibility testing
was performed. The points of frustration for me in this short
experiment where…"

Building Fast and Reliable Web Applications
By Frank van Gemeren.
"Continuously testing trivago at scale…"

+04: EVENTS.

Diving into Digital Accessibility: UX Design
October 24, 2018.
Chicago, Illinois, U.S.A.
Online Live Stream:
Live Captions:

Applying Accessibility Heuristics to a Wireframe: Part 1
November 8, 2018.

eAccessibility with David Berman
November 29, 2018.

Government IT Symposium
December 4-6, 2018.
Saint Paul, Minnesota, U.S.A.

Accessible Learning Conference
East Lansing, Michigan, U.S.A.
December 6-7, 2018.

PDF Techniques Accessibility Summit
December 10-11, 2018.
Edinburgh, Scotland

+05: HTML.

Why Don't We Add a <lovely> Element to HTML?
By Bruce Lawson.
"…HTML should add only elements that either expose functionality that
would be pretty much meaningless otherwise (e.g. <canvas>) or that
provide semantics that help repurpose for Web browsing uses…So what
can we do? Luckily, HTML already has a little-known element you can
use to wrap data to make it machine readable…"


State of Accessibility in Dynamic Web Content (WebAIM Thread)
By Brandon Keith Biggs.
"With React and JSX widgets being adopted by so many companies, there
needs to be a concerted effort to make the new interfaces accessible
to screen readers…Currently there are no users…"

Creating Accessible React Apps
By Scott Vinkle.
The following are my notes and links for my #a11yTOConf 2018
live-coding demo on 'Creating accessible React apps'…"


WordPress, Accessibility, and Gutenberg
By Joe Dolson.
"…If the time frame for the release of 5.0 is held to, it is almost a
guarantee that the first release of Gutenberg in WordPress will not be

+08: TOOLS.

By Heydon Pickering.
"Revenge.css is a CSS bookmarklet that reports bad html using pseudo
content. If the page you use it with has malformed links, deprecated
attributes, <div>s inside inline elements, inaccessible buttons, badly
nested sections or other errors, you'll see some ugly, pink errors
written in nobody's favourite font: Comic Sans…"

"Contraste is a simple app for checking the accessibility of text
against the Web Content Accessibility Guidelines (WCAG)…" (macOS)


Technology Myths and Urban Legends
By Kate Moran and Kim Flaherty.
"When users don't clearly understand how systems function, they
develop unique (and often incorrect) theories to explain their

Natural Mappings and Stimulus-Response Compatibility in User Interface Design
By Katie Sherwin.
"Designs that quickly convey relationships between the user input and
the result often use natural mappings or have a high stimulus-response

Why Chunking Content is Important (Video)
By  Kate Moran.
"Chunking makes content easier to comprehend and remember. Chunking
text help users understand the relationship between content elements
and information hierarchy."

Hard Costs of Third-Party Scripts
By Dave Rupert.
"I'm interested in the User Experience costs of third-party scripts…"

MODALZ MODALZ MODALZ. We Use Too Many Damn Modals
By Adrian Egger.
"Modals are the crutch of the inarticulate designer and developer…"

[Section one ends.]


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

Accessibility Information.

Association Information.

Book Listings.

Cascading Style Sheets Information.

Color Information.

Drupal Information.

Evaluation & Testing Information.

Event Information.

HTML Information.

Information Architecture Information.

JavaScript Information.

Miscellaneous Web Information.

Navigation Information.

PHP Information.

Sites & Blogs Listing.

Standards, Guidelines & Pattern Information.

Tool Information.

Typography Information.

Usability Information.

XML Information.

[Section two ends.]



WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
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:


Until next time,

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

[Issue ends.]
Attachments area
Preview YouTube video DIY Accessibility Brunch ‘n’ Learn: WCAG 2.1