[webdev] Web Design Update: June 19, 2018
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 52, June 19, 2018.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 52 CONTENTS.
SECTION ONE: New references.
What's new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
12: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
Web Content Accessibility Guidelines (WCAG) 2.1 - Recommended
By Alastair Campbell.
"The latest update to the Web Content Accessibility Guidelines (WCAG)
has now been launched and version 2.1 is now the 'recommended' version
as of 5th June 2018.…"
New Web Content Accessibility Guidelines (WCAG) 2.1 - What, When, How
By Jason Taylor.
"What's the difference between version 2.1 over 2.0?…"
W3C Updates Website Accessibility Standards
By Klein Moynihan Turco.
"For the past four years, the World Wide Web Consortium ('W3C') has
been working to update version 2.0 of the Web Content Accessibility
Guidelines ('WCAG') in order to keep pace with rapid developments in
the technology space…"
What's New in WCAG 2.1?
By Ricky Onsman.
"WCAG 2.1 was published in its final form in June 2018…"
WCAG 2.1: What Does It Actually Mean?
By Robert DeLuca.
"Publication as a W3C Recommendation finalizes the development process
and indicates that the W3C considers the updated guidelines ready for
implementation on web content…"
Welcome, WCAG 2.1! The Web Content Accessibility Guidelines get an update.
By Becky Gibson.
"Knowbility welcomes the efforts of the W3C to update WCAG to improve
web accessibility for all. We are pleased to see the new WCAG 2.1
success criteria extend access to areas of disability not covered
Smartphone Accessibility 201: Colors, Contrast, and Magnification, Oh My!
By Kara VanRoekel.
"This is article two of a series taking you through mobile
accessibility basics for Android and iPhone to help get you ready to
conduct an accessibility assessment on the mobile device of your
Superior Court Rules Phone Calls, Email are Not Alternatives to an
By Buckley Sandler.
"…In addition to awarding $4,000 in statutory damages, the court
issued an injunction to the defendants, ordering them to comply with
Web Content Accessibility Guidelines 2.0 AA to ensure their website is
BECU will Restore Accessibility for Blind Customers to Its Website and
Mobile Banking App
By Derek Hall.
"The change came after the National Federation of the Blind, its
Washington affiliate and three blind individuals warned they might sue
under the Americans with Disabilities Act and the Washington State Law
+02: CASCADING STYLE SHEETS.
Resilient, Declarative, Contextual
By Keith J Grant.
"…I want to look at three key characteristics of CSS that set it apart
from conventional programming languages: it's resilient; it's
declarative; and it's contextual. Understanding these aspects of the
language, I think, is key to becoming proficient in CSS…"
A Comprehensive Guide to Flexbox Alignment
By Anna Monus.
"Alignment is probably the most confusing aspect of flexbox…"
The Firefox Shape Path Editor (Video)
By Jen Simmons.
"…The Firefox Shape Path Editor is a tool you can use in Firefox 62 or
later to help you edit the basic shape in CSS…"
Creating a RevealJS clone with CSS Scroll Snap Points
By Nicolas Hoffmann.
"I wanted to test this CSS module for a long time (and some other
things), I had the opportunity to do it with my slides for Sud Web
2018. Here is a return of experience…"
Considering Colour Blindness in UX Design (with five examples)
By Lizzy Hillier.
"Despite it affecting approximately one in 12 men and one in 200
women, colour blindness is often disregarded when designing for
optimum user experience and accessibility…"
+04: EVALUATION & TESTING.
The Three Essential Sources of Customer Insight
By Gerry McGovern.
"To truly understand customers it is essential to combine insights
from the following research methods: Quantitative, Observational,
How to Test Visual Design
By Kathryn Whitenton.
"When evaluating fonts, colors, and other visual details, assess both
aesthetic impressions and behavioral effects."
10 Things to Know About the SUPR-Q
By Jeff Sauro.
"The SUPR-Q (Standardized User Experience Percentile Rank
Questionnaire) is a standardized questionnaire that measures the
quality of the website user experience…"
Who Teaches About Accessibility in Computing Courses?
June 28, 2018.
Summer of WCAG 2.1 (Part 2)
July 9, 2018.
Boulder, Colorado, U.S.A.
Document Accessibility, Part 1: Word Accessibility and PDF
July 17, 2018.
Austin, Texas, U.S.A.
Putting WCAG 2.1 Into Practice
July 30, 2018.
Minneapolis, Minnesota, U.S.A.
Inclusive Design 24 (#ID24)
October 11, 2018.
ARIA: What, Why and When
October 11, 2018.
October 17, 2018.
London, England, United Kingdom
World Usability Congress
October 17-18, 2018.
Anatomy of Accessible Forms! Placeholder is a Mirage
By Raghavendra Satish Peri.
"…we will see why using a placeholder is not great from the
accessibility stand & what needs to be done to use a placeholder
By Tom Johnson.
"Principle: If you can't delete information to reduce complexity, look
for ways to hide less-used information on the screen through
toggles, navtabs, tooltips, and more…"
5 Steps for Effective Diary Studies in Customer Journey Research (Video)
By Kim Flaherty.
"Diary studies are a longitudinal research method used to understand
user interactions at different touchpoints, which is especially useful
for omnichannel user research. Participants record their reactions as
experiences unfold throughout the customer journey. "
Show Me the Way to Go Anywhere - Navigation for Mobile Applications
By Interaction Design Foundation.
"It doesn't matter how great the functions and content, that your
mobile apps serve, are - if your user can't find them, they aren't
going to contribute to a great user experience…"
By Material Design.
Create, share, and apply color palettes to your UI, as well as measure
the accessibility level of any color combination.
Golden Rules of Typography on the Web
By Richard Rutter.
"Typography is what comes between the author and the reader. This is
as true on the web as it is in any other medium. If a text has
anything at all significant to say, it needs a typographer's care,
which will in turn be repaid by the reader's attention. If you design
websites or use CSS then you are a typographer whether you know it or
Personalization versus Customization (Video)
By Lexie Martin.
"Users expect that the content they see will be relevant to their
individual needs. Personalization and customization are techniques
that can help you ensure that users see what matters to them."
The Impact of Voice in UX Design: And What To Do About It
By Jolina Landicho.
"…for web and application designers, voice interaction represents,
perhaps, the biggest UX challenge since the dawn of the touchscreen
How You Can Aid User Scanning by Using Eyebrow Headlines
By Anthony Tseng.
"An eye-tracking study found that most users don't read entire
headlines. Instead, they scan the left sides of headlines and only
read the first few words…"
My Head Hurts! Cognitive Friction in the Age of Mobile
By Interaction Design Foundation.
"…Cognitive friction occurs when the cues don't match our
expectations. Learning to avoid cognitive friction in UI design can
help make the user experience (UX) of products greater…"
Experiments in Loading - How Long Will You Wait?
By Ian Tate.
"…Despite some individual variation, novel loaders as a whole had a
higher wait time and lower abandon rate than generic ones…"
[Section one ends.]
++ SECTION TWO:
+12: 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