[webdev] Web Design Update: November 9, 2017

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[webdev] Web Design Update: November 9, 2017

David P. Dillard
Administrator



.




Date: Thu, 9 Nov 2017 06:44:25 -0600
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
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…"

https://www.law360.com/hospitality/articles/979662/claire-s-carnival-hit-with-blind-access-suits-over-websites




+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…"

http://stylable.io/




+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:


http://www.headstar.com/ten




+ 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:[hidden email]





[Issue ends.]




--



.


.