+++ WEB DESIGN UPDATE. - Volume 16, Issue 22, November 22, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 22 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: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. 5 Ways to Make Your App More Accessible By Bryn Gelbart. "Users spend a large portion of their days in apps. However, there is not yet as much focus on app accessibility as web accessibility. It's time to change that…" https://axesslab.com/app-accessibility-tips/ Understanding WCAG 2.1: What to Expect (Video) By Glenda Sims. "Here we are on a quest to answer the question "What is WCAG 2.1?…" https://www.deque.com/blog/wcag-2-1-what-to-expect/ November is National Epilepsy Awareness Month By Bureau of Internet Accessibility. "…The Web Content Accessibility Guidelines (WCAG) 2.0 offer tips for tailoring a website to accommodate epileptic users…" https://www.boia.org/blog/november-is-national-epilepsy-awareness-month Out with Accessibility - In with Inclusive Design (Video) By Robin Christopherson. "Widely recognised as a leading expert on accessibility and digital inclusion, Robin Christopherson of leading UK tech charity AbilityNet will explore the 'mental 180' we all need to undergo when it comes to considering accessibility in this mobile-first world. Packed with practical illustrations and demos…" https://vimeo.com/241688610 Advocating for Accessible UI Design By Lara Schenck. "…it's about time we start designing the web for everyone because the web was meant to be for everyone, and less and less are we able to predict where, when, and how our work will be consumed…" https://css-tricks.com/advocating-for-accessible-ui-design/ Management: Avoid Making this Costly Accessibility Mistake By Karl Groves. "…There's really only one logical choice you can make when it comes to any internal accessibility advocates you may have: keep them happy. Foster their personal and professional growth. Support them. Give them a real voice and listen to them. Take them seriously. Let them mentor others who also care about accessibility. You will need them someday." http://www.karlgroves.com/2017/11/17/management-avoid-making-this-costly-accessibility-mistake/ How Accessible is Your Website for the Disabled? Consider Doing an Audit to And Out By Melody Kramer. Melody Kramer interviews Eric Bailey. https://www.poynter.org/news/how-accessible-your-website-disabled-consider-doing-audit-find-out Inclusive Design 24 (#ID24) Organized by The Paciello Group. All 24 hours of the webinars are online. https://www.inclusivedesign24.org/ The Impact of AI on Accessibility By Sheila Zinck. "…all of the panelists cautioned against viewing AI as a panacea for accessibility. They cited several issues and challenges ahead, including…" https://www.ibm.com/blogs/age-and-ability/2017/11/01/impact-ai-accessibility/ Alternative Text for Images: Buffer Announces Support for Extension, Part 3 By Deborah Edwards-Onoro. "This is my third post about alternative text for Buffer and Hootsuite…" https://www.lireo.com/part-3-alternative-text-for-images-buffer-announces-support-for-extension/ +02: CASCADING STYLE SHEETS. Faux Grid Tracks By Eric A. Meyer. "A little while back, there was a question posted to css-discuss…" https://alistapart.com/article/faux-grid-tracks Aligning Items in a Flex Container By Rachel Andrew and Chris David Mills. "…In this guide, we will take a thorough look at how the alignment and justification properties work in Flexbox…" https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container A Dao of Responsive Liquid By Jeffery Zeldman. "Two decades before Responsive Web Design, we dipped our toes in Liquid Layout - a similar but necessarily less refined concept. Glenn Davis of Project Cool fame coined the phrase in 1995 or 1996. (Glenn also came up with 'Ice' to describe fixed-width layouts, and 'Jello' for layouts that combined some fixed with some flexible elements.)…" http://www.zeldman.com/2017/11/19/dao-responsive-liquid/ CSS 101: Selectors By Damien Cosset. "CSS (Cascading Style Sheets) is a language that allows you to describe the styles your markup should have…" https://dev.to/damcosset/css-101-selectors-78m CSS: The Reason Why Selectors Should Be Ordered, Too By Jens Oliver Meiert. "…A few thoughts taken from early work on my upcoming book on CSS optimization…" https://meiert.com/en/blog/selector-order/ Using CSS Grid: Supporting Browsers Without Grid By Rachel Andrew. "…In this article, I explore approaches to dealing with browser support today…" https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/ +03: COLOR. Simple Patterns for Separation (Better Than Color Alone) By Chris Coyier On November 18, 2017 "Color is pretty good for separating things. That's what your basic pie chart is, isn't it? You tell the slices apart by color. With enough color contrast, you might be OK, but you might be even better off (particularly where accessibility is concerned) using patterns, or a combination…" https://css-tricks.com/simple-patterns-for-separation/ +04: EVALUATION & TESTING. Hooked and Booked By Jeremy Keith. "At Booking.com, they do a lot of A/B testing. At Booking.com, they've got a lot of dark patterns. I think there might be a connection…" https://adactio.com/journal/13109 Stop Pretending By Gregg Bernstein. If you're asking participants to guess, predict, hypothesize, or anticipate either their future behavior or that of a friend, you're not researching. You're pretending. http://gregg.io/2017/11/14/stop-pretending.html +05: EVENTS. Panel Discussion on All Things A11Y November 29, 2017. Online. https://groups.drupal.org/node/517800 How Persons with Disabilities Use the Web November 30, 2017. Online. https://www.deque.com/blog/upcoming-webinar-persons-disabilities-web/ Ontario Digital Inclusion Summit February 9-10, 2018. Toronto, Canada. https://www.digitalinclusion.ca/welcome +06: HTML. Happier HTML5 Form Validation By Dave Rupert. "Native HTML5 Form Validation. The way you want it. In 6 lines of code…" http://daverupert.com/2017/11/happier-html5-forms/ Editing the W3C HTML5 Spec By Bruce Lawson. "On 3 November, the Queen and Uncle Timbo (Sir Tim Berners-Lee to you) came round to Lawson Towers to threaten me with a punch in the face and a karate chop if I didn't co-edit the W3C HTML5 spec…" http://www.brucelawson.co.uk/2017/editing-the-w3c-html5-spec/ +07: JAVASCRIPT. Accessible Web Apps with React, TypeScript, and AllyJS By Daniel Yuschick. "Accessibility is an aspect of web development that is often overlooked…" https://css-tricks.com/accessible-web-apps-react-typescript-allyjs/ How to Reduce the Cost of JavaScript By Addy Osmani. "…In this post, I'll cover why a little discipline can help if you'd like your site to load & be interactive quickly on mobile devices…" https://medium.com/dev-channel/the-cost-of-javascript-84009f51e99e Currying Is Not Idiomatic in JavaScript By Axel Rauschmayer. "In this blog post I explain why, in my opinion, currying is not a good fit for JavaScript…" http://2ality.com/2017/11/currying-in-js.html +08: MISCELLANEOUS. Tim Berners-Lee on the Future of the Web: "The System is Failing" By Olivia Solon. "The inventor of the world wide web remains an optimist but sees a 'nasty wind' blowing amid concerns over advertising, net neutrality and fake news…" https://www.theguardian.com/technology/2017/nov/15/tim-berners-lee-world-wide-web-net-neutrality The Web for the Entire World: Chrome Dev Summit 2017 (Video) By Deborah Edwards-Onoro. "Are you surprised to learn that China has the highest number of Internet users?…" https://www.lireo.com/the-web-for-the-entire-world-chrome-dev-summit-2017-video/ AXSchat with Professor Gregg Vanderheiden, from the Global Public Inclusive Infrastructure (Video) By Neil Milliken. "Dr.Vanderheiden has been active in the area of Technology and Disability for over 45 years…" https://www.youtube.com/watch?v=t3VUyIOBXm0 +09: USABILITY. Delightful UX Designs for Which to Be Thankful (Video) By Katie Sherwin. "User experiences that bring joy through ease or delight deserve our appreciation. We extend our gratitude for some of this year's designs. Share what you're thankful for with #GiveUXThanks." https://www.nngroup.com/videos/delightful-ux-be-thankful/ Bad Icons: How to Identify and Improve Them By Kara Pernice. "Related links are often chunked as a set, each with an icon. One bad icon hurts user interaction. A set of bad icons is worse because it amplifies confusion, adds clutter, and wastes screen real estate." https://www.nngroup.com/articles/bad-icons/ The Ultimate Guide for Form Design: the Perfect Form By Carolina Koladzyn. "…This article provides general guidelines to design a better form…" https://medium.com/@carolinalina/the-ultimate-guide-for-form-design-the-perfect-form-acea20367ed1 We Must Measure Customer Time By Gerry McGovern. "…Wasting your customers' time is the poorest of poor customer experience. The first step is to recognize that." http://gerrymcgovern.com/we-must-measure-customer-time/ 12 Common UX Design Myths That Need to Go in 2018 By Karol K. "…At the end of the day, most of them can be avoided if we try putting ourselves in our users' shoes more, and don't make too many assumptions about their behaviors or motivations. However, this is also much easier said than done, I know. Sorry about that." https://blogs.adobe.com/creativecloud/12-common-ux-design-myths-that-need-to-go-in-2018/ Slides: Inclusive Usability Testing By Adrian Roselli. "I have uploaded my slides from a11yTOCamp to SlideShare. If the embed below does not work, visit them directly…" http://adrianroselli.com/2017/11/slides-inclusive-usability-testing-a11ytocamp.html [Section one ends.] ++ SECTION TWO: +10: 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.]