[webdev] Web Design Update: October 24, 2013
lcarlson at d.umn.edu
Thu Oct 24 06:32:25 CDT 2013
+++ WEB DESIGN UPDATE.
- Volume 12, Issue 18, October 24, 2013.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 18 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.
09: STANDARDS, GUIDELINES & PATTERNS.
11: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
One Million Steps - Boosting Access Awareness, One Website at a Time
By Robin Christopherson.
"Recent research shows that the great majority of websites are still
failing consistently to comply with even the lowest priority
checkpoints of the accessibility guidelines set out by the
international web standards body the World Wide Web Consortium.
Despite a plethora of initiatives to raise awareness of this issue,
from Citizens Online's 'Fix the Web' campaign to Global Accessibility
Awareness Day, the situation does not seem to be improving at a
Using JAWS to Evaluate Web Accessibility
"This article is designed to help users who are new to JAWS learn the
basic controls for testing web content, and to serve as a reference
for the occasional JAWS user. While reading this article, keep a few
things in mind..."
Using VoiceOver to Evaluate Web Accessibility
"VoiceOve is a screen reader program that comes on new Mac computers,
iPhones, iPads, and iPod touches. This article is designed to help
users who are new to VoiceOver learn the basic controls for testing
web content, and to serve as a reference for the occasional VoiceOver
Using NVDA to Evaluate Web Accessibility
"This article is designed to help users who are new to NonVisual
Desktop Access (NVDA) learn the basic controls for testing web
content, and to serve as a reference for the occasional NVDA user.
NonVisual Desktop Access (NVDA) is a free and open source screen
reader for the Microsoft Windows operating system. It supports over 20
languages and can run on any computer entirely from a USB drive with
+02: CASCADING STYLE SHEETS.
Challenging CSS Best Practices
By Thierry Koblentz.
"When it comes to CSS, I believe that the sacred principle of
'separation of concerns' (SoC) has lead us to accept bloat,
obsolescence, redundancy, poor caching and more. Now, I'm convinced
that the only way to improve how we author style sheets is by moving
away from this principle..."
Cargo Cult CSS
By Ben Darlow.
"It is generally accepted that having a methodology for writing and
managing CSS is preferable to having none at all. In spite of this,
some of the practices developers have adopted are having a detrimental
effect on the semantic quality and longterm maintainability of what we
build. I'm going to talk about some of the problems with techniques
being advocated by CSS 'framework methodologies' and how we, as web
developers, can better solve these problems."
By Jeremy Keith.
"Two articles were published today that take diametrically opposed
viewpoints on how developers should be using CSS"
"The origin and sorting order of CSS helps browsers to determine which
rules win out over others..."
More About Scaling in iOS
By Peter-Paul Koch.
"Turns out Tuesday's post was not so much wrong as incomplete. I was
tripped up by what's probably the most complicated feature (or bug) in
the meta viewport space, and my conclusions weren't entirely
Preliminary Meta Viewport Research
By Peter-Paul Koch.
"Just now I released my preliminary meta viewport research that
studies the various permutations of the <meta name="viewport"> tag."
The Knowledge Hub for Responsive Design
"Responsive Design is a leap forward in the web industry to create a
consistent experience on all viewports from mobile to desktop."
+03: EVALUATION & TESTING.
Surviving the Top Ten Challenges of Software Testing - Challenge #5:
Making Time for Testing
By William Perry and Randall Rice.
"Somewhere between the agony of rushed deadlines and the luxury of all
the time in the world has got to be a reasonable approach to testing.
This chapter is about making the most of the time you have available."
4 weeks starting November 11, 2013.
December 16, 2013.
South By Southwest Interactive
March 7-6, 2014.
Austin, Texas, U.S.A.
March 17-21, 2014.
Jacksonville, Florida, U.S.A.
International Technology and Persons with Disabilities Conference
March 17-22, 2014.
San Diego, California, U.S.A.
University of Illinois Web Conference 2014
April 28-29, 2014.
Champaign, Illinois, U.S.A.
Web Conference at Penn State
June 9-10, 2014.
Penn State, Pennsylvania, U.S.A.
Responsive Images - Ain't We There Yet?
By Marcos Caceres.
Marcos's fronteers 2013 presentation slides
srcN - Alternative to picture and srcset
By Marcos Caceres.
"Tab Atkins has put forward and alternative proposal to both srcset
Proposal for RespImg Syntax
By Tab Atkins.
"This document describes a proposed syntax for "responsive images",
which allows a user agent to choose an appropriate version of an image
from several candidates."
By Pete Herlihy.
"...This isn't about whether we should offer a good service to
always will. But it's interesting to know that 1 in 93 people will
it comes to prioritising how much of our time to spend on that
By Heydon Pickering.
"Some practical ARIA examples to enhance your application accessibility..."
Why There are Only Two Ways to Make ARIA Widgets Programmatically
Focusable for Screen Reader Users
By Bryan Garaventa.
"This post is one in a series of posts on accessible rich internet
applications (ARIA) and the specification by the same name. One
challenge with composite widgets (widgets that are made up of other
widgets) is properly exposing programmatic focus to assistive
technology. The widget with programmatic focus is the widget where
commands are sent by assistive technology such as screen readers and
speech recognition software. It is also the magnified area where
screen magnification software displays for users with low vision. Two
solutions will be discussed and an explanation of the necessity of
these approaches are provided with sample code..."
How Healthcare.gov Went Wrong
By Department of Better Technology.
"Here at DOBT we talk a lot about How To Fix Procurement, but you
don't hear a lot about why things go wrong. The Healthcare.gov Fiasco
is instructive in that it highlights every piece of our procurement
process that's broken. How, with a half-trillion dollar a year spend,
could something like this botch even happen? Here's how..."
Bypassing Blocks of Content - Accessibility for Designers [checklist]
"Best practice for bypassing blocks..."
+09: STANDARDS, GUIDELINES & PATTERNS.
Design Bomb in W3C's Garden
By Alastair Campbell.
"A post came up in my feed called the BOMB in the GARDEN by Matthew
Butterick. It is from a talk he did in April 2013, but I just saw it
after an update more recently. I found it… frustrating. Phrases went
through my head like 'flawed assumptions'. But I left it a couple of
days and I suspect the frustration comes from a different perspective
and different assumptions. I try to show those below..."
The Bridge of Khazad-DRM
By Brendan Eich.
"People are rightly concerned about what is going on in the W3C with
DRM, as couched in the Encrypted Media Extensions (EME) proposal.
Please read Henri Sivonen's explanation of EME if you haven't yet..."
Modernist Design - Beyond Flat and Simple
By Jerome Ryckborst.
"The big players are changing the way user interfaces look and feel by
applying modernist design to make the truly digital. At the same time,
software is changing because the way people use it, where they use it,
and with whom they use it is changing. As development teams continue
to provide possibilities, they need to work with interface designers,
usability analysts, and members of their target audience—the users or
customers. Together, we can ensure the new interactions and simplified
interfaces we design and build will tell people how the interface
works and both help and remind people to find the functions and
content they need. It's not about making things flat and removing
clutter; it's about getting the user interface right while applying
modernist principles so people can use the product fully."
[Section one ends.]
++ SECTION TWO:
+11: 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
mailto:lcarlson at d.umn.edu
More information about the Webdev