.
.
Date: Thu, 27 Jul 2017 06:13:31 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: July 27, 2017
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 05, July 27, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 05 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: FLASH.
07: JAVASCRIPT.
08: NAVIGATION.
09: STANDARDS, GUIDELINES & PATTERNS.
10: USABILITY.
11: XML.
SECTION TWO:
12: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Why Isn't Your Website Accessible? The Top 5 (Inexcusable) Excuses
By Luiza Aguiar.
"Don't leave anyone out who wants to learn about your products or services..."
http://www.perkins.org/stories/
why-isnt-your-website-accessible-the-top-5-inexcusable-excuses
Challenges, Opportunities and the Potential for Low-Vision Access
By Matthew Atkinson.
"This is an opinion piece, looking at one slice of accessibility, to
highlight some trends and possibilities..."
https://www.paciellogroup.com/blog/2017/07/
challenges-opportunities-and-the-potential-for-low-vision-access/
Short Note on Labelling Text Fields in Native iOS Applications
By Graeme Coleman.
"VoiceOver users interact with the web and native applications on
their iOS device using a number of gestures..."
https://www.paciellogroup.com/blog/2017/07/
short-note-on-labelling-text-fields-in-native-ios-applications/
McDonalds, Grubhub Websites Not Accessible to the Blind: Suits
By Katie Kim and Lisa Capitanini.
"The Americans with Disabilities Act requires equal access for
everyone in physical spaces, but attorneys argue that current ADA
regulations also extend to how companies do business on the web..."
http://www.nbcchicago.com/investigations/McDonalds-Grubhub-
Websites-Not-Accessible-to-the-Blind-Suits-435281803.html
Payton/Dann & Manning Law Firms File Federal Suit Alleging McDonald's
Website & App Violate ADA, Unruh Civil Rights Act
By Marc Dann.
http://www.einpresswire.com/article/377835806/
payton-dann-manning-law-firms-file-federal-suit-
alleging-mcdonald-s-website-app-violate-ada-unruh-civil-rights-act
DOJ Places Website Rulemaking on the 'Inactive' List
By Minh Vu.
"Trump Administration's first Unified Agenda reveals DOJ has placed
web accessibility, medical equipment, and furniture rulemakings under
Title II and III of the ADA on Inactive List..."
http://www.adatitleiii.com/2017/07/
doj-places-website-rulemaking-on-the-inactive-list/
As the ADA Turns 27, Recent Developments Suggest No End to Website
Accessibility Lawsuits
By Joshua A. Stein.
"...Given the current climate, the best way for companies to try and
avoid these litigations remains promptly taking legitimate and
comprehensive steps to make their websites accessible..."
http://www.retaillaborandemploymentlaw.com/ada/
as-the-ada-turns-27-recent-developments-suggest-
no-end-to-website-accessibility-lawsuits/
Lucia Marett v. Five Guys Enterprises LLC (PDF)
By U.S. District Court for the Southern District of New York.
"the text and purposes of the ADA, as well as the breadth of federal
appellate decisions, suggest that defendant's website is covered under
the ADA...plaintiff has stated a claim for relief that is not moot and
defendant's motion to dismiss is therefore DENIED."
http://www.retaillaborandemploymentlaw.com/files/2017/07/
https-ecf-nysd-uscourts-gov-doc1-127120675847-Marratt-v-Five-Guys.pdf
+02: CASCADING STYLE SHEETS.
Why Display: Contents is Not CSS Grid Layout Subgrid
By Rachel Andrew.
"An explanation of the difference between display: contents and the
proposed idea for CSS Grid subgrid."
https://rachelandrew.co.uk/archives/2017/07/20/
why-display-contents-is-not-css-grid-layout-subgrid/
A Collection of Interesting Facts about CSS Grid Layout
By Manuel Matuzovic.
"A few weeks ago I held a CSS Grid Layout workshop. Since I'm, like
most of us, also pretty new to the topic, I learned a lot while
preparing the slides and demos. I decided to share some of the stuff
that was particularly interesting to me, with you..."
https://css-tricks.com/collection-interesting-facts-css-grid-layout/
Enhancing CSS Layout: From Floats To Flexbox To Grid
By Manuel Matuzović.
"... After having some conversations about grid and progressive
enhancement, I believe that there's a good amount of uncertainty about
using it. I heard some quite interesting questions and statements,
which I want to address in this post..."
https://www.smashingmagazine.com/2017/07/
enhancing-css-layout-floats-flexbox-grid/
CSS Custom Properties-Dynamic Changes With And Without Javascript
By Steven Bradley.
"Today I want to continue and look at how we can make changes through
user interaction and Javascript."
http://vanseodesign.com/css/custom-properties-and-javascript/
+03: COLOR.
Designing eCommerce for Colourblind Users
By CanvasFlip.
"Colour-blindness affects 7% of the world's population. When it comes
to surfing the web, this condition can make it impossible to
understand the infinite influx of videos, images, and charts..."
https://uxplanet.org/
designing-ecommerce-for-colourblind-users-1ffd648c9f91
+04: EVALUATION & TESTING.
Takeaways from Demystifying Eye Tracking for UX Research
By Deborah Edwards-Onoro.
"At today's User Experience Professionals Association webinar, Laura
Rivera shared her lessons learned from eye tracking research..."
https://www.lireo.com/
takeaways-from-demystifying-eye-tracking-for-ux-research/
What Metrics do the Experts Use to Measure UX Effectiveness?
By Christopher Ratcliff.
"SUS? WUS? CUS? TPI? Come see how many of these abbreviations I
invented myself in this investigation into how the experts measure
UX."
http://whatusersdo.com/blog/
what-metrics-do-the-experts-use-to-measure-ux-effectiveness/
+05: EVENTS.
Real-World Techniques for Accessible Design (Hat tip to Dennis Deacon)
August 2, 2017.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/240331463/
YouTube Stream:
https://www.youtube.com/watch?v=257e24N8rIs
That Conference
August 7-9, 2017.
Wisconsin Dells, Wisconsin, U.S.A.
https://www.thatconference.com/
Future Accessibility - A First Look at WCAG 2.1
August 8, 2017.
Online.
https://register.gotowebinar.com/register/740076163237605635
UX and Digital Design Week
August 14-20, 2017.
London, England, United Kingdom
http://futurelondonacademy.co.uk/en/course/ux-and-digital-design
DrupalCon Vienna
September 26-29, 2017.
Vienna, Austria
https://events.drupal.org/vienna2017
DrupalCon Vienna Core Accessibility: How are we doing, and what can we
do better?
September 26-29, 2017.
Vienna, Austria
https://events.drupal.org/vienna2017/sessions/
core-accessibility-how-are-we-doing-and-what-can-we-do-better
Tech Access OK (Hat tip to Jenifer Sutton)
October 16-17, 2017.
Midwest City, Oklahoma, U.S.A.
http://techaccessok.org/home/
+06: FLASH.
Flash and The Future of Interactive Content
By Adobe.
"...Adobe is planning to end-of-life Flash. Specifically, we will stop
updating and distributing the Flash Player at the end of 2020 and
encourage content creators to migrate any existing Flash content to
these new open formats..."
https://blogs.adobe.com/conversations/2017/07/adobe-flash-update.html
The End of an Era - Next Steps for Adobe Flash
By Microsoft Edge Team.
"Today, Adobe announced that Flash will no longer be supported after
2020. Microsoft will phase out support for Flash in Microsoft Edge and
Internet Explorer ahead of this date..."
https://blogs.windows.com/msedgedev/2017/07/25/flash-on-windows-timeline/
Eulogy for Flash
By Bruce Lawson.
"Yesterday, Adobe announced that Flash will be discontinued after
2020, news that was met with some rejoicing in the web development
community, as confirmation that open standards 'won'. But the story is
more nuanced than that..."
http://www.brucelawson.co.uk/2017/eulogy-for-flash/
+07: JAVASCRIPT.
Instant Form Validation Using JavaScript
By James Edwards.
"...What we're going to do in this article is far less intrusive. It's
not even full client-side validation - it's just a subtle usability
enhancement, implemented in an accessible way, which (as I discovered
while testing the script) is almost identical to something that
Firefox now does natively..."
https://www.sitepoint.com/instant-validation/
aria-colcount (property)
By Rakesh Paladugula.
"Dynamic tables are quite common in modern web..."
http://www.maxability.co.in/2017/07/aria-colcount-property/
+08: NAVIGATION.
Homepage Links Remain a Necessity
By Hoa Loranger.
"A site logo linking to the homepage is not enough. Logo design and
placement, as well as the presence of a text link to the homepage
affect success of navigation to homepage."
https://www.nngroup.com/articles/homepage-links/
+09: STANDARDS, GUIDELINES & PATTERNS.
EME at the W3C
By Alastair Campbell.
"There's an ongoing kerfuffle about DRM (Digital Rights Management)
being implemented in browsers and whether the W3C should publish a
standard ('recommendation') that provides access to DRM content..."
https://alastairc.ac/2017/07/eme-at-the-w3c/
+10: USABILITY.
Small Pictures on Big Screens: Scaling Up from Mobile to Desktop
By Amy Schade.
"If an image works well on a small screen, think about how it will
grow and shift to fill the space on a larger monitor. Consider
relative screen space and information density, paying close attention
to cropping, scaling and proportions. Show more things, not just
bigger things."
https://www.nngroup.com/articles/small-pictures-big-screens/
15 Mobile UX Facts & Insights (2017)
By Jeff Sauro.
"...This is an updated article to the 2016, 2015, and 2013 articles
based on published data and our own mobile UX research..."
https://measuringu.com/mobile-2017/
Human Technology Teamwork: The Role of Machines and Humans in Good UX
Design (Video)
By Don Norman.
"Don Norman explains Human Technology Teamwork and why forcing people
to act like machines fails. Instead, allow people do what they are
good at."
https://www.youtube.com/watch?v=15VmXVPVkyg
Design Principle: Error and Forgiveness
By Anton Nikolov.
"The importance of preventing errors and forgiving them.."
https://blog.marvelapp.com/design-principle-error-forgiveness/
+11: XML.
Adding Backgrounds to Directly Loaded SVGs
By Eric A. Meyer.
"...I realized I could use Stylish to give the SVG files a background
through CSS. I didn't want to select all SVGs, only those I was
loading directly, so I tried this..."
http://meyerweb.com/eric/thoughts/2017/07/21/svg-backgrounds/
[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:lcarlson@xxxxxxxxx
[Issue ends.]
*
*
