[webdev] Web Design Update: August 30, 2018

David Dillard

Laura Carlson <>

Aug 30, 2018, 7:06 AM
to webdev
- Volume 17, Issue 10, August 30, 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 th


ese categories:

05: HTML.
10: XML.

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

[Contents ends.]

++ SECTION ONE: New references.


Exploring WCAG 2.1 - 4.1.3 Status Messages
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues
with the last of the new low vision related success criteria, 4.1.3 Status Messages.
 It falls under guideline 4.1, Compatible…"

What is the Best Way to Dismiss Content on Hover or Focus?
By Detlev Fischer.
"The new WCAG 2.1 Success Criterion 1.4.13 Content on hover or focus
is a very recent addition to the standard. There is some uncertainty what
authors should do to make content on hover or focus dismissible - 
especially if content is shown just by CSS, i.e. without intervention of script…"

WCAG 2.1 Accessibility Checklist
By accessw3.
"Dynamic Checklist with Success Criteria copied from WCAG 2.1 Standard…"

Digging into Inclusive Design with Derek Featherstone (Video)
By Chicago Digital Accessibility & Inclusive Design.
"…In this session, join Derek Featherstone as we dig into inclusive design 
as a practice and how it helps you systematically reach your goal of making 
things accessible…"

Designing for Accessibility with POUR (Video)
By National Center on Accessible Educational Materials.
"An introduction to the four POUR principles 
(Perceivable, Operable, Understandable and Robust) that make 
for a more accessible experience in learning materials…"

The Importance of Text Accessibility: How IBM's Content Clarifier Shows Us What We've Forgotten
By Jonathan Hassell.
"…Simpler means more credible, as well as more accessible. 
There's a prize to be won here, whatever the Guidelines say…"

Experiencing Accessibility
By Dan Oehmke and Jennie Delisi.
"During a conference call some time ago, my stress and frustration levels quickly maxed out.
We were reporting issues with accessibility for an enterprise application to one of our software vendors…"

Accessibility Terms Defined
By Jaclyn Leduc.
"…we define everything from 'keyboard accessibility' to accessibility-related organizations and laws.
It's important to have a solid grasp on accessibility and how it may apply to you, and it starts
 by understanding the basics…"

Beyond the Marketing Minute: WCAG 2.1 Compliance Tips for Designers
By Ashley Mugnolo.
"WCAG 2.1 is finally here with new recommendations for designers and UX professionals
so they can update and create websites and digital content in a host of industries to make
 them more accessible than ever to millions of users with a range of sensory disabilities…"

Exploring WCAG 2.1 for Australian Government Services
By The Digital Transformation Agency.
"Since the Web Content Accessibility Guidelines (WCAG) 2.1 were released
in June we've received questions about how to approach the development
of government services to meet these updated accessibility guidelines…"

Policy Update: Accessibility of Information Technology
By University of Minnesota.
"The revised Policy on Accessibility of Information Technology:
Establishes the latest World-Wide Web Consortium (W3C) Web Content Accessibility Guidelines
(WCAG) 2.1 level AA to serve as the University standard…"


How to Create Printer-Friendly Pages with CSS
By Craig Buckler.
"In this article, we review the art of creating printer-friendly web pages with CSS.…"


Are Two Pairs of Eyes Better Than One? A Comparison of Concurrent Think- Aloud
and Co-Participation Methods in Usability Testing
By Obead Alhadreti, Pam Mayhew.
"This paper presents the results of a study that aimed to compare the traditional concurrent
think-aloud protocol with the co-participation method to determine the benefit of adding
an additional participant to the testing session…"

What Goes into a Well-Done Critique
By Jared M. Spool.
"…Four Elements of a Well-Done Critique…1: Respect…2: Dispassionate …3:
Lacking Authority…Justified Impressions and Concerns…"

Benchmarking State Government Websites
By Daniel Castro and Michael McLaughlin.
"A detailed review of 400 state government websites finds that while some states have
much better sites than others, every state has room to significantly improve so that it
better serves the public with easy and secure access to e-government services and
information.…59 percent of state websites passed the accessibility standard…"

How to Setup a Desktop Usability Test (Video)
By Kim Flaherty.
"There are a lot of elements involved in usability studies with a desktop computer.
In this video, we'll walk you through an example test setup, including the necessary
equipment, and discuss how to prepare for a test."

Case Study: Iterative Design and Prototype Testing of the NN/g Homepage
By Kathryn Whitenton and Sarah Gibbons.
"The NN/g homepage redesign relied on rapid iterative prototyping, and usability testing,
to balance multiple design objectives."

User Personas: Traps And How To Overcome Them
By Anikó Kocsis.
"…We still think personas have proven themselves a necessary technique,
 but where does the controversy come from and how can we create good ones?…"

+04: EVENTS.

Digital Accessibility in Theory and Practice
September 12, 2018.
Cleveland, Ohio, U.S.A.

A11Y Talks - Love thy Keyboard
September 25, 2018.

MidwestUX Conference 2018
October 11-13, 2018.
Chicago, Illinois, U.S.A.

October 17-19, 2018.
Atlanta, Georgia, U.S.A.

Talk UX Boston
October 17-19, 2018.
Boston, Massachusetts, U.S.A.

ICT Accessibility Testing Symposium: Mobile Testing, 508 Revision, and Beyond
November 7-8, 2018.
Arlington, Virginia, U.S.A.

ffconf 2018
November 8-9, 2018.
Brighton, England, United Kingdom

+05: HTML.

UX And HTML5: Let's Help Users Fill In Your Mobile Form (Part 2)
By Stéphanie i Walter.
"…This is the second part in a series on enhancing mobile forms for users…"


JavaScript for Impatient Programmers
By Axel Rauschmayer.
"Goal of this book: make JavaScript less challenging to learn for newcomers,
by offering a modern view that is as consistent as possible…"


Become a Standards and Accessibility Champion (Interview)
By Net staff.
"…Bruce Lawson has spent years diligently advocating on behalf of developers
and championing inclusivity in user experience design for brands such as
Opera and Wix. We catch up with him to discuss building at scale, developer
advocacy and his Generate London talk…"

Microsoft's Hackathon Isn't Just About Fixing the World's Problems
By Ian Sherr and Connie Guglielmo.
"…'When we talk about our mission of empowering every person and every organization
on the planet to achieve more, it can't be just a set of words. It has to in some sense
capture the very essence of who we are in all of the decisions we make, in the products
we create and how we show up with our customers, Nadella said in an interview'…"


Accessible Breadcrumb Navigation Pattern
By Scott O'Hara.
"Examples of a breadcrumb navigation using aria-label to provide an accessible name,
and aria-current to indicate the currently active link…"


How To Make A Dashboard That Doesn't Suck
By Dylan Wilbanks.
"…there's a problem when you prioritize curb appeal above all else:
Your dashboard will likely be utterly useless. It will be a work of art
to hang from a wall, but it won't be a dashboard…"

UX And HTML5: Let's Help Users Fill In Your Mobile Form (Part 1)
By Stéphanie Walter.
"Do you test your forms on real users and real devices? If not, you should.
Let's take a look at some of the techniques that can help you take your forms
to the next level and help users fill them in."

Simple Rules for Designing Web & Mobile Forms
By Thomas Drach.
"…Forms should be designed well. Here are a couple notes and observations…"

Does Anyone Use Social Sharing Buttons on Mobile?
by Moovweb.
"Visit a lot of websites, and you'll see precious screen space dedicated
 to social sharing buttons on mobile websites, imploring users to share
 the content on Facebook, Twitter, Pinterest or other social networks…"

The User Experience of U.S. Government Websites
By Jeff Sauro.
"…We collected SUPR-Q data, including NPS data, and investigated visitors'
reasons for using the site, website attitudes, understanding of key features,
and ability to complete tasks on each of the websites…"

+10: XML.

Real World Use of CSS with SVG
By Craig Buckler.
"SVG is a lightweight vector image format that's used to display a variety of
graphics on the Web and other environments with support for interactivity
and animation. In this article, we'll explore the various ways to use CSS
with SVG, and ways to include SVGs in a web page and manipulate them."

[Section one ends.]


+11: 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 Designing for Accessibility with POUR