+++ WEB DESIGN UPDATE. - Volume 15, Issue 50, June 8, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 50 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: COLOR. 05: EVALUATION & TESTING. 06: EVENTS. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility According to Actual People with Disabilities By Hampus Sethfors. "'If you have a disability, what's the hardest thing about browsing the web?' The answers to Safia Abdalla's tweet are truly eye-opening and shows us what web accessibility should really be about..." https://axesslab.com/accessibility-according-to-pwd Tips for Making Accessibility a Core Design Principle By Léonie Watson. "Accessibility pioneer Léonie Watson quizzes some of the web industry's most knowledgeable experts for their thoughts on making websites and apps more accessible.." https://pixelpioneers.co/blog/2017/13-expert-tips-accessibility How Mental Illness Can Impact Digital Access By Lynn Wehrman. "It's not uncommon for developers and content managers, who train and test with our Accessibility Team, to be surprised to learn that..." http://theweco.com/digitalaccess_mi/ Putting Web Accessbility First By Jay Hoffmann. "The story of web accessibility, from the early days to today, is one of hard work, shared empathy and, as is too often the case, a struggle to keep up. Its success is thanks to the dedication of lawmakers from governments around the world, members of standards bodies, and those in the trenches making the web more accessible each and every day..." http://thehistoryoftheweb.com/putting-web-accessbility-first/ For Review: Personalization Semantics 1.0 First Public Working Draft By Michael Cooper. "The Accessible Rich Internet Applications Working Group has published a First Public Working Draft of Personalization Semantics 1.0..." https://lists.w3.org/Archives/Public/w3c-wai-ig/2017AprJun/0194.html Web Accessibility Laws and Policies Listing Updated By Shawn Henry. "The Education and Outreach Working (EOWG) has updated the Web Accessibility Laws and Policies list..." https://lists.w3.org/Archives/Public/w3c-wai-ig/2017AprJun/0195.html +02: BOOKS. McCall, Karen. "Styles in Word: A Primer for Accessible Document Design", pubcom.com, 2017. (Hat tip to Jennifer Sutton) McCall, Karen. "Accessible and Usable PDF Documents: Techniques for Document Authors, Fourth Edition", pubcom.com, 2017. (Hat tip to Jennifer Sutton) +03: CASCADING STYLE SHEETS. Breaking Out with CSS Grid Explained By Rachel Andrew. "This really nice technique for creating a full width image inside a constrained column was being shared around recently. However, what it didn't do was explain why this technique works. As part of my attempt to remove all the 'it just works magic' from these techniques I thought I would explain...." https://www.rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/ +04: COLOR. Color Accessibility Workflows By Geri Coady. "Color is a powerful tool that allows for an almost infinite array of design options. Yet when applying color to our work, we can have a 'myopic' viewpoint that puts us, rather than our audience, front and center. Author Geri Coady discusses some solid color considerations we can make for our audiences in this excerpt from her new book, Color Accessibility Workflows, available from A Book Apart." https://alistapart.com/article/color-accessibility-workflows +05: EVALUATION & TESTING. Why We Do Moderated, Remote, Usability Testing By Joanna Briggs. "Guidelines and specs are helpful in the accessibility world, but they don't always help us get to the heart of the matter: Is your site, product, service truly usable? Joanna Briggs shares why moderated, remote usability testing is so effective." http://simplyaccessible.com/article/usability-testing/ 10 Findings From Psychology that Every User Researcher Should Know By David Travis. "A knowledge of psychology can help user researchers be more effective when they plan research, make observations, analyse data and present the results..." http://www.userfocus.co.uk/articles/psychology-findings-for-user-researchers.html Usability Testing - What Will It Result In? By Skjoldbroder. "Testing is all about learning. But what will we learn? This is a reflection on 9 general patterns encountered across usability tests..." https://blog.prototypr.io/usability-testing-what-will-it-result-in-d985ad703fca The Mindfulness of a Manual Performance Audit By Chip Cullen. "Sometimes we need to go through the clothes in our closet item by item to separate the chaff, cruft, and impulse buys from what we truly need. An occasional performance audit done by hand, argues Chip Cullen, gives us a detailed picture of our work, increases our awareness of what we ask of our users, and allows us to shape our findings in ways that make sense to stakeholders." https://alistapart.com/article/mindfulness-of-a-manual-performance-audit 4 Ways to Visualize Website Behavior By Jeff Sauro. "MUIQ generates four visualizations that aggregate clicks and navigation paths users take while completing tasks: heat maps, click maps, tree paths, and linear tree paths. The visualizations complement each other. They are like using different wavelengths of light to view far off stars and galaxies, and each visualization helps researchers understand potential problems with website interactions." https://measuringu.com/visualize-behaviors/ +06: EVENTS. Inclusive Design 24 9 June 2017. (Actually starts June 8th in U.S.) 24 hours of free, online accessibility webinars http://www.inclusivedesign24.org/ Web Accessibility Training August 29-30, 2017. Logan, Utah, U.S.A. https://webaim.org/training The 2017 ICT Accessibility Testing Symposium: Automated & Manual Testing, WCAG 2.1, and Beyond October 25-27, 2017. Washington DC, U.S.A. http://ictaccessibilitytesting.org/ CanUX November 3-5, 2017. Ottawa, Canada http://canux.io/ +07: JAVASCRIPT. The Modern JavaScript Tutorial By Ilya Kantor. "How it's done now. From the basics to advanced topics with simple, but detailed explanations..." http://javascript.info/ +08: MISCELLANEOUS. AccessU 2017 Keynote - Rich Schwerdtfeger (Video) By Knowbility. "A very timely keynote speech from AccessU 2017 Rich Schwerdtfeger (former thought leader at IBM) concerning "Empathy In the Workplace", and how care for those with problems other than your own actually promotes innovation. I strongly recommend everyone who thinks the "dog eat dog" philosophy of business is actually productive to watch this...It might change the way you think." https://www.youtube.com/watch?v=J3h5Nh74Qxw +09: USABILITY. Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions By Nick Babich. "...In this article, you'll see practical techniques that have been gleaned from usability testing, field testing, eye-tracking studies and actual complaints from disgruntled users..." https://www.smashingmagazine.com/2017/06/designing-efficient-web-forms/ The Future of UX - What's Coming Next? By Hannes Robie. "...First of all we have to say, that UX design is still a growing area, and in fact, it needs much more years that UX will be seen as a common social skill...These are the six new focus areas for UX designers..." http://www.worldusabilitycongress.com/the-future-of-ux-whats-coming-next/ The Most Hated Online Advertising Techniques By Therese Fessenden. "Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Ads that are annoying on desktop become intolerable on mobile." https://www.nngroup.com/articles/most-hated-advertising-techniques/ A Checklist for Registration and Login Forms on Mobile By Raluca Budiu. "Typing a password takes twice as long on mobile than on desktop. Follow these 12 guidelines to make registration and login less painful on mobile devices." https://www.nngroup.com/articles/checklist-registration-login/ Truncating Additional Images in the Gallery Causes 50-80% of Users to Overlook Them (30% Get it Wrong) By Christian Holst. "...display all product thumbnails directly on the product page (i.e., no truncation), or reveal all product thumbnails when users click any thumbnail..." https://baymard.com/blog/truncating-product-gallery-thumbnails [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.]