[webdev] Web Design Update: July 13, 2017

David P. Dillard


Date: Thu, 13 Jul 2017 06:20:04 -0500
From: Laura Carlson <>
To: webdev <>
Subject: [webdev] Web Design Update: July 13, 2017


- Volume 16, Issue 03, July 13, 2017.

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:


02: BOOKS.



05: HTML5.





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

[Contents ends.]

++ SECTION ONE: New references.


Disabled Buttons Suck

By Hampus Sethfors.

"Showing buttons as disabled until a form is complete might seem like
a good idea. It is not..."

Why Accessibility Matters

By Isaac Zepeda.

"...My first thought was because it's been imposed by the law, but
something inside me (and with help of my teammates) told me that that
isn't enough reason, we shouldn't doing it because the law tells you
so, but rather because it is the right and moral thing to do..." why-accessibility-matters-7ca6762ec0b5

Accessible Media Player Resources and Demos (Updated)

By Henny Swan.

"...Last updated July 7th, 2017 to include the Web Experience Project
media player and captioning legal requirements from the USA..."

Florida Federal Court Rules That Winn-Dixie's Website Violated the ADA

By Thomas J. Barton.

"Retailers throughout the country have been besieged by lawsuits and
demand letters alleging that their websites are not accessible to the
visually impaired and that this lack of accessibility violates Title
III of the Americans with Disabilities Act (ADA)..." florida-federal-court-rules-winn-dixie-s-website-violated-ada

Web Accessibility for Grocers: Winn-Dixie Wasn't Paying Attention

By The Law Office of Lainey Feingold.

"...If Winn-Dixie had been paying attention, it would have known over
three years ago that grocery chains were making their websites
accessible. Winn-Dixie should not have waited for the legal knock on
the door. When it came, it should not have put up a fight..."

Rejected By the Los Angeles Times

By The Law Office of Lainey Feingold.

"On June 23, 2017, the Los Angeles Times published an op-ed titled 'Is
your company's website accessible to the disabled? You'd better hope
so.' The piece was mean spirited and full of inaccuracies about web

City of Miami Settles Website Accessibility Lawsuit

By Wireupdate.

"The City of Miami and Mr. Eddie Sierra, a local disability advocate,
have entered into a federal Consent Decree that guarantees the deaf
and hard of hearing will now have equal access to video content on
city's website..." city-of-miami-settles-website-accessibility-lawsuit/

One Activist Has Hundreds of Colleges Under the Gun to Fix Their Websites

By Peter Schmidt.

"...Since early last year Ms. Lipsitt has asked the Education
Department's Office for Civil Rights to investigate more than 360
colleges for online violations of the Americans With Disabilities Act,
which bars discriminatory practices, and the Rehabilitation Act, which
requires equal access to the websites of programs receiving a federal
subsidy. Only Princeton University has been cleared of wrongdoing by
the civil-rights office, based on the conclusion that its problems
were minor and already being fixed. At least 20 colleges have signed
agreements with the agency pledging to fix the accessibility problems
that it identified...."

+02: BOOKS.

Lazar and Stein, editors.

"Disability, Human Rights, and Information Technology",

University of Pennsylvania Press, 2017.


CSS Fonts Module Level 4

By W3C, John Daggett and Myles C. Maxfield, editors.

"This specification defines modifications to the existing CSS Fonts 3
specification along with additional experimental features."

Let's Talk About Speech CSS

By Eric Bailey.

"...Unfortunately, current support for CSS speech is limited. But
learning what it can and can't do, and the situations in which it
could be used is still vital for developers. Thoughtful and
well-considered application of CSS is a key part of creating robust
interfaces for all users, regardless of their ability or

How To Use CSS Custom Properties To Write More Readable Code

By Steven Bradley.

"Before being interrupted by the birthday of the United States, I was
talking about CSS custom properties, which if you remember, allow you
to create variables directly in CSS instead of having to use

+04: EVENTS.

Jeremy Keith Keynote: Resilience in Web Development

July 14, 2017.

Bloomington, Minnesota, U.S.A. keynote-resilience-in-web-development-tickets-36074686358

Demystifying Eye-Tracking for UX Research

July 19, 2017.


Digital Accessibility: Enabling Participation in the Information Society

Starts October 9, 2017. (5 week course)


+05: HTML5.

CFC: Make Previous Versions of HTML and XHTML Obsolete

By Léonie Watson.

"This is a Call For Consensus (CFC) on the proposal to mark previous
versions of HTML and XHTML obsolete..."


How to Label Shadow DOM (Video)

By Rob Dodson.

"Shadow DOM is a newer web platform feature that lets you scope your
CSS and markup. This is great for preventing style leakage, but it can
also make things tricky when it comes to accessibility. In particular,
labeling content inside of a shadow root. Today on A11ycasts I'll show
a couple techniques I use to work around this thorny problem."

Short Note on aria-label, aria-labelledby, and aria-describedby

By Léonie Watson.

"Be careful when you use the aria-label, aria-labelledby, and
aria-describedby attributes, because they do not work consistently
with all HTML elements. This is a short note on when (and when not) to
use those attributes..." short-note-on-aria-label-aria-labelledby-and-aria-describedby/


An Alternate Approach to Menu Systems for a Better UX

By Shane Williams.

"...using tasks as a basis for navigation, adds another layer of
complexity for users. Using an object based navigation approach,
allows for a more natural pattern of how we generally think about
tasks..." an-alternate-approach-to-menu-systems-for-a-better-ux-5131be448c6f

Five Minute Accessibility: Links and Hypertext

By Kenneth Larsen.

"...First of all most assistive technologies uses the tab key as
navigation and this is the case with links as well. For clicking a
link the enter key is used. This means that if you have a link which
is not accessible by the tab key and which can be triggered by
pressing enter your site is not accessible..."


Designing Better Tables for Enterprise Applications

By Adhithya Kumar.

"An in-depth guide on how to design tables in enterprise applications,
and how to avoid commonly made mistakes..." designing-better-tables-for-enterprise-applications-f9ef545e9fbd

What Do Mobile Users Expect in an App?

By Hannah Levenson.

"...We'll dig deeper into these trends and expectations, uncovering
how they came about and discovering how app pros everywhere can tackle
and successfully implement them..."

Design for Fingers, Touch and People, Part 3

By Steven Hoober.

"...Design for every user and every type and size of phone..." design-for-fingers-touch-and-people-part-3.php

Dropdown Alternatives for Better (Mobile) Forms

By Zoltan Kollin.

"Using dropdown menus in forms might seem a no-brainer: they don't
take much space on the UI, they automatically validate the input, all
browsers and platforms support them, they're easy and cheap to
implement, and the users know them well enough. At the same time,
though, dropdown (or select) menus are one of the most frequently
misused form patterns and 'should be the UI of last resort', according
to Luke Wroblewski and many others..." dropdown-alternatives-for-better-mobile-forms-53e40d641b53

UX is Grounded in Rationale, Not Design

By Tif Wang.

"...The reason why I felt 'unproductive' was because I wasn't taking
the time to understand my users or the problem I was given to solve. I
haven't empathized deeply with what my users go through. This made me
realize how hard it was to develop empathy for others when you don't
have a first-hand experience of the problem..."

Chatbots Deliver the Worst Customer Service

By Rafal Cymerys.

"...There's a long way ahead of artificial intelligence to let us
build chatbots that can help more than by just replicating the
features already offered by websites and apps. Once it gets there
chatbots will become a huge thing, but for now there aren't many real
uses for them..."

[Section one ends.]


+09: 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.]