+++ WEB DESIGN UPDATE. - Volume 15, Issue 39, March 23, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 39 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML5. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 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. Sounding Out the Web: Accessibility for Deaf and Hard of Hearing People [Part 2] By David Swallow. "...Ruth shares some of the things that make life easier for her on the web, and we offer some practical tips on how you can improve accessibility for deaf and hard of hearing people..." https://www.paciellogroup.com/blog/2017/03/sounding-out-the-web-accessibility-for-deaf-and-hard-of-hearing-people-part-2/ WCAG 2.1 - It's Here! By Chris Pycroft. "After much deliberation and fine-tuning, the highly-anticipated first draft of the Web Content Accessibility Guidelines (WCAG) 2.1 has been released for public comment..." https://medium.com/@intopia/wcag-2-1-its-here-70abeca88b2f Mythbuster's Guide to Accessibility By Nick Heiner. "What We've Learned About 508 Compliance That All Technologists Can Use..." https://medium.com/the-u-s-digital-service/mythbusters-guide-to-accessibility-92ccd88655c6 United Airline's Accessibility Journey (Video) By Dennis Deacon. "In this presentation, Chicago's very own United Airlines outlines the journey towards an integrated accessibility program across all digital interactions with customers, including remediating two transactional and informational channels. The result was an award-winning website with major improvements to its website accessibility, particularly for visitors using screen readers. This extra effort, above and beyond that needed just for accessibility compliance, made the company's site one of the easiest to access and use in the airline industry." https://www.youtube.com/watch?v=-4kGVd-cxNI Cognitive Accessibility 103 By Jamie Knight. "This article is a summery of a presentation I gave at CSUN in San Diego on the 2nd of March 2017." http://spacedoutandsmiling.com/presentations/cognitive-accessibility-103-csun-2017 Optgroup By Rajendra Jaladi. "Earlier developers use to customize the html tags like div, ul, and li in order to group the related elements in a drop-down list. Most of such customized widgets are not keyboard accessible and not screen reader friendly making them completely inaccessible..." http://www.maxability.co.in/2017/03/optgroup/ 7 Web Accessibility Predictions for 2017 and Implications for You By Cassi Price. "...here are our predictions for the rest of 2017..." https://socialmedia.mayoclinic.org/discussion/7-web-accessibility-predictions-for-2017-and-implications-for-you/ Accessibility Business Case: Spending Your Money Intelligently By Karl Groves. "Frequent readers know I write a lot about the business case for accessibility..." http://www.karlgroves.com/2017/03/19/accessibility-business-case-spending-your-money-intelligently Why UC-Berkeley is Restricting Access to Thousands of Online Lecture Videos By Sarah Larimer. "...The online videos from the University of California at Berkeley offered a free sample of world-class instruction in topics such as computer science, bioengineering and public health..." https://www.washingtonpost.com/local/education/why-uc-berkeley-is-restricting-access-to-thousands-of-online-lecture-videos/2017/03/15/074e382a-08c0-11e7-a15f-a58d4a988474_story.html +02: CASCADING STYLE SHEETS. Hassle-free Full Bleed with *:not() By Dave Rupert. "Breaking out of container DIVs with this one weird trick..." http://daverupert.com/2017/03/full-bleed-with-not/ CSS Grid Layout and Accessibility (Hat Tip to Jennifer Sutton) By Alexander Ermolaev, Jean-Yves Perrier, scuveedog, and Rachel Andrew. "...is it possible to go too far with this idea? Is it possible that we could create an accessibility issue through our use of grids?..." https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility CSS Grid Fallbacks and Overrides By Rachel Andrew. "In the interest of not giving the same information to people on Twitter all day every day, here is another cheatsheet..." https://www.rachelandrew.co.uk/archives/2017/03/20/css-grid-fallbacks-and-overrides/ +03: EVALUATION & TESTING. How to Get the Most Value Out of Remote User Research (Without Breaking the Bank) By Rian Van Der Merwe. "One of the things I love most about the user research process is that, with a little bit of planning, it scales to fit whatever time/resource budget you have..." https://wildbit.com/blog/2017/03/16/how-to-get-the-most-value-out-of-remote-user-research 8 Things to Consider When Using Online Panels By Jeff Sauro. "...Here are 8 things to consider when using a panel in your next online research study..." https://measuringu.com/panel-research/ +04: EVENTS. Ask the UXperts: Accessible Design: Which everyone do you mean? - with Derek Featherstone Online March 30, 2017. http://uxmastery.com/accessible-design-derek-featherstone/ Funka Accessibility Days April 4-5, 2017. Stockholm, Sweden http://www.funka.com/en/we-offer/funka-accessibility-days/ Generate San Francisco June 9, 2017. San Francisco, California, U.S.A. https://www.generateconf.com/san-francisco DinosaurJS Conference June 15, 2017. Denver, Colorado, U.S.A. https://dinosaurjs.org/ Fluent June 19-22, 2017. San Jose, California, U.S.A. http://conferences.oreilly.com/fluent/fl-ca WPCampus Conference July 14-15, 2017. Buffalo, New York, U.S.A. https://2017.wpcampus.org/ +05: HTML5. Inclusive Components By Heydon Pickering. "A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component." http://inclusive-components.club/ How You Can Use HTML5 Custom Data Attributes and Why By Gajendar Singh. "In this article, I am going to show you how you can use HTML5 custom data attributes. I'm also going to present you with some use cases that you can find helpful in your work as a developer..." https://www.sitepoint.com/how-why-use-html5-custom-data-attributes/ +06: INFORMATION ARCHITECTURE. Presenting Our New Taxonomy Beta! By Graeme Claridge. "...When finished, the taxonomy will group together all content on the site in a meaningful and intuitive way, using a hierarchical structure. It will consist of many 'topics' and 'subtopics', to which all content items will be tagged..." https://insidegovuk.blog.gov.uk/2017/03/21/presenting-our-new-taxonomy-beta/ +07: JAVASCRIPT. ECMAScript 2017 and Beyond (Video) By Axel Rauschmayer. Dr Rauschmayer's 1 hour presentation at the Rolling Scopes conference in Belarus. https://www.youtube.com/watch?v=5Kw4XVSb4P4 +08: MISCELLANEOUS. I Invented the Web. Here Are Three Things We Need to Change to Save It By Tim Berners-Lee. "...over the past 12 months, I've become increasingly worried about three new trends, which I believe we must tackle in order for the web to fulfill its true potential as a tool that serves all of humanity..." https://www.theguardian.com/technology/2017/mar/11/tim-berners-lee-web-inventor-save-internet Met Museum Makes 375,000 Images Free By Joshua Barone. "All images of public-domain artworks in the Metropolitan Museum of Art's collection - about 375,000 - are now free for anyone to use however they may please..." https://www.nytimes.com/2017/02/07/arts/design/met-museum-makes-375000-images-available-for-free.html +09: TOOLS. Hex Naw By The Scenery. "Hex Naw is a tool that helps designers and developers test entire color systems for contrast and accessibility..." https://hexnaw.com/ +10: USABILITY. Scanning Patterns on the Web Are Optimized for the Current Task By Kara Pernice. "How users attend to information on a page depends on their tasks and goals, as confirmed by new eyetracking research. Good design promotes efficient scanning. In usability studies, (biased) task formulation may tip users to discover features." https://www.nngroup.com/articles/eyetracking-tasks-efficient-scanning/ Experience Design: Bridging Brand Intention and Brand Interpretation By Kate Kaplan. "Branding elements and interaction design guidelines can bridge the gap between how a company constructs its identity and how its customers experience it." https://www.nngroup.com/articles/brand-intention-interpretation/ The 7 Factors that Influence User Experience By Interaction Design. "Let's take a look at each factor in turn and what it means for the overall user experience..." https://www.interaction-design.org/literature/article/the-7-factors-that-influence-user-experience A Rant Against Pretty Designs By Miklos Philips. "Digital product designers worth their salt and wanting to elevate their game know it's essential to leave their ego at the door and to steer clear of unnecessary flourishes, self-serving public parading, and pointless audience seduction..." http://www.toptal.stfi.re/designers/ui/a-rant-against-pretty-app-designs +11: XML. 7 Solutions for Creating More Accessible SVGs By SA Team. "...Here are some things to consider when it comes to SVGs and accessibility..." http://simplyaccessible.com/article/7-solutions-svgs/ [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.]