Date: Thu, 16 Mar 2017 06:17:00 -0500
From: Laura Carlson <email@example.com>
To: webdev <firstname.lastname@example.org>
Subject: [webdev] Web Design Update: March 16, 2017
+++ WEB DESIGN UPDATE.
– Volume 15, Issue 38, March 16, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 38 CONTENTS.
SECTION ONE: New references.
What’s new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
10: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
What Comes After WCAG 2.1?
By Shawn Lauriat, Jeanne Spellman, Michael Cooper, and Andrew Kirkpatrick.
CSUN presentation slides from March 2, 2017.
Keyboard Interaction for Disabled Elements
By Rakesh Paladugula.
“In many contexts few elements on the screen are in disabled mode. The
question often araises is ‘Do these disabled elements need keyboard
My Audio Description Talk @ CSUN
By Terrill Thompson.
“At CSUN 2017 I opened the conference on Wednesday morning with a
presentation on audio description…”
UC Berkeley Decision Results in Universal Inaccessibility
By Cyndi Rowland.
“…Sadly, they missed an opportunity to deepen their disability
commitment, as well as their leadership role in higher education.”
ITIF: 92% of Top Federal Websites Fail to Meet Security, Speed,
By Ramona Adams.
“A new study from the Information Technology and Innovation Foundation
says 92 percent of the U.S. federal government’s most popular websites
do not meet basic standards for security, speed, mobile friendliness
https://www.executivegov.com/2017/03/ itif-92-of-top-federal-govt-websites- fail-to-meet-security-speed-accessibility-standards/
Using the Law as a Tool to Advance Digital Accessibility
By Rishi Agrawal.
“…the presenters emphasized that the best way to continue to make
progress is a proactive, robust accessibility program.”
Accessibility Standards Get a Much-Needed Refresh
By Andrew Kirkpatrick.
“The last time the federal government updated its accessibility
standards for electronic and information technology ‘Shrek’ was
dominating the U.S. box office and the Supreme Court was ruling on
‘hanging chads’ in the Florida recount 16 years ago…”
Prepare Now for Upcoming Website Accessibility Mandates
By Ashley Fruechting.
“…It’s about how content is written. It’s about captioning videos.
And it’s about using content headers properly…”
WCAG 2.0 and What it Means for School Website ADA
By Steve Williams.
“If you are like most public schools across the country, website
accessibility and ADA compliance has become a focus due to an increase
in the Office for Civil Rights (OCR) complaints, investigations and
even lawsuits. Schools can no longer just have a website that serves
common computers and browsers, but now has to ensure all online
information is accessible for everyone – including those with
Slides: CSUN 2017: Sidestepping Ableist Language
By Ashley Bischoff.
By Dennis Lembree.
CSUN 2017 Megalist of Presentation Resources for Digital Professionals
By Dennis Deacon.
Geisen, Emily and Bergstrom. Usability Testing for Survey Research,
Morgan Kaufmann, 2017. (Hat tip to Jennifer Sutton)
Meyer, Eric. A. and Weyl, Estelle. Cascading Style Sheets : The
Definitive Guide, O’Reilly & Associates, 2017.
+03: CASCADING STYLE SHEETS.
Golden Guidelines for Writing Clean CSS
By Tiffany Brown.
“As mentioned, there are some rules for writing clean CSS that you
should try your best to avoid breaking. They’ll help you write CSS
that is lightweight and reusable…”
Learn About CSS Architecture – Atomic CSS
By Tiffany Brown.
“If BEM is the industry darling, Atomic CSS is its rebellious maverick…”
How to Order and Align Items in Grid Layout
By Nitish Kumar.
“In this tutorial, you will learn how to control the order in which
items are placed using the Grid Layout module. After that, we will
discuss how to control the alignment of different items in the
By Eric A. Meyer.
“I said yesterday I would write up the process of adding Grid to
meyerweb, and I did. I started it last night and I finished it this
morning, and when I was done with the first draft I discovered I’d
written almost four thousand words…”
By Eric A. Meyer.
“That converting-meyerweb-to-Grid article I’ve mentioned previously is
still coming along…”
Chrome 57 – Grid Based Layouts, Media Session API and More (Video)
By Pete LePage.
“With Chrome 57, you can now use display: grid for grid based layouts,
use the media session API to customize the lock screen and
notifications with information about the media being played and
+04: EVALUATION & TESTING.
WCAG 2.1 – What Challenges Face Accessibility Auditors?
By Matthew Putland.
“The first WCAG 2.1 draft has finally been released! But what could
the current changes mean for people with disabilities and web
accessibility auditors? Media Access Australia’s Senior Digital
Accessibility Analyst, Matthew Putland, investigates…”
How Would you Design a Spice Rack for Blind People?
By Mark Walmsley.
“…The best answer I ever heard is at the end of this post.”
OATMEAL – Accessibility Testing for the Web
“The Open Accessibility Testing Methods for Experts And Layfolk were
created with two goals in mind.”
Use WAVE Tool to Test Web Pages for Accessibility
By George Williams.
“…A browser-based, accessibility-checking tool that I’ve always
liked is the WAVE Accessibility Extension, available for Firefox and
Festival of the Web
April 2-9, 2017.
April 24-25, 2017.
Ann Arbor, Michigan, U.S.A.
Now What? Conference
April 26-27, 2017.
Sioux Falls, South Dakota, U.S.A.
April 26-28, 2017.
Seattle, Washington, U.S.A.
June 7-9, 2017.
Edinburgh, Scotland, United Kingdom
Linting HTML Using CSS
By Ire Aderinokun.
“When HTML is written incorrectly, nothing much happens. Because of
this, it’s easy to have invalid, unsemantic, or unaccessible bits in
markup without it being obvious…”
In AMP We Trust
By Jeremy Keith.
“AMP Conf was one of those deep dive events, with two days dedicated
to one single technology: AMP…”
World Wide Web, Not Wealthy Western Web (Part 2)
By Bruce Lawson.
“…there are other challenges to surmount, such as ways to get over
creaky infrastructure in developing markets (which can be done with
stopgap technological solutions, such as proxy browsers), and we’ll
also look at some of the reasons why some of the offline billions
remain offline, and what can be done to address this…”
Design Sprints Are Snake Oil
By Erika Hall.
“So, no matter what your problem is, I suggest starting from a set of
goals, rather than a specific solution, no matter how appealing it
sounds. Consider the larger context as well as the issue at hand…”
43% of Sites Have Severe ‘Flickering’ Issues for Their Main Drop-Down Menu
By Christian Holst.
“…For something as important as the site’s main navigation, using
either a basic hover delay or the more ideal Mouse Path Analysis is
required to attain a good performance for any hover-based drop-down
menu where users can otherwise experience ‘flickering’ issues by
accidentally hovering sibling parent categories.”
How to Get Started With Customer Journey Mapping
By Paul Boag.
“Customer journey mapping has become a popular tool among user
Caroline Jarrett Discusses Forms, Surveys and the Need to be Brave
By Damian Rees.
“In our latest UX Insider interview, I met up with Caroline Jarrett
from Effortmark, to talk about forms and tap into her knowledge on how
to formulate the right questions…”
Flat-Design Best Practices
By Kate Meyer.
“Flat designs often suffer from usability problems and cause click
uncertainty because of lost signifiers. Avoid these negative side
effects by consistently and clearly differentiating between clickable
and unclickable elements.”
How to Make Your App Lovable
“A decent app helps you get the job done. A good app helps you get it
done faster. A great app, however, makes it effortless… and those
apps, the ones that make things feel effortless, are the ones we love
Accounting for UX Work with User Stories in Agile Projects
By Page Laubheimer and Hoa Loranger.
“To make UX activities visible, break user stories into UX and
development subtasks, add UX to Kanban boards, and include UX
acceptance criteria and story points.”
The Surreal Crazy, Crazy World of Branding
By Gerry McGovern.
“…Digital makes it harder and harder to control the customer
journey. Much better to give the customer more and more control.”
[Section one ends.]
++ SECTION TWO:
+10: 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