[webdev] Web Design Update: June 9, 2016
David P. Dillard
Date: Thu, 9 Jun 2016 06:12:35 -0500
From: Laura Carlson <firstname.lastname@example.org>
To: webdev <email@example.com>
Subject: [webdev] Web Design Update: June 9, 2016
+++ WEB DESIGN UPDATE.
- Volume 14, Issue 50, June 9, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 50 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
03: EVALUATION & TESTING.
11: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
Optimizing for Accessibility + SEO Formatting & Link Overlaps
By Laura Lippay. (Hat tip to Jennifer Sutton)
"In today's post on accessibility + SEO, we're digging into on-page
aspects that include formatting text, colors, links, and content that
we can't see see but machines can..."
Optimizing for Accessibility + SEO: Images, Video and Non-Text Elements
By Laura Lippay.
"In the first two posts in this series we covered site and page
structure overlaps, and formatting and linking overlaps. In this final
post we'll cover accessibility and SEO overlaps when coding for media
WebAIR: Web Accessibility Information Resource
By David Swallow.
"This document lists the content types and questions in WebAIR. Under
each content type are a number of questions, each of which links to
more information. The "More information" links provide descriptions of
why the issue is important, how to fix the problem, code examples, and
Supporting the Development of Accessible Websites (Video)
By David Swallow.
"Despite many web accessibility initiatives over the last fifteen
years, web developers still struggle to create websites that are
accessible to people with disabilities. For the last six years, David
has worked closely with web developers to understand the difficulties
they encounter and to determine how best to support them. This
presentation provides an overview of his research and describes the
development and evaluation of a new accessibility information resource
for supporting web developers in the creation of accessible websites."
How to Make Websites Become User Friendly and Accessible for Everybody
By John Stevens.
"Easy to implement tips and tricks on website accessibility..."
Using Plain Language to Enhance eRecruiting
By Partnership on Employment & Accessible Technology (PEAT).
"Here's a news flash: Accessibility matters to people with all kinds
of disabilities-not just those with vision and hearing impairments..."
What Are WCAG Success Criteria?
By David MacDonald.
"and 8 tips on how to write them..."
Americans with Disability Act (ADA) Website Accessibility Requirements Delayed
By Michael Pillion and Eric Pennesi.
"When we last discussed the application of Title III of the Americans
with Disabilities Act (ADA) to websites (see our April 2015 post), the
US Department of Justice (DOJ) appeared primed to propose the Web
Content Accessibility Guidelines (WCAG) 2.0, Level AA as the standard
required for public accommodations in the private/non-government
+02: CASCADING STYLE SHEETS.
Molten Leading in CSS
By Chris Coyier.
"...Tim's coined phrase "molten leading", which is essentially
line-height that depends on line length. It's actually a "triadic"
+03: EVALUATION and TESTING.
How to Assign the Severity of Usability Problems
By Jeff Sauro.
"...Here are five steps to follow for establishing a system for
assigning problem severity after observing problems in a usability
Diary Studies: Understanding Long-Term User Behavior and Experiences
By Kim Flaherty.
"User logs (diaries) of daily activities as they occur give contextual
insights about real-time user behaviors and needs, helping define UX
Testing is Not an Issue of Not Enough Money or Time
By Gerry McGovern.
"The key to digital transformation involves organizing around the
customer. To do that you must continuously test with the customer."
Run Parallel Design and Development Sprints
By Hannah Alvarez.
"...Many leading companies find that the most effective way to
incorporate user tests into their agile development cycle is to have
their design team (UI/UX designers, visual designers, user
researchers, and product managers) run a design sprint parallel to
their development team..."
San Francisco UX Conference
June 25-July 1, 2016.
San Francisco, California, U.S.A.
Toronto UX Conference
July 10-15, 2016.
July 11-16, 2016.
Indianapolis, Indiana, U.S.A.
Generate San Francisco 2016
July 15, 2016.
San Francisco, California, U.S.A.
HCI International 2016
July 17-22, 2016.
Finishing HTML5.1 ... and Starting HTML 5.2
By Charles McCathie Nevile.
"Since we published the Working on HTML5.1 post, we've made progress.
We've closed more issues than we have open, we now have a working
rhythm for the specification that is getting up to the speed we want,
and we have a spec we think is a big improvement on HTML5..."
By Jack Franklin.
harbors wily and persistent bugs. Keeping the rows neat with functions
that don't reach outside their scope makes your codebase more reliable
and easier to document. Jack Franklin suggests looking for
opportunities to use pure functions-it could make maintaining the code
a stroll in the park for your future self."
By Rakesh Paladugula.
"aria-sort (property) is used to inform the screen reader user whether
the columns or rows in a grid can be sorted. Aria-sort (property) is
used to a table header or a grid header. This aria-sort (property) can
be used both for column headers or row headers. aria-sort (property)
has two possible values "ascending" and "descending"..."
By Cristina Silva.
"...Here are some components I use created by using only CSS..."
"Recently, I realised that I've been writing single page applications
(SPAs) for about seven years..."
Tables Bookmarklet for Accessibility Testing
By Paul J. Adam.
"Tables Bookmarklet for Accessibility Testing inserts data table tags and attributes into the DOM with a yellow highlighted background so you can quickly identify the accessibility errors."
In Plain Sight: Text, Contrast, and Accessibility
By Ryan Frederick.
"Contrast is one of the basic elements of graphic design. It lets us
tell things apart. Yet in UI design, at least for the web, there is a
perpetual temptation to skimp. Things tend towards gray-on-gray."
Why Users Abandon Forms with Select Menus
By UX Movement.
"Form abandonment is like someone agreeing to meet up with you but
then canceling last minute. Users who are interested in what a site
offers have no trouble starting a form. But when it comes to
completing it, they'll have many reasons not to."
"Icons save space. Icons look crisp. Icons give quick answers to hard
questions: How do we make it nicer? How can we brand it? How do we
make it more fun? We love icons. Until they start messing with our
More About SVG Masking - Properties And Attributes
By Steven Bradley.
"...In the clipping part of this series I showed how CSS handles
clipping and I'd like to do the same for masking..."
[Section one ends.]
++ SECTION TWO:
+11: What Can You Find at the Web Design Reference Site?
Cascading Style Sheets Information.
Evaluation and 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