[webdev] Web Design Update: August 25, 2016
David P. Dillard
Date: Thu, 25 Aug 2016 06:19:54 -0500
From: Laura Carlson <firstname.lastname@example.org>
To: webdev <email@example.com>
Subject: [webdev] Web Design Update: August 25, 2016
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 09, August 25, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 09 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
New links in these categories:
03: CASCADING STYLE SHEETS.
05: EVALUATION & TESTING.
13: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
It's Not Really About the Button...
By Scott O'Hara.
"...there were many who did not quite grasp the full significance of
the example, and why placing the button inside the navigation was
What is Focus? (Video)
By Rob Dodson.
"Focus is one of the main pillars of accessibility, but it's also an
area that many developers are a little fuzzy on."
Why Web Accessibility Benefits Us All
By Peter Brumby.
"If you asked someone to explain 'web accessibility' most people would
say it's something to do with improving the web for disabled people.
But it is much more than that..."
My Slides from Abstractions
By Adrian Roselli.
"Slides from my talk at Abstractions, Fringe Accessibility..."
Website Accessibility: Why There's Still Work to be Done on Government Portals
By Julia McCandless.
"Despite major tech advances, many organizations still struggle with
Making Web Accessibility Great Again: Auditing the US Presidential
Candidates Websites for Accessibility
By Helena Zubkow and Mike Herchel.
"...With one glaring exception, it's obvious that lots of thought and
work had been put into making Hillary Clinton's website accessible to
voters with disabilities...Unfortunately, it is also obvious that
accessibility is deeply neglected within Donald Trump's website, which
leaves a large swath of potential voters unable to browse to his
stance on issues and other content..."
Disabilities Effecting Digital Accessibility in Aging Seniors
By Sue Ann Rodriquez.
"...The following are some techniques for making websites and web
applications work better for people with disabilities as well as older
users with accessibility needs due to ageing..."
By Adina Halter. (Hat Tip to Jennifer Sutton)
"This is a collection of accessible solutions. The links take you to a
page demonstrating the fully functional widget..."
Lynch, Patrick J. and Horton, Sarah. Web Style Guide, 4th Edition:
Foundations of User Experience Design, Yale University Press, 2016.
+03: CASCADING STYLE SHEETS.
Front-End Tip: Testing Component Accessibility with CSS
By Mariano Miguel.
"A very simple technique to bring inaccessible components to the
surface before they make it into production..."
Random A11y Color Palettes
By John Otander and Adam Morse.
"An ongoing project to try and curate beautiful color palettes that
are a11y friendly. This app generates a random palette and allows you
to vote the combination up or down..."
By Brent Jackson.
"Functional color palette generator..."
+05: EVALUATION & TESTING.
Confessions from the Usability Testing Lab
By Brian Sullivan.
"The usability lab can be a confessional booth for people to admit
their sins, vent their frustrations, and seek advice from a neutral
third party. Designers, product managers, developers, trainers, QA,
and almost anyone has set up time (in the usability lab's observation
room) to talk with me privately about 'project issues.'..."
Handling the Competing Demands of Field Studies
By Jim Ross.
"For three reasons, field studies are the most difficult user-research
technique to master..."
Getting Started Finding The Right Sample Size
By Jeff Sauro.
"...Here are five steps to help you start computing the right sample
size for your study..."
Boston Accessibility Conference
October 1, 2016.
Cambridge, Massachusetts, U.S.A.
New CSS Layout
October 17-19, 2016.
Boston, Massachusetts, U.S.A.
AIGA Design Conference
October 17-19, 2016.
Las Vegas, Nevada, U.S.A.
November 14-18, 2016.
Washington, D.C., U.S.A.
The Open Mobile Summit 2016
November 29-30, 2016.
San Francisco, California, U.S.A.
A Few HTML Tips
By Belen Albeza.
"In this article I'll share some tips and advice about HTML code..."
How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series (Part 2)
By Paul J. Adam.
"...Continuing our series we will build another accessible widget, a
role=alertdialog Detail Message Dialog, and test what screen reader
and browser combinations are supported..."
Aria-Controls is Poop
By Heydon Pickering.
"We need to talk about aria-controls..."
Breadcrumbs For Web Sites: What, When and How
By Nick Babich.
"Breadcrumbs (or breadcrumb trail) is a secondary navigation system
that shows a user's location in a site or web app. The term came from
the Hansel and Gretel fairy tale in which the main characters create a
trail of breadcrumbs in order to track back to their house."
2016 W3C Internal Reorganization
"Effective after 26 September 2016."
Word HTML: Converting Word Documents to HTML
By Deborah Edwards-Onoro.
"...online site that allows you to paste the content of your Word
document into an online form and quickly convert the content to clean
Why Do Pull Quotes Exist on the Web?
By Jeremy Kieth.
"There you are reading an article when suddenly it's interrupted by a
big piece of text that's repeating something you just read in the
previous paragraph. Or it's interrupted by a big piece of text that's
spoiling a sentence that you are about to read in subsequent
My Head Hurts! Cognitive Friction in the Age of Mobile
By Nick Kellingley.
"There's nothing more annoying than when things don't function the way
we expect them to..."
Direct Manipulation: Definition
By Samyukta Sherugar and Raluca Budiu.
"Direct manipulation is an interaction style in which the objects of
interest in the UI are visible and can be acted upon via physical,
reversible, incremental actions that receive immediate feedback."
WeChat: China's Integrated Internet User Experience
By Yunnuo Cheng and Jakob Nielsen.
"User research finds that tightly integrated services with a
wide-ranging set of convenient features, accessed through a simple and
unified design, are the reason Chinese users use WeChat so much. They
do so mainly through traditional GUI interactions, not a
'conversational user interface,' despite the hype."
The New Rules of Form Design
By Mike Madaio.
"...modern techniques-when used correctly-allow designers to produce
faster, easier, and more productive form experiences..."
[Section one ends.]
++ SECTION TWO:
+13: What Can You Find at the Web Design Reference Site?
Cascading Style Sheets Information.
Evaluation & Testing Information.
Information Architecture Information.
Miscellaneous Web Information.
Sites & Blogs Listing.
Standards, Guidelines & Pattern Information.
[Section two ends.]
+ SUBSCRIPTION INFO.
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.
+ TEXT EMAIL NEWSLETTER (TEN).
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:
+ SIGN OFF.
Until next time,
Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009