[webdev] Web Design Update: January 9, 2018

David Dillard

Laura Carlson

Jan 9, 2019, 7:29 AM (5 days ago)
to webdev

- Volume 17, Issue 29, January 9, 2019.

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 these categories:

05: HTML.
09: TOOLS.

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

[Contents ends.]

++ SECTION ONE: New references.


An Alt Text Primer
By Nicolas Steenhout.
"…The alt attribute must be present on images. If the image is
decorative, it's fine to use an empty alt attribute. If the image is
informative, use clear and concise alt text."

Create your Accessibility 'Aha!' Moment By Teaching VoiceOver to Everyone
By Sheri Byrne-Haber.
"…Teaching people how to use VoiceOver is a very good first step to
exposing people not just to accessibility, but the reasons behind why
everything should be accessible…"

The State of the Web: Making the Web More Accessible (Video)
By Deborah Edwards-Onoro.
"When you create an accessible website using best practices for
design, development, and content, your website provides a great user
experience for everyone…"

A Guide for Creating and Buying Accessible Online Training within Your
Organization's Training Program
By Kevin Gumienny.
"…go with WCAG 2.1-and recognize that meeting the additional success
criteria fall under the 'quality of work argument, rather than
'required by law'…"

Beyonce's Parkwood Entertainment Sued Over Website Accessibility
By Ashley Cullins.
"A blind woman claims she can't use without the help of a
sighted companion…" Lawsuit Reminds Us How Shitty the Web Is for Users With
Visual Impairment
By Melanie Ehrenkranz.
"Mary Conner, a legally blind woman, filed a class-action lawsuit
against Beyoncé Knowles' entertainment company Parkwood Entertainment
on Thursday alleging that the superstar's official website isn't
accessible for visually impaired users…"

Local Governments on Alert over Lawsuits Targeting ADA Violations Over
Website Documents
By Martin E. Comas.
"…At least three Central Florida cities - Lake Mary, Longwood and
Oviedo - have temporarily removed many public documents from their
websites to protect themselves from lawsuits alleging a violation of
the Americans with Disability Act…"


If It's Interactive, It Needs a Focus Style (Video)
By Eric Bailey.
"Focus styles don't have to be ugly! Focus styles are an integral part
of any mature design system. This talk will discuss the intersection
of WCAG compliance and Inclusive Design, as well as new focus-related
CSS selectors. Additionally, strategies for how to effectively
implement them in your organization…"

Making Future Interfaces: Algorithmic Layouts (Video)
By Heydon Pickering.
"Learn how to create CSS layouts that are self-governing, using
Flexbox and Grid."

10 Amazing New CSS Techniques
By Rachel Andrew.
"Explore the best new CSS that's starting to land in browsers."

Stepping Away From Sass
By Cathy Dutton.
"As I moved towards some of the more modern features of CSS the need
to target specific screen sizes with unique code was removed…"


Formative vs. Summative Usability Evaluation (Video)
By Maria Rosala.
Usability testing and other UX evaluation methods can be divided into
two major categories: formative evaluation and summative evaluation.
Both have their place, but at different stages in the design
lifecycle, and they have different characteristics, for example in the
number of test participants needed for a good study. (3 min. video)

+04: EVENTS.

Hands-On Training on New A11y Test Tool (ANDI)
January 15, 2019.
Westminister, Colorado, U.S.A.

Accessibility Training
January 15-16, 2019.
Logan, Utah, U.S.A.

London Accessibility Meetup #22
January 17, 2019
London, England, United Kingdom

Women of Accessibility
January 23, 2019.
Austin, Texas, U.S.A.

Building the Business Case for Accessibility
January 24, 2019.

Sustainable UX 2019 Design vs. Climate Change
February 12, 2019.

The UX Conference
February 21, 2019.
London, England, United Kingdom

+05: HTML.

Tables, Tequila and Beer
By Steve Faulkner.
"In a recent article tables and beers I explained how browsers
correctly represent table semantics of simple tables with either a row
or column of headers. Thus alleviating the need to use the scope
attribute to identify a th as a row or column header. In this article
I take it a little further, with tequila and beer."

Short Note on Scoping Mechanisms
By Steve Faulkner.
"In 2 recent articles I have illustrated why the scope attribute is
not needed on data tables with one row or column of th elements, or
data tables with 1 row and column of th elements (first row and first

It's More Important to Load Fast Than to Code Fast
By Estelle Weyl.
"…If you always keep your user's needs in mind, you can, on the first
try, develop a site or app that is not only accessible and fast to
load, but is also secure, private, internationalizable, and
usable…HTML is by default fast and accessible. It's our job to not
break it. Semantic HTML comes with standardized user interactions. For
example, take the radio button. All you have to do is give all the
radio buttons in your button group the same name, preferably with
differed values…"


An Information Architecture Framework for the Internet of Things
By Flávia Lacerd, Mamede Lima-Marques, and Andrea Resmini.
"This paper formalizes an approach to the Internet of Things as a
socio-technical system of systems and a part of the infosphere. It
introduces a principle-based, human-centered approach to designing
Internet of Things artifacts as elements of contextual cross-channel


Learn JavaScript
By Jad Joubran.
"Learn in an interactive environment. Study short lessons and practice
in an intuitive environment based on Tests…"

What ARIA Does Not Do
By Steve Faulkner.
"…ARIA does not magically make any element act differently to what it
is,  it only provides a method to make it appear as something else to
assistive technology users…Developers must provide the substance to
the semantics conveyed using ARIA, otherwise users are confronted with
a UI masquerade…"


Google-Whisperers Beat reCaptcha Voice Challenge with 90% Success Rate
By Richard Chirgwin.
"Code's up on Github and Google's fine with that University of
Maryland researchers have given Google a "welcome to 2019" gift by
breaking its latest reCaptcha audio challenge…"

History Of The Web
By Jay Hoffmann.
"The History of the Web is a newsletter I write each week. It is the
culmination of years and years of research, endless reams of notes,
and a deep passion for the World Wide Web distilled down to an
interesting new story plucked from the web's past each week. It's been
an incredible (and unexpected) journey, and something I'm extremely
proud of."
History Of The Web in Book Format:

+09: TOOLS.

Auto Alt Text (Chrome Extension)
By Abhinav Suri.
"Use the power of AI to caption images with a simple right-click…"


Baseline Rules for Scrollbar Usability
By Adrian Roselli.
"Now that one of the most popular CSS resource sites on the innertubes
has implemented styled scrollbars in the browser I think the time is
right (or too late?) for me to try to capture a starting point for
ensuring they are usable…"

How to Stop Opening Links in New Windows Without Warning
By Nicolas Steenhout.
"Links opening in new windows are an accessibility barrier we find on
most websites we audit. …"

Why Microinteractions are Important for UX
By Alita Joyce.
"Defining microinteractions and why getting these small UI details
right matters for the quality of the user experience."

Reader Mode: The Button to Beat
By Eric Bailey.
"…If you spend the effort to craft your experiences with a mind to
semantics from the start, your content will be able to adapt to
specialized reading modes, as well as whatever the future holds with
little to no additional effort. Today's Reader Mode could be
tomorrow's smart bathroom mirror…"

Laws of UX
By Jon Yablonski.
"Laws of UX is a collection of the maxims and principles that
designers can consider when building user interfaces…"

User-Experience Quiz: 2018 UX Year in Review
By Raluca Budiu.
"Test your UX knowledge by taking our quiz. All questions and answers
are based on articles that we published last year."

[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 Making Future Interfaces: Algorithmic Layouts