.
Date: Thu, 9 Nov 2017 06:44:25 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: November 9, 2017
+++ WEB DESIGN UPDATE.
– Volume 16, Issue 20, November 9, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 20 CONTENTS.
SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:
01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: TOOLS.
11: USABILITY.
SECTION TWO:
12: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Captchas Suck
By Hampus Sethfors.
“…Here’s why captchas suck and what to do instead…”
https://axesslab.com/captchas-suck/
Mobile Accessibility Testing Guide for Android and iOS
By Henny Swan.
“The TPG Mobile Accessibility Testing for Android and iOS (PDF, 2.6MB)
is a free accessible PDF outlining how to test native apps and the web
for accessibility on Android and iOS. It provides an overview of
accessibility settings, how to use them and common testing tools…”
https://developer.paciellogroup.com/blog/2017/11/ mobile-accessibility-testing-guide-for-android-and-ios-free/
Hey, It’s Still OK to Use Tables
By Adrian Roselli.
“Consider this post to be the sequel to my 2012 post It’s OK to Use
Tables. Here I will go into bit more detail based on the state of
accessible efforts I see today…”
http://adrianroselli.com/2017/11/hey-its-still-ok-to-use-tables.html
Audio Transcripts are Important
By Nicolas Steenhout.
“Many people are unable to access your audio or video content if you
don’t provide a transcript or captions…”
http://incl.ca/audio-transcripts-important/
Debunking the Biggest Myths about Video Game Accessibility
By Rishi Agrawal.
“Most developers aren’t opposed to video game accessibility, but fall
victim to many of the myths associated with video game accessibility.
Here are some common concerns that are often cited and why you
shouldn’t worry about them…”
https://www.levelaccess.com/debunking- biggest-myths-video-game-accessibility/
How Auto-Updating Content is Fully Addressed By WCAG 2.0
By Sailesh Panchang.
“Accessibility Guidelines 2.0 explicitly covers auto-updating content.
Changes to a page’s content that are not user-initiated has very much
been contemplated by the drafters of WCAG 2.0.”
http://www.mindoversight.com/?p=171
Digital Accessibility Newsletters
By Dennis Lembree.
“The web/digital industry certainly moves fast, and arguably even more
so in the accessibility field. Here are some good resources to help
keep you updated…”
http://www.webaxe.org/digital-accessibility-newsletters/
McDonalds, Grubhub, Kmart Settle ADA Class Actions Over Website, App
Accessibility for the Blind
By Jonathan Bilyk.
“Three class action lawsuits against McDonald’s, Grubhub and Kmart,
alleging those companies’ apps and websites violated federal
disability law because they were not easily accessible to the blind
have been settled in recent days, according to Chicago federal court
records…”
https://cookcountyrecord.com/stories/ 511258647-mcdonalds-grubhub-kmart-settle-ada-class-actions-over- website-app-accessibility-for-the-blind
Over 60 Legislators Support CUNA Call for Website ADA Guidance
By Credit Union National Association (CUNA).
” 61 bipartisan members of Congress have written to the Department of
Justice requesting guidance on how the Americans with Disabilities Act
(ADA) pertains to websites…”
https://www.cuinsight.com/press-release/ 60-legislators-support-cuna-call-website-ada-guidance
Website Accessibility-the Emerging Trend Under the ADA
By Penny Reid and Liz Feldman, Sidley Austin.
“There is an emerging trend toward federal judges siding with
plaintiffs in website accessibility cases under the ADA…”
https://www.law.com/texaslawyer/sites/texaslawyer/2017/11/01/ website-accessibility-the-emerging-trend-under-the-ada/
Claire’s, Carnival Hit With Blind Access Suits Over Websites
By Carolina Bolado.
“Two more blind access lawsuits were filed Monday in Florida alleging
the websites of both mall jewelry and accessories retailer Claire’s
Stores Inc. and cruise company Carnival Corp. are inaccessible to the
visually impaired who use screen-reading software to read website
content…”
+02: CASCADING STYLE SHEETS.
Flexbox and Grids, Your Layout’s Best Friends
By Eva Ferreira.
“We decided to debunk the myths around Flexbox & Grids in order to
show you the power of these two technologies working together…”
https://aerolab.co/blog/flexbox-grids/
Basic Concepts of Flexbox
By Rachel Andrew and Chris David Mills.
“…This article gives an outline of the main features of flexbox, which
we will be exploring in more detail in the rest of these guides…”
https://developer.mozilla.org/en-US/docs/ Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
Stylable
By Bruce Lawson and the Wix Team.
“…Stylable is a preprocessor that allows you to write style rules in
CSS syntax, with some extensions that we believe adhere to the spirit
of CSS…”
+03: DRUPAL.
Drag and Drop with Drupal 8
By Mike Gifford.
“We’ve built a bunch of great accessibility solutions in Drupal 8
Core, but we haven’t modernized our Drag/Drop solution significantly.
Because of some great innovations with a Layout Builder, we’re having
to work on a 2D solution to this problem…”
https://lists.w3.org/Archives/Public/w3c-wai-ig/2017OctDec/0081.html
+04: EVALUATION & TESTING.
Totally Tooling Tips: Accessibility Testing (Video)
BY Addy Osmani.
“In this episode, Addy chats with Rob Dodson, a developer advocate on
the Chrome team, about his workflow for accessibility testing. They
also discuss some of the important considerations when making edits to
the design of your website for improved accessibility.”
https://www.youtube.com/watch?v=56zCnwj58e4
Blind QA testing (Part 1): A Screen Reader Users Perspective
By Brian Dalton, and Saleem Rahman.
“Brian introduces Accessibility QA testing, outlines his tools and approach…”
http://interaccess.ie/blind-qa-testing- part-1-a-screen-reader-users-perspective/
10 Simple Tips To Improve User Testing
By Nick Babich.
“…You can’t afford to skip testing, because even a simple round of
testing could make or break your product. Investment in user testing
is just about the only way to consistently generate a rich stream of
data on user behavior. Thus, test early, test often.”
https://www.smashingmagazine.com/2017/11/improve-user-testing/
Minting New Design Ideas From Usability Test Data
By David Travis.
“A usability test provides us with a host of observations describing
how people interact with a product or service. What it doesn’t provide
is design solutions. To generate useful design solutions we need to
first generate insights to identify the underlying problems and then
create testable hypotheses to fix their cause.”
https://www.userfocus.co.uk/articles/ minting-new-design-ideas-from-usability-test-data.html
Recent Advances with the System Usability Scale
By Jeff Sauro.
“…With such wide usage across industry and academia, there has been a
lot of research into the SUS and many practitioners may not be
familiar with some of it. Here are four recent advances with the
System Usability Scale…”
https://measuringu.com/sus-advances/
What the Failure of New Coke Can Teach Us About User Research And Design
By Adam Silver.
“Coca-Cola conducted extensive market research before launching New
Coke in 1985, yet the product still turned out to be one of the great
marketing failures of all time. Designer Adam Silver draws on
Coca-Cola’s infamous blunder to offer some important lessons for
conducting successful user research for websites and digital
services.”
https://alistapart.com/article/ what-the-failure-of-new-coke-can-teach-us-about-user-research-and-design
6 Reasons You Can Never Trust Users!
By Paul Boag.
“To understand users, we cannot take what they say at face value. We
need to dig deeper into how they think and what they truly need…”
http://mediatemple.net/blog/news/6-reasons-can-never-trust-users/
+05: EVENTS.
Professional Web Accessibility Auditing Made Easy
Starts November 13 and runs 4 weeks.
Online
https://www.class-central.com/mooc/5174/ canvas-network-professional-web-accessibility-auditing-made-easy
Accessible for Everyone – an Evening with Laura Kalbag
November 15, 2018.
Chicago, Illinois, U.S.A
https://www.meetup.com/a11ychi/events/243947005/
Live stream:
https://www.youtube.com/watch?v=SbTXBuIZgtc
Live captions:
http://www.streamtext.net/player?event=CDA
Web Accessibility Evaluation for Technical Users (3-part course)
January 10, 2018.
Online
https://illinois.edu/calendar/detail/3683?eventId=33284583
Web Accessibility Training
January 23-24, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training/
Strategic Planning for Web Accessibility
February 26-March 4, 2018.
Online
https://onlinelearningconsortium.org/learn/ olc-new-institute-schedule/institute-offerings/?id=412
+06: HTML.
HTML Template Instantiation
By Apple.
“The HTML5 specification defines the template element but doesn’t
provide a native mechanism to instantiate it with some parts of it
substituted, conditionally included, or repeated based on JavaScript
values – as popular JavaScript frameworks such as Ember.js and Angular
allow. As a consequence…”
https://github.com/w3c/webcomponents/blob/gh-pages/ proposals/Template-Instantiation.md
+07: INFORMATION ARCHITECTURE.
Do I Need a User Persona? Walking the Users Path
By Kim Krause Berg.
“An expertly developed user persona can be expensive. Because they
are fictional representations of real people, their value comes into
question…”
https://searchnewscentral.com/blog/2017/11/08/ need-user-persona-walking-users-path/
+08: JAVASCRIPT.
ARIA is Spackle, Not Rebar
By Eric Bailey.
“…In this post, I’m going to address WAI-ARIA, and how misusing it can
do more harm than good…”
https://css-tricks.com/aria-spackle-not-rebar/
+09: MISCELLANEOUS.
NCBI Podcast Interview with Joshue O Connor
By Stuart Lawlor.
“I was very happy to be asked to give a talk on new work that I’m
involved with in the Accessibility Guidelines Working Group at the W3C
and our progress in WCAG 2.1. It’s always nice to talk with my friend
Stuart Lawlor, I hope that you find the interview interesting, do go
to the NCBI website and get the Podcast.”
http://interaccess.ie/ncbi-podcast-interview-with-joshue-o-connor/
Web Design Museum
By Petr Kovář and Ondřej Letocha.
“The museum exhibits over 800 carefully selected and sorted web sites
that show web design trends between the years 1995 and 2005.”
https://www.webdesignmuseum.org/
The Web Began Dying in 2014, Here’s How
By André Staltz.
“Before the year 2014, there were many people using Google, Facebook,
and Amazon. Today, there are still many people using services from
those three tech giants (respectively, GOOG, FB, AMZN). Not much has
changed, and quite literally the user interface and features on those
sites has remained mostly untouched. However, the underlying dynamics
of power on the Web have drastically changed, and those three
companies are at the center of a fundamental transformation of the
Web…”
https://staltz.com/the-web-began-dying-in-2014-heres-how.html
Stop Sabotaging Your Code…Before You Even Code
By Meghan Hebel.
“…Here are 5 things you should ALWAYS do when starting a new project…”
https://codeburst.io/stop-sabotaging-your-code-4ed67424a17a
+10: TOOLS.
NoCoffee (FireFox Extension)
By Eitan Isaacson
“NoCoffee vision simulator. Originally written by Aaron Leventhal for Chrome.”
https://addons.mozilla.org/en-US/firefox/addon/nocoffee/
Phoropter: A Vision Simulator
By Eitan Isaacson.
“After porting Aaron’s NoCoffee extension to Firefox, I thought it
would be neat to make a camera version of that. Something you can
carry around with you, and take snapshots of websites, signs, or print
material. You can then easily share the issues you see around you…”
https://blog.monotonous.org/2017/11/06/phoropter-a-vision-simulator/
+11: USABILITY.
Forms Matter
By Lena Groeger.
“How the design of forms can decide an election, affect racial
profiling and shape identity…”
https://www.propublica.org/article/forms-matter
UX Trivia Quiz #9- November 2017
By Tom Tullis.
“This month’s UX Trivia Quiz includes a nod to World Usability Day,
which is being celebrated on Thursday, November 9th…”
http://uxmetricsgeek.com/ux-trivia-quizzes/
UX Mapping: A Cheat Sheet
By Sarah Gibbons.
“Empathy maps, customer journey maps, experience maps, and service
blueprints depict different processes and have different goals, yet
they all build common ground within an organization.”
https://www.nngroup.com/articles/ux-mapping-cheat-sheet/
Brutalism and Antidesign
By Kate Meyer.
“These web-design trends are reactions against the perceived
uniformity of web design. Brutalism can be used effectively in visual
design, but antidesign should be avoided for most products.”
https://www.nngroup.com/articles/brutalism-antidesign/
iPad App and Website Usability
By Raluca Budiu and Jakob Nielsen.
“Learn how iPad users interact with apps and websites on their
devices, and whether usability improves with time as people practice
and learn new interfaces…”
https://www.nngroup.com/reports/ipad-app-and-website-usability/
[Section one ends.]
++ SECTION TWO:
+12: What Can You Find at the Web Design Reference Site?
Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html
Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html
Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html
Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html
Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html
Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html
Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html
Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html
HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html
Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html
JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html
Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html
Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html
PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html
Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html
Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html
Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html
Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html
Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html
XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html
[Section two ends.]
++END NOTES.
+ SUBSCRIPTION INFO.
WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
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
mailto:lcarlson@d.umn.edu
[Issue ends.]
—
netgoldblog 