+++ WEB DESIGN UPDATE. - Volume 15, Issue 14, September 29, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 14 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. 04: EVALUATION & TESTING. 05: EVENTS. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: NAVIGATION. 09: TYPOGRAPHY. 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. A Field Guide to Web Accessibility with Derek Featherstone (Video) By Derek Featherstone. "We all know that we need to ensure that our websites are accessible. But what does that really mean? In this talk, Derek reveals learnings from working and testing with people with disabilities, and how solving these accessibility issues leads to better experiences for everyone. You'll leave with new tools to create better designs, and new techniques to create better code..." https://www.youtube.com/watch?v=gf_BrfCZT7c Fixing Outlines On Click By Alastair Campbell. "It is a small thing in someways, but it can trigger nasty effects for keyboard users: Lack of an outline (or other indicator) on links when tabbing through a web page..." https://alastairc.ac/2016/09/fixing-outlines-on-click/ Developers: Get Started with Web Accessibility By Mischa Andrews. "...here are some tips for how to get started. This guide is written for front-end web developers who are new to accessibility, and it's by no means comprehensive - but I hope it will help you start a longer journey of learning..." https://medium.com/@MischaAndrews/developers-get-started-with-web-accessibility-91bd67dea777 Google's AI is Getting Really Good at Captioning Photos By Steve Dent. "It has open-sourced an algorithm that describes images with 94 percent accuracy..." https://www.engadget.com/2016/09/23/googles-ai-is-getting-really-good-at-captioning-photos/ Web Accessibility: Make Your Company Socially Responsible By Maria C. Lima. "About 56.7 million people - 19 percent of the population - had a disability in 2010, according to a broad definition of disability, with more than half of them reporting the disability was severe, according to a comprehensive report on this population released today by the U.S. Census Bureau..." http://mclinteractive.com/web-development/accessibility-company-socially-responsible/ Faculty Response to DOJ Online Access Response By The Faculty Coalition for Disability Rights at UC Berkeley. "...Many Berkeley faculty members were very concerned with the tone and content of VC Koshland's response and wrote the attached open letter in response (full text also provided at end of this post)..." https://ucbdisabilityrights.org/2016/09/22/faculty-response-to-koshland/ DOJ vs. UC Berkeley: Forcing Online Content to Be Accessible By Tanya Roscorla. "UC Berkeley is figuring out what to do next as the U.S. Department of Justice tells it to make its online audio and video content accessible..." http://www.centerdigitaled.com/higher-ed/Web-Accessibility-Investigation-Higher-Ed.html Federal Website Lawsuits Top 100 As New Wave Of Demand Letters Hits Community Banks By Minh Vu. "The number of federal lawsuits alleging inaccessible websites continues to increase, along with the number of law firms filing them. Businesses need advice now on how to manage risk in this chaotic environment..." http://www.adatitleiii.com/2016/09/federal-website-lawsuits-top-100-as-new-wave-of-demand-letters-hits-community-banks/ +02: BOOKS. Marquis, Mat. JavaScript for Web Designers, A Book Apart, 2016. Meiert, Jens Oliver. The Little Book of Website Quality Control, O'Reilly, 2016. +02: CASCADING STYLE SHEETS. A to Z CSS By Guy Routledge. "...Welcome to our AtoZ CSS series! In this series, I'll be exploring different CSS values (and properties) each beginning with a different letter of the alphabet..." https://www.sitepoint.com/tag/atoz-css/ On CSS Accessibility & Drinking Tea By Léonie Watson. Slide deck from Léonie's Mirror Conference talk. http://ljwatson.github.io/decks/2016/mirrorconf/index.html +03: COLOR. Open Color By heeyeun. "You can use it for font, background, border etc. It contains a gray and twelve colors. All the colors considered the color blind, specifically deuteranopia and protanopia..." https://yeun.github.io/open-color/ +04: EVALUATION & TESTING. Task Performance Indicator: A Management Metric for Customer Experience By Gerry McGovern. "Measuring user experience can seem like a vague, touchy-feely process with amorphous results. Where's the value? Managers can't always get their arms around concepts like 'better' or 'simpler' or 'faster.' Gerry McGovern says that's why it's important to have a tool like the Task Performance Indicator, which gives reliable, actionable metrics that can be revisited over time." http://alistapart.com/article/task-performance-indicator-management-metric-for-customer-experience 9 Biases That Affect Survey Responses By Jeff Sauro. "...Here are 9 common biases I've documented from the literature and our experience conducting surveys to watch out for and in some cases ideas on how to fix them..." http://www.measuringu.com/blog/survey-biases.php 28 Tips for Creating Great Qualitative Surveys By Susan Farrell. "Qualitative surveys ask open-ended questions to find out more, sometimes in preparation for doing quantitative surveys. Test surveys to eliminate problems." https://www.nngroup.com/articles/qualitative-surveys/ Unit Testing Accessibility By Jakub Jedryszek. "You know that having automated test that guard against regressions always pays off in a long run..." https://dzone.com/articles/unit-testing-accessibility Beyond the Lab: Gathering Holistic, Qualitative User Experience Data By Heather Wright Karlson. "The field of User Experience is increasingly under pressure to gather qualitative data in shorter amounts of time..." http://www.uxmatters.com/mt/archives/2016/09/beyond-the-lab-gathering-holistic-qualitative-user-experience-data.php The Problem with Personas and Some Solutions By Atul Handa and Kanupriya Vashisht. "...Personas are often under utilized and, thus, ineffective..." http://www.uxmatters.com/mt/archives/2016/09/the-problem-with-personas-and-some-solutions.php +05: EVENTS. Tools and Deliverables: Methods, Guidelines, and Templates for Getting Content Strategy Right October 28, 2016. St. Paul, Minnesota, U.S.A. http://uxpamn.org/event-2338588 The ICT Accessibility Testing Symposium: Section 508, WCAG, and Beyond November 2-3, 2016. Baltimore, Maryland, U.S.A. http://ictaccessibilitytesting.org/ Accessibility Club November 7 and 10, 2016. Berlin and Nurnberg, Germany https://accessibility-club.org/ +06: INFORMATION ARCHITECTURE. 5 Information Architecture Warning Signs in Your Analytics Reports By Kathryn Whitenton and Katie Sherwin. "Analytics metrics such as pageviews, conversions, entrances, bounce rates, and search query frequency can help identify problems in your category structure." https://www.nngroup.com/articles/ia-warning-signs-analytics/ +07: JAVASCRIPT. Building Accessible Buttons with ARIA: A11y Support Series (Part 3) By Paul J. Adam. "This is a continuation of Paul J. Adam's ongoing Accessibility Support Series, where he explains how to build accessible widgets and which screen readers they're compatible with." http://www.deque.com/blog/accessible-aria-buttons/ +08: NAVIGATION. Breadcrumb Navigation: Good for Website Usability or Not? By Brandon Leibowitz. "...the fact is, breadcrumb navigation helps to increase site usability as opposed to degrading its value. It is one of the more popular methods of alternative navigation, allowing website users to recognize their hierarchy while reducing the number of steps required to reach a higher-level within the site..." http://blog.usabilla.com/breadcrumb-navigation-good-website-usability-not/ +09: TYPOGRAPHY. Methods for Controlling Spacing in Web Typography By Geoff Graham. "...There are still plenty of situations today where adjusting fonts is needed to ensure the best legibility despite having all these fancy tools. We're going to cover a few of those in this post..." https://css-tricks.com/methods-controlling-spacing-web-typography/ +10: USABILITY. Usability Testing of Inline Form Validation: 40% Don't Have It, 20% Get It Wrong By Christian Holst. "The benefits of inline form validation are numerous when implemented correctly, yet 40% of sites still don't have it, and 20% of the sites that do have flawed implementations..." http://baymard.com/blog/inline-form-validation Why a Site Redesign Should be the Last Resort By Jon MacDonald. "...In this article, I'll describe how you can save thousands of dollars by taking advantage of a smart, scientific approach to conversion optimization..." https://www.usertesting.com/blog/2016/09/23/site-redesign-last-resort/ What Is the User Experience of Content? By Augustin Kendall. "When people hear the words User Experience (UX), they usually think of visual design, front-end programming, or interface design. The User Experience Professionals Association defines UX as every aspect of a user's interaction with a product, service, or company that make up the user's perceptions of the whole. What some people forget is that the information on a site-the content-is also a huge part of UX..." https://www.portent.com/blog/content-strategy/user-experience-content.htm Understand the Social Needs for Accessibility in UX Design By Ruby Zheng. "...Here, we will look at the social need of why you should design with accessibility in mind..." https://www.interaction-design.org/literature/article/understand-the-social-needs-for-accessibility-in-ux-design +11: XML. Accessible SVGs in High Contrast Mode By Eric Bailey. "Making your SVG accessible includes adding extra steps to your workflow, but is well-worth it..." https://css-tricks.com/accessible-svgs-high-contrast-mode/ An Introduction To SVG Filters By Steven Bradley. "If I asked you to blur an image or make color adjustments to it, you'd probably reach for your favorite image or graphic editing program and rightly so. Effects like these have been created in image editors for years. However, some can now be created without the editor and through code alone..." http://vanseodesign.com/web-design/svg-filters-introduction/ [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.]