[webdev] Web Design Update: June 19, 2018

David Dillard

Laura Carlson <>

Tue, Jun 19, 2018, 8:49 AM
to webdev
- Volume 16, Issue 52, June 19, 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:

03: COLOR.
06: HTML.
09: TOOLS.

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

[Contents ends.]

++ SECTION ONE: New references.


Web Content Accessibility Guidelines (WCAG) 2.1 - Recommended
By Alastair Campbell.
"The latest update to the Web Content Accessibility Guidelines (WCAG)
has now been launched and version 2.1 is now the 'recommended' version
as of 5th June 2018.…"

New Web Content Accessibility Guidelines (WCAG) 2.1 - What, When, How
By Jason Taylor.
"What's the difference between version 2.1 over 2.0?…"

W3C Updates Website Accessibility Standards
By Klein Moynihan Turco.
"For the past four years, the World Wide Web Consortium ('W3C') has
been working to update version 2.0 of the Web Content Accessibility
Guidelines ('WCAG') in order to keep pace with rapid developments in
the technology space…"

What's New in WCAG 2.1?
By Ricky Onsman.
"WCAG 2.1 was published in its final form in June 2018…"

WCAG 2.1: What Does It Actually Mean?
By Robert DeLuca.
"Publication as a W3C Recommendation finalizes the development process
and indicates that the W3C considers the updated guidelines ready for
implementation on web content…"

Welcome, WCAG 2.1! The Web Content Accessibility Guidelines get an update.
By Becky Gibson.
"Knowbility welcomes the efforts of the W3C to update WCAG to improve
web accessibility for all. We are pleased to see the new WCAG 2.1
success criteria extend access to areas of disability not covered

Smartphone Accessibility 201: Colors, Contrast, and Magnification, Oh My!
By Kara VanRoekel.
"This is article two of a series taking you through mobile
accessibility basics for Android and iPhone to help get you ready to
conduct an accessibility assessment on the mobile device of your

Superior Court Rules Phone Calls, Email are Not Alternatives to an
ADA-Compliant Website
By Buckley Sandler.
"…In addition to awarding $4,000 in statutory damages, the court
issued an injunction to the defendants, ordering them to comply with
Web Content Accessibility Guidelines 2.0 AA to ensure their website is
ADA compliant."

BECU will Restore Accessibility for Blind Customers to Its Website and
Mobile Banking App
By Derek Hall.
"The change came after the National Federation of the Blind, its
Washington affiliate and three blind individuals warned they might sue
under the Americans with Disabilities Act and the Washington State Law
Against Discrimination…"


Resilient, Declarative, Contextual
By Keith J Grant.
"…I want to look at three key characteristics of CSS that set it apart
from conventional programming languages: it's resilient; it's
declarative; and it's contextual. Understanding these aspects of the
language, I think, is key to becoming proficient in CSS…"

A Comprehensive Guide to Flexbox Alignment
By Anna Monus.
"Alignment is probably the most confusing aspect of flexbox…"

The Firefox Shape Path Editor (Video)
By Jen Simmons.
"…The Firefox Shape Path Editor is a tool you can use in Firefox 62 or
later to help you edit the basic shape in CSS…"

Creating a RevealJS clone with CSS Scroll Snap Points
By Nicolas Hoffmann.
"I wanted to test this CSS module for a long time (and some other
things), I had the opportunity to do it with my slides for Sud Web
2018. Here is a return of experience…"

+03: COLOR.

Considering Colour Blindness in UX Design (with five examples)
By Lizzy Hillier.
"Despite it affecting approximately one in 12 men and one in 200
women, colour blindness is often disregarded when designing for
optimum user experience and accessibility…"


The Three Essential Sources of Customer Insight
By Gerry McGovern.
"To truly understand customers it is essential to combine insights
from the following research methods: Quantitative, Observational,

How to Test Visual Design
By Kathryn Whitenton.
"When evaluating fonts, colors, and other visual details, assess both
aesthetic impressions and behavioral effects."

10 Things to Know About the SUPR-Q
By Jeff Sauro.
"The SUPR-Q (Standardized User Experience Percentile Rank
Questionnaire) is a standardized questionnaire that measures the
quality of the website user experience…"

+05: EVENTS.

Who Teaches About Accessibility in Computing Courses?
June 28, 2018.

Summer of WCAG 2.1 (Part 2)
July 9, 2018.
Boulder, Colorado, U.S.A.

Document Accessibility, Part 1: Word Accessibility and PDF
Accessibility, Fundamentals
July 17, 2018.
Austin, Texas, U.S.A.

Putting WCAG 2.1 Into Practice
July 30, 2018.
Minneapolis, Minnesota, U.S.A.

Inclusive Design 24 (#ID24)
October 11, 2018.

ARIA: What, Why and When
October 11, 2018.

Interact London
October 17, 2018.
London, England, United Kingdom

World Usability Congress
October 17-18, 2018.
Graz, Austria

+06: HTML.

Anatomy of Accessible Forms! Placeholder is a Mirage
By Raghavendra Satish Peri.
"…we will see why using a placeholder is not great from the
accessibility stand & what needs to be done to use a placeholder
attribute successfully…"


Hiding Complexity Through JavaScript Show/Hide Elements
By Tom Johnson.
"Principle: If you can't delete information to reduce complexity, look
for ways to hide less-used information on the screen through
JavaScript techniques, such as show/hide elements, expand/collapse
toggles, navtabs, tooltips, and more…"


5 Steps for Effective Diary Studies in Customer Journey Research (Video)
By Kim Flaherty.
"Diary studies are a longitudinal research method used to understand
user interactions at different touchpoints, which is especially useful
for omnichannel user research. Participants record their reactions as
experiences unfold throughout the customer journey. "

Show Me the Way to Go Anywhere - Navigation for Mobile Applications
By Interaction Design Foundation.
"It doesn't matter how great the functions and content, that your
mobile apps serve, are - if your user can't find them, they aren't
going to contribute to a great user experience…"

+09: TOOLS.

Color Tool
By Material Design.
Create, share, and apply color palettes to your UI, as well as measure
the accessibility level of any color combination.


Golden Rules of Typography on the Web
By Richard Rutter.
"Typography is what comes between the author and the reader. This is
as true on the web as it is in any other medium. If a text has
anything at all significant to say, it needs a typographer's care,
which will in turn be repaid by the reader's attention. If you design
websites or use CSS then you are a typographer whether you know it or


Personalization versus Customization (Video)
By Lexie Martin.
"Users expect that the content they see will be relevant to their
individual needs. Personalization and customization are techniques
that can help you ensure that users see what matters to them."

The Impact of Voice in UX Design: And What To Do About It
By Jolina Landicho.
"…for web and application designers, voice interaction represents,
perhaps, the biggest UX challenge since the dawn of the touchscreen

How You Can Aid User Scanning by Using Eyebrow Headlines
By Anthony Tseng.
"An eye-tracking study found that most users don't read entire
headlines. Instead, they scan the left sides of headlines and only
read the first few words…"

My Head Hurts! Cognitive Friction in the Age of Mobile
By Interaction Design Foundation.
"…Cognitive friction occurs when the cues don't match our
expectations. Learning to avoid cognitive friction in UI design can
help make the user experience (UX) of products greater…"

Experiments in Loading - How Long Will You Wait?
By Ian Tate.
"…Despite some individual variation, novel loaders as a whole had a
higher wait time and lower abandon rate than generic ones…"

[Section one ends.]


+12: 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.]