[webdev] Web Design Update: September 20, 2018

David Dillard

[webdev] Web Design Update: September 20, 2018



Laura Carlson <>

Sep 20, 2018, 7:49 AM
to webdev
- Volume 17, Issue 13, September 20, 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:

05: HTML.

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

[Contents ends.]

++ SECTION ONE: New references.


Exploring WCAG 2.1 - 2.2.6 Timeouts
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with the
next level AAA success criteria focused on cognitive accessibility.
Success criterion 2.2.6 Timeouts helps to prevent data loss when
entering data. It falls under guideline 2.2, Enough Time…"

WCAG 2.1 Article Series via Knowbility
By Dennis Lembree.
Dennis recaps Becky Gibson's series on WCAG 2.1.

Content on Hover & Focus
By Detlev Fischer.
"Some content is transient: it appears as a pop-up in a layer on top
of the page. The pop-up is displayed when the user hovers over a
trigger element with the mouse, or focuses the trigger with the

Dunkin' Donuts Gets Burned by ADA Decision
By Jesse M. Brody.
"In a plaintiff-friendly decision, the U.S. Court of Appeals for the
Eleventh Circuit sided with a blind man to find that his allegations
of website inaccessibility were sufficient to move his Americans with
Disabilities Act (ADA) suit forward…"

Senators Urge DOJ to Weigh in On ADA Impact on Websites
By Ben Jacobson.
"A pair of U.S. senators from Iowa say it's unclear whether the
landmark Americans with Disabilities Act transcends the physical world
into the cyber realm…"


Flexbox: How Big is That Flexible Box?
By Rachel Andrew.
"In the last two articles, we have looked at what happens when we
create a flex container, and also taken a look at alignment. This time
we explore the often confusing issue of sizing in Flexbox. How does
Flexbox decide how big things should be?…"

CSS Dismissal is About Exclusion, Not Technology
By Kevin Ball.
"…It's become increasingly clear that the "debate" about CSS is not
about technology. It's about gender privilege and exclusion…"


5 Ways to Interpret a SUS Score
By Jeff Sauro.
"…1. Percentiles… 2. Grades… 3. Adjectives… 4. Acceptability… 5.
Promoters and Detractors…"

Ethics in UX — Yes, you do need to think about this
By Loop11.
"I wanted to share a recent article we wrote about Ethics in UX. It's
inspired by the story of a UX professional who had an unbelievably
shocking experience acting as a participant within a usability study

+04: EVENTS.

What You Need to Know About WCAG 2.1
September 26, 2018.

World Usability Day
November 9, 2018.

PHP World
November 14-15, 2018.
Washington D.C., U.S.A.

Agile Accessibility in a Regulated Industry
November 15, 2018.

Creating Accessible Documents with Adobe InDesign
November 15, 2018.

+05: HTML.

The dialog Element
By Chris Manning.
"Simplify pop-ups and modals using the HTML dialog element…"

HTML elements, unite! The Voltron-Like Powers of Combining Elements.
By Mandy Michael.
"Guides, resources and discussions about Semantic HTML are often
focused around specific elements, like a heading, or a sectioning
element, or a list. It's not often that we talk specifically about how
we can combine HTML elements to increase their effectiveness…"


On Using Tracking Scripts
By Michael Scharnagl.
"…When looking at the costs versus the benefits it is hard to believe
that almost every website is using tracking scripts…"


What's Best for Users
By Winston Hearn.
"…The incentives that Google technology created were very important in
the evolution of this current stage of the web. I think we should be
skeptical of AMP because once again a single company's technology -
the same single company - is creating the incentives for where we go
next…I'm not sure I am yet willing to cede the web to a single
monopolized company…"


Pages at a Glance -- The Importance of the First Two Sentences of Any Topic
By Tom Johnson.
"Showing users the 'Pages at a glance' when they click a folder title
in a sidebar can help users get a quick understanding of the whole
without slogging through the details of each page. The first two
sentences of a topic should encapsulate the point of the whole topic
is a condensed and informative way."

Help Users Skim Contents with Titled Sections
By Priscilla Esser.
"Text-heavy websites, such as those of all the major newspapers that
have embraced the web as an essential medium for the future, know the
importance of using titled sections to reel the readers in. There's a
perfect art to the craft, and it stems from an exact science
concerning how human beings process information…"

Form Field Usability: Avoid Multi-Column Layouts (13% Get It Wrong)
By Edward Scott.
"…Consequences of using a multi-column form layout include users
skipping fields where they actually have data to input, inputting data
into the wrong fields, or simply coming to a halt and puzzling over
how to proceed with inputting their data in the first place…"

Branding Manipulation
By Gerry McGovern.
"Branding can mean something. It can be a way to summarize what you
are, what you stand for. However, branding is too often used to make
gullible people believe anything. Much branding is a form of
psychological trickery, emotional manipulation, magic…"

What is a Mental Model? (Video)
By Aurora Harley.
"What users think they know about your system will determine how they
interact with the design. Understand users' mental models to design
something that'll work well in practice."

Why is UX so Difficult? (Video)
By Kara Pernice.
"UX practitioners who feel inept at their job usually face far greater
challenges than improving their design, craft or research prowess.
Rather, addressing development schedules, Agile, Scrum, Lean, and team
member's roles can create the greatest challenges."

A Personal Journey Through User Experience
By Marc Hassenzahl.
"Twenty years ago, it seemed as if functionalism had finally won. Back
then, effective and efficient use had been the sole mission for
practitioners of human-computer interaction (HCI)…"

[Section one ends.]


+09: 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.]
Preview YouTube video Why is UX so difficult?