+++ 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:lcarlson@d.umn.edu [Issue ends.]