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