Computer and Information Science Resources

[webdev] Web Design Update: November 2, 2017





Date: Thu, 2 Nov 2017 06:33:29 -0500
From: Laura Carlson <>
To: webdev <>

Subject: [webdev] Web Design Update: November 2, 2017


– Volume 16, Issue 19, November 2, 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:





05: HTML.





10: PHP.

11: TOOLS.




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

[Contents ends.]

++ SECTION ONE: New references.


Understanding WCAG 2.1: A History of WCAG

By Glenda Sims.

“What is WCAG 2.1? Ooo that’s an exciting question…”

What’s The Void In WCAG 2.0 That The Proposed “Change in Content”

Success Criterion 3.2.6 Attempts To Bridge?

By Sailesh Panchang.

“I strongly believe that the proposed success criterion 3.2.6 in WCAG
2.1 that deals with changes in content is unnecessary as WCAG 2.0
addresses all the contemplated situations very effectively…”

Understanding Error Identification: WCAG 2.0 SC 1.3.1 Level A

By Sailesh Panchang.

“…WCAG 2.0 adequately addresses content changes in the form of error
messages including global error messages placed above a form, like,
“Please correct the errors and resubmit the form”. One only has to
invoke the support of the appropriate success criterion while flagging
an accessibility violation.”

Does Your Video Need Standard or Extended Description?

By Elisa Edelberg.

“…When deciding which level of service to choose, the simple answer is
that if your video has a lot of space to describe, standard audio
description will be just fine. If your video doesn’t have a lot of
space, extended is the way to go…” does-your-video-need-standard-extended-description/

Procurement is Key for Accessible ICT in the Workplace, Claims New Guide

By Headstar.

“A detailed online resource to help employers purchase effective
accessible technology through their procurement processes has been

DOT Enters Agreements with Airlines to Increase Availability of
Accessible Airport Kiosks and Accessible Airline Mobile Websites


“…The Department’s agreement with ANA specifies that the airline’s
mobile site must conform to the World Wide Web Consortium (WC3) Mobile
Web Best Practices (MWBP) and that the airline must consult with
individuals with disabilities regarding the mobile site’s
accessibility and usability no later than November 2018…”

Will Trump DOJ Side with Disabled Plaintiffs in ADA Website Suits?

By Alison Frankel.

“Businesses are not at all happy about a boom in suits by disabled
consumers who claim corporate websites are insufficiently accessible
under the Americans with Disabilities Act…” will-trump-doj-side-with-disabled-plaintiffs-in-


DRY CSS: How to Use Declarations Just Once, Effectively

By Jens Oliver Meiert.

“Using declarations just once (‘UDJO’?) is one way to control
repetition in style sheets…”


Compare Project

An Erasmus Strategic Partnership between DIAS (DE), Funka (SE) and

BrailleNet (FR).

“…COMPARE (Comparing peer accessibility ratings in evaluation) is a
project that will document and compare differences in current
evaluation practices of experts across Europe…”

How to Know Which Items to Remove in a Questionnaire

By Jeff Sauro.

“…Here are seven techniques we use to identify which items to remove
or keep, progressing in sophistication (and needed skill and

Exhaustive Review or ‘I Can’t Believe It’s Not There’ Phenomenon:
Evidence from Eyetracking

By Kara Pernice.
“Repeatedly scanning the same content can indicate confusion or
engagement. Often, it happens because users’ expectations are not

The Many Facets of a Meaningful Qualitative Research Report

By Margaret Roller.

“…Qualitative reporting requires a thorough and thoughtful process,
one that communicates the richness of the qualitative approach and
ultimately maximizes the Usefulness of the outcomes.” the-many-facets-of-a-meaningful-qualitative-report/


Web Developer Meetup
November 6, 2017.
San Francisco, California, U.S.A.

Accessibility Checkers in Word, PowerPoint and Excel
November 7-8, 2017.

World Usability Day, Detroit
November 9, 2017.
Detroit, Michigan, U.S.A.

Pew! Pew! We Wanna Play too! Making Video Games Accessible
November 14, 2017.
Online pew-pew-wanna-play-making-video-games-accessible/

PDF Accessibility: Regulations, Risks, and Strategies
November 16, 2017.

+05: HTML.

A Free Guide to <head> Elements
By Josh Buchea.
“Below are the essential tags for basic, minimalist websites…”


Just-Enough Prototypes Make Communicating Specs More Successful (Video)

By Kim Flaherty.

“High-fidelity prototypes take too long to produce and are
insufficient at identifying the nuances of complex interactions and

Basic UI/UX Design Concept Difference Between Wireframe & Prototype

By Doris Liu.

“…let’s distinguish the two terms clearly…”


Accessible ARIA Accordions

By Scott O’Hara.

“Accordions are commonly used when an interface has large groups of
sectioned content. In these instances the topics or headings are
considered to be the necessary content of the screen…”

Collapsible Sections

By Heydon Pickering.

“Collapsible sections are perhaps the most rudimentary of interactive
design patterns on the web. All they do is let you toggle the
visibility of content by clicking that content’s label. Big whoop…”

aria-details (property)

By Rakesh Paladugula.

“Aria-details property identifies the element that provides a detailed
explanation of an object…”

Upgrading DOM Hierarchy for Accessibility with Aria-owns

By Tim Wright.

“For the past couple weeks I’ve been working on accessibility audits
and upgrades to a client website. Most of the updates were pretty
straightforward, but I wanted to call out a specific item that allowed
me to dive deeper into an aria attribute I really hadn’t used before:


The Meaning of AMP

By Jeremy Keith.

“…three statements that Google’s AMP team are currently peddling as
being true: 1.) AMP is a community project, not a Google project. 2.)
AMP pages don’t receive preferential treatment in search results. 3.)
AMP pages are hosted on your own domain. I don’t think those
statements are even truthy, much less true. In fact, if I were looking
for the right term to semantically describe any one of those
statements, the closest in meaning would be this: A statement used
intentionally for the purpose of deception. That is the dictionary
definition of a lie.”

Artificial Intelligence Smart Enough to Fool Captcha Security Check

By Mary-Ann Russon.

“Computer scientists have developed artificial intelligence that can
outsmart the Captcha website security check system…”

A Generative Vision Model that Trains with High Data Efficiency and
Breaks Text-Based CAPTCHAs

By D. George, W. Lehrach, K. Kansky, M. Lázaro-Gredilla, C. Laan, B.
Marthi, X. Lou, Z. Meng, Y. Liu.

“Learning from few examples and generalizing to dramatically different
situations are capabilities of human visual intelligence that are yet
to be matched by leading machine learning models…”

Data and Stories: the Perfect Combination to Drive Change

By Gerry McGovern.

“One of the most powerful ways to make change happen is to combine
solid data with real stories about the people who make up that data…” data-and-stories-the-perfect-combination-to-drive-change/

AXSChat with Léonie Watson and Patrick Lauke

By Neil Milliken.

Léonie and Patrick speak with Neil. Topics include web standards,
HTML5, CSS, accessibility, DOM scripting, PHP, XML/XSLT, and web
standards evangelism.


Best Practices for Designing Cards

By CanvasFlip.

“Cards bring look and usability into your design. Do it right to
provide rich experience to your users.…”

+10: PHP.

Your First PHP Code

By Tom Butler.

“The following is a short extract from our new book, PHP & MySQL:
Novice to Ninja, 6th Edition, written by Tom Butler and Kevin Yank.…”

+11: TOOLS.


By Jared Wilcurt.

“Koa11y is a desktop app that allows you to automatically detect
accessibility (a11y) issues on webpages. View sample report generated
by Koa11y…”


By Mikael Åsbjørnsson.

“A JavaScript library for better focus styling…”


Web Typography: Designing Tables to be Read, Not Looked At

By Richard Rutter.

“You may not think about it often, but tables are meant to be read. In
this excerpt from Chapter 2 of his book, Web Typography, Richard
Rutter explains how typography can improve the UX of our rows and

Typography in Mobile Design – 15 Best Practices To Excellent UI

By Trista liu.

“…this article describes essential practices of typography in mobile design…” typography-in-mobile-design-15-best-practices-to-excellent-ui-ecbc692bde9f


Designing Form Layout: Alignment

By Jessica Enders.

“…A straight, unobstructed route is fastest for driving, and also for
form filling…”

Designing Form Layout: Spacing

By Jessica Enders.

“We can subtly communicate with the user through a few tweaks of spacing…”

Designing Form Layout: Color

By Jessica Enders.

“Currently, our form doesn’t have much color at all…”

Shopping Cart: Auto-Update User’s Quantity Changes and Allow ‘Quantity
0’ (86% Don’t)

By Edward Scott.

“…to ensure the quantity field behaves as users expect, it must 1.)
auto-update as soon as users change the quantity (don’t use ‘Update’
links and only auto-update as users leave the field (i.e., don’t use
the ‘OnBlur’ event), and 2.) allow for ‘quantity: 0’ as a
supplementary way to delete items, but ask users to confirm their
choice (depending on the user’s page context). Yet, it’s currently 86%
of sites that get one or both of these aspects wrong.”

Ideation in Practice: How Effective UX Teams Generate Ideas

By Aurora Harley.

“Data from 257 UX professionals shows that quality UX ideas come from
ideating early in the design cycle, drawing inspiration from user
research, and working with a group. Many struggle with generating
ideas because they lack time, managerial support, and a methodology
for conducting effective ideation sessions.”

[Section one ends.]


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