[webdev] Web Design Update: July 27, 2017

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

[webdev] Web Design Update: July 27, 2017

David Dillard
Administrator




.


.



Date: Thu, 27 Jul 2017 06:13:31 -0500
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
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:[hidden email]





[Issue ends.]




*


*