+++ WEB DESIGN UPDATE. - Volume 15, Issue 13, September 22, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 13 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: HTML5. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: STANDARDS, GUIDELINES & PATTERNS. 11: TOOLS. 12: USABILITY. 13: XML. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Camp NYC 2016 Videos By a11ynyc.com. "Videos from New York City's second accessibility camp held September 17, 2016. http://livestream.com/internetsociety/a11ynyc/videos Access Board Approves Rules on ICT Refresh and Medical Diagnostic Equipment By Access Board. "September 14, 2016...The Access Board approved updated requirements for information and communication technology..." https://www.access-board.gov/news/1824-access-board-approves-rules-on-ict-refresh-and-medical-diagnostic-equipment Some Tough Love: Stop the Excuses, Already By Karl Groves. "...Whether you like it or not, your company or organization is required by law - explicitly stated or not - to provide ICT products and services that are accessible to people with disabilities. If your work is not accessible, it does not meet the necessary quality standards. Learn how to do it and stop making excuses." http://www.karlgroves.com/2016/09/14/some-tough-love-stop-the-excuses-already/ University May Remove Online Content to Avoid Disability Law By Scott Jaschik. "U.S. Justice Department finds that Berkeley MOOCs and YouTube content don't meet federal requirements..." https://www.insidehighered.com/news/2016/09/20/berkeley-may-remove-free-online-content-rather-complying-disability-law Essentials of Digital Accessibility By Harriette L. Spiegel. "Digital accessibility is a hot topic in higher education these days, and training faculty in creating accessible digital materials is on the mind of every instructional designer or educational technology team..." https://campustechnology.com/articles/2016/09/13/essentials-of-digital-accessibility.aspx How To Do Web Accessibility QA: Part 1 By Josh Korr. "Start by experiencing how people use a computer differently than you: with a keyboard (no mouse) and screen reader..." https://www.viget.com/articles/how-to-do-web-accessibility-qa-part-1 How To Do Web Accessibility QA: Part 2 By Josh Korr. "Introducing a simple process and template for doing a11y testing - no WCAG knowledge needed..." https://www.viget.com/articles/how-to-do-web-accessibility-qa-part-2 Terms to Avoid When Writing About Disability By National Center on Disability and Journalism (NCDJ). "NCDJ is publishing this list in conjunction with an updated style guide intended for journalists and members of the general public who are seeking the appropriate and accurate language to use when writing or talking about people living with disabilities..." http://ncdj.org/2016/09/terms-to-avoid-when-writing-about-disability-2/ +02: CASCADING STYLE SHEETS. Why There is No CSS4 - Explaining CSS Levels By Rachel Andrew. "...This post is a quick explanation of how CSS is versioned today..." https://rachelandrew.co.uk/archives/2016/09/13/why-there-is-no-css4-explaining-css-levels/ CSS Grid Meets the Real World - a login Form By Rachel Andrew. "Once CSS Grid Layout ships in browsers we will be able to use it as an enhancement to existing layout methods long before we can consider using it as our main layout tool..." https://www.rachelandrew.co.uk/archives/2016/09/20/css-grid-meets-the-real-world-a-login-form/ +03: DRUPAL. How Drupal 8 Makes Your Website More Easily Accessible (Video) By Mike Gifford. Mike Gifford, Drupal 8's Core Accessibility Maintainer, demonstrates a variety of accessibility features that Drupal 8. https://events.drupal.org/neworleans2016/sessions/how-drupal-8-makes-your-website-more-easily-accessible +04: EVALUATION & TESTING. The 7 Essentials of Successful Survey Design By Fred Van Bennekom. "Surveys are an essential tool in the UX research toolkit..." http://uxmastery.com/successful-survey-design/ Pros and Cons of Requiring Survey Responses By Jeff Sauro. "...Requiring responses increases the burden on the respondent, which in turn may lead to increased abandonment. The actual effect on survey completion rates is unclear and in some cases required responses may actually increase the response rate..." http://www.measuringu.com/blog/requiring-responses.php +05: EVENTS. How to Make the Most of CodePen with Chris Coyier September 28, 2016. Online. https://app.webinarjam.net/register/20023/787e16b0a7 UX Research at Napster: A Product Manager's Perspective September 28, 2016. Online. http://info.usertesting.com/09_2016_Webinar_SuzanneScharlock_Registration.html Digital Accessibility Lightning Talks 2016 October 5, 2016. Chicago, Illinois, U.S.A. http://www.meetup.com/a11ychi/events/229149379/ Digital Accessibility: Enabling Participation in the Information Society Starts: October 17, 2016. Online Course. https://www.futurelearn.com/courses/digital-accessibility Where Does User Experience & Accessibility Meet? October 27, 2016. Chicago, Illinois, U.S.A. http://www.meetup.com/a11ychi/events/233789692/ HTML5 Part 2: Advanced Techniques for Designing HTML5 Apps Anytime. Online. https://www.edx.org/course/html5-part-2-advanced-techniques-w3cx-html5-2x-1 +06: HTML5. HTML - from 5.1 to 5.2 By Charles McCathie Nevile. "There is a First Public Working Draft of HTML 5.2. There is also a Proposed Recommendation of HTML 5.1. What does that mean? What happened this year, what didn't? And what next?..." https://www.w3.org/blog/2016/09/html-from-5-1-to-5-2/ +07: JAVASCRIPT. Getting Started with ARIA: Crash Course 101 (PDF) By Bryan Garaventa. "ARIA stands for Accessible Rich Internet Applications, and learning how it works and how to use and recognize what it does will be a critical part of any development related position and task, especially since HTML5 now specifically maps to the ARIA spec for related control types..." http://whatsock.com/aria/101.pdf For Engineers: A Self-Paced Training Roadmap for Learning ARIA By Bryan Garaventa. "I've been doing a lot of training lately for engineers, and have built a self-paced training program that provides a comprehensive roadmap for any engineer familiar with HTML, JavaScript, and CSS to learn how to understand and utilize ARIA correctly within development..." https://www.linkedin.com/pulse/engineers-self-paced-training-roadmap-learning-aria-bryan-garaventa Quick Tip: How to Declare Variables in Javascript By Julian Motz. "In this quick tip you'll learn how to use variables and the differences between the various declarations." https://www.sitepoint.com/how-to-declare-variables-javascript/ Why We Use Progressive Enhancement to Build GOV.UK By Robin Whittleton. "...We'd like to explain why we use progressive enhancement to build GOV.UK..." https://gdstechnology.blog.gov.uk/2016/09/19/why-we-use-progressive-enhancement-to-build-gov-uk/ +08: MISCELLANEOUS. Design Thinking Builds Strong Teams By Sarah Gibbons. "Not only does design thinking foster innovation, but it also strengthens teams by creating common vocabulary and artifacts, and a trust-based team culture." https://www.nngroup.com/articles/design-thinking-team-building/ +09: NAVIGATION. Basic Patterns for Mobile Navigation By Nick Babich. "Navigation through your app should be intuitive and predictable. .." http://babich.biz/basic-patterns-for-mobile-navigation/ +10: STANDARDS, GUIDELINES & PATTERNS. What's the Next Big Thing? By Jeff Jaffe, W3C CEO. Slides from W3C Advisory Commette meeting. https://www.w3.org/2016/Talks/ac2016-Jeff/public.html?full#Cover +11: TOOLS. PAVE: Four Steps to an Accessible PDF By Accessibility Lab of the ZHAW School of Engineering. "You can use PAVE to make your PDF documents accessible and to interpret conventional reader programs correctly. It does not change the visual layout of your PDF..." http://www.pave-pdf.org/index.en.html Tiff By Mu Ye. "A type diff tool that visually contrasts the differences between two fonts..." https://tiff.herokuapp.com/ Accessible UI Components List Frameworks, Snippets, Themes, and Widgets for a Better Web W3C Editor's draft. "Information on this page is provided by vendors and others. W3C does not endorse specific products nor make assertions about their accessibility..." https://www.w3.org/blog/wai-components-gallery/ +12: USABILITY. Reducing Cognitive Overload For A Better User Experience By Danny Halarewich. "The best user experience is the one the user doesn't notice..." https://www.smashingmagazine.com/2016/09/reducing-cognitive-overload-for-a-better-user-experience/ How To Design Error States For Mobile Apps By Nick Babich. "...In this article, we'll examine how the design of apps can be optimized to prevent user errors and how to create effective error messages in cases when errors occur independently of user input..." https://www.smashingmagazine.com/2016/09/how-to-design-error-states-for-mobile-apps/ Why Dark Patterns Won't Go Away By John Brownlee. "Users hate them. They're bad for business. So why do they persist?" https://www.fastcodesign.com/3060553/why-dark-patterns-wont-go-away Designing for Voice Differs from Traditional UX By Stephanie Hay. "...Your words are raw data that teaches us what you want from us..." https://techcrunch.com/2016/08/21/designing-for-voice-differs-from-traditional-ux/ Understanding UX Strategy And How It Merges With Interface Design By Jake Rocheleau. "There's a bit of murkiness surrounding the concept of user experience..." http://www.vandelaydesign.com/understanding-ux-strategy/ Augmented Reality: What Does It Mean for UX? By Angie Li. "AR technologies can impact the user experience by decreasing interaction cost, cognitive load, and attention switching." https://www.nngroup.com/articles/augmented-reality-ux/ +13: XML. 5 Reasons SVG is the Web Designer's New Best Friend By Morten Rand-Hendriksen. "Imagine being able to add graphics to your web projects that can be controlled using JavaScript and CSS..." https://learning.linkedin.com/blog/design-tips/5-reasons-svg-is-the-web-designer-s-new-best-friend Scalable Vector Graphics (SVG) 2 W3C Candidate Recommendation 15 September 2016 By W3C. "This specification defines the features and syntax for Scalable Vector Graphics (SVG) Version 2. SVG is a language based on XML for describing two-dimensional vector and mixed vector/raster graphics..." https://www.w3.org/TR/2016/CR-SVG2-20160915/ [Section one ends.] ++ SECTION TWO: +14: 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.]