[webdev] Web Design Update: August 23, 2018

David Dillard

 [webdev] Web Design Update: August 23, 2018



Laura Carlson <>

Thu, Aug 23, 2018, 7:20 AM
to webdev
- Volume 17, Issue 09, August 23, 2018.

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.
06: TOOLS.

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

[Contents ends.]

++ SECTION ONE: New references.


Multimedia Accessibility: I Hear What You See
By Aparna Pasi.
"If I ask one of my friends to watch a video closing his eyes and explain the info,
naturally, he/she would ask 'Are you out of mind'? I know it's weird to do so.
But every day people who are blind watch videos like that and it is not weird for them…"

Exploring WCAG 2.1 - 1.4.13 Content on Hover or Focus
By Becky Gibson.
"…1.4.13 Content on Hover or Focus is at level AA and primarily targets users with low vision.
People with cognitive disabilities and users with tremors or limited movement also benefit…"

Your Website, Accessibility, and Why WCAG 2.1 Should Excite You
By Ed Neenan.
"…Without question, the new 2.1 guidelines are highly beneficial. At their core they set out to
significantly reduce accessibility issues across various impaired populations…"

The Easiest Way to Keep Your Web Apps Accessible: Just Use Text
By Jason Rodriguez.
"…By being more deliberate in our choices as developers, especially by favoring text and
thoughtful, semantic markup, we have the power to improve the lives of a lot of people.
So take some time to think about your applications and the techniques you use to build them…"

A Realistic Guide for Improving Web Accessibility
By Kristi Eaves-McLennan.
"Follow these five practical steps to make your institution's website more accessible…"

What Is Transcription?
By Jaclyn Leduc.
"US adults spend 11 hours per day connected to media, and nearly 6 of those are spent
watching video…"

Challenges in Measuring Automatic Transcription Accuracy
By Jason Kincaid.
"…Ever wonder how Speech Recognition researchers evaluate the accuracy of their systems -
and why it's so tricky to test?…"

Flowcharts & Concept Maps
By Penn State.
"A common type of technical diagram is a flowchart, concept map showing relationships between
different concepts. In many cases, the long description could be a list-based outline describing
different parts of the process…"

Dear PDF and PDF/UA Committee Members (PDF)
By Karen McCall.
"…As of the date of this letter, with PDF-2 published and PDF/UA 2 pending,
we've lost any ground that we had advanced in 2012 in the PDF file format…"

A Mid-Year Review of the Current State of ADA Website Accessibility Lawsuits
By Joshua Briones and Nicole Ozeran.
"…mid-way through 2018 and nearly 685 federal ADA website accessibility lawsuits
have already been filed…"

Apple Web Design Violates Law, Claims Blind Person
By Thomas Claburn.
"Incompatibility of with screen-readers said to harm the sight impaired…"

Apple Sued Over Claims Website is Inaccessible to Visually Impaired Users
By Malcolm Owen.
"Apple has become the target of a new lawsuit, one that claims the iPhone producer's
website is violating the Americans with Disabilities Act (ADA) by not being fully
accessible to blind or visually-impaired consumers, due to the way the website itself is
coded…It is also alleged the lack of compliance with WCAG 2.0 guidelines means
Apple has 'engaged in acts of intentional discrimination'…"

A New Class Action Lawsuit has been Filed Against Apple on Behalf of those that are
Legally Blind or Visually Impaired
By Jack Purcher.
"…Himelda Mendez filed a five count class action against Apple in the Southern District
of New York on behalf of herself and those that are legally blind or visually impaired.
The lawsuit was filed due to Apple's failure to design, construct, maintain, and operate
its website to be fully accessible to and independently usable…"


Easy and Responsive Modern CSS Grid Layout
By Ahmed Bouchefra.
"In this article, we'll show how to create a responsive modern CSS Grid layout,
demonstrating how to use fallback code for old browsers, how to add CSS Grid
progressively, and how to restructure the layout in small devices and center
elements using the alignment properties…"

CSS Flow Layout
By Rachel Andrew.
"Normal Flow, or Flow Layout is the way that Block and Inline elements are
displayed on a page before any changes are made to their layout. The flow is
essentially a set of things that are all working together, and know about each
other in your layout. Once something is taken out of flow it works independently…"

Practical CSS Scroll Snapping
By Max Kohler.
"CSS scroll snapping allows you to lock the viewport to certain elements
or locations after a user has finished scrolling…"

A Tale of Two Buttons
By James Nash.
"…I think embracing CSS's cascade can be a great way to encourage consistency
and simplicity in UIs. Rather than every new component being a free for all,
it trains both designers and developers to think in terms of aligning with and
re-using what they already have. Remember, every time you set a property in CSS
you are in fact overriding something (even if it's just the default user agent styles).
In other words, CSS code is mostly expressing exceptions to a default design…"


Practical Tips for Running a PURE Evaluation
By Jeff Sauro.
"In an earlier article, I described the PURE methodology. PURE stands
for Practical Usability Rating by Experts…"

+04: EVENTS.

Digging in to Inclusive Design with Derek Featherstone
August 28, 2018.
Chicago, Illinois, U.S.A.
Live Stream:
Live Captions:

Including People with Disabilities in Design
August 30, 2018.

Inclusive PDFs by Design
September 18, 2018.

Why Your Inaccessible Website Could Get You Sued & How To Prevent It
September 27, 2018.

Accessibility Lawsuits, How to Handle Them; How to Avoid Them
October 1-2, 2018.
Washington, DC, U.S.A.

October 2, 2018.
Washington, DC, U.S.A.

Intro to Audio Description
October 4, 2018.

Web Accessibility Testing Tools
October 9, 2018.

+05: HTML.

Getting to the Picture Element
By Jay Hoffmann.
"The story of how responsive images made its way into the browser doubles
as an inside look at the standards making process itself …"

+06: TOOLS.

Accessibility Scanner App on Android
By Rakesh Paladugula.
"Accessibility scanner is an accessibility testing tool available for Android devices…"


Pixels vs Ems Commentary
By Alastair Campbell.
"An article from Evan Minto did the rounds on Medium a while ago: Pixels vs. Ems:
Users DO Change Font Size, and I posted a couple of comments  which I'd rather
didn't disappear so I'll summarise them here…"

Variable Fonts and Dyslexia
By Adrian Roselli.
"Dyslexia is not a black or white, on or off condition. Some with dyslexia report
different challenges than others, ranging from typefaces to page layout to other


Carousels on Mobile Devices
By Raluca Budiu.
"Carousels on touch screens are plagued by low discoverability and sequential
access, and not all designs implement swipe as a carousel control."

Prominence-Interpretation Theory
By Therese Fessenden.
"Prominence-interpretation theory helps determine what shapes users'
perceptions of a site's credibility."

How to Do User Research Within Constraints (Video)
By Rachel Krause.
"There will always be constraints that we have to work in, whether it's not having
enough time or not having dedicated researchers on our UX projects.
"This video offers tips on how to do user research without feeling stuck."

Beating Creative Blocks in UX Design Through Reframing (Video)
By Kate Moran.
"A method for getting unstuck from a design challenge. By reframing the problem,
you can find inspiration in unexpected places."

Why Redesigns Don't Make Users Happy
By Vitaly Dulenko.
"…Redesigns are changes and people don't like changes. People don't like them
for two reasons - changes require efforts to make and people don't know what to
expect from changes…"

The Power of Three - How to Blend UX, Design and Content
By Lauren Ellis.
"…The Power of Three, however, includes a cross-discipline approach that combines
UX, design and content expertise. This way, each member of the team is bolstered by
the others' knowledge…"

Complete Beginner's Guide to Interaction Design
By UX Booth.
"…This article serves as a good jumping off point for people interested in learning
more about Interaction Design. To that end, we'll briefly cover the history, guiding
principles, noteworthy contributors, and tools related to this fascinating discipline…"

[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.]



David Dillard



Research Guides


Research Paper Writing





Twitter: davidpdillard