+++ WEB DESIGN UPDATE. - Volume 14, Issue 34, February 17, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 34 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: COLOR. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML5. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Captions and YouTube By Dennis Lembree. "Video captions are obviously necessary for users with a hearing impairment to access the audio content..." http://www.webaxe.org/captions-and-youtube/ Supporting the Keyboard for Mobile By Devon Persing. "Keyboard support means you have the freedom to use your hardware in the way that is most efficient and effective for you, which is really the whole point of inclusive design. But how do we get to keyboard accessibility for touch interfaces?..." http://simplyaccessible.com/article/mobile-keyboard-support/ Summary - How to Apply WCAG 2.0 to Mobile Devices By Virginia DeBolt. "...4 posts published recently that distill the information from the W3C about how the guidelines and principles of WCAG 2.0 apply to mobile devices..." http://www.webteacher.ws/2016/02/16/summary-apply-wcag-2-0-mobile-devices/ Troubling Web Accessibility Trends in the U.S. By Debra Ruh. "...So why does the United States litigate so much?.." http://ruhglobal.com/2016/02/13/3779/ Stop the ADA Trolls By Chris Hofstader. "Over the past year or so, an increasingly large number of people have come to me with the suggestion that I write an article about various ADA and Section 508 related lawsuits going on around the country..." http://chrishofstader.com/stop-the-ada-trolls/ +02: COLOR. The Colour Blue is Trending Worldwide. Here's Why. By Lauren Kelly. "How did humble blue go from having no name in the antiquities to being the world's favourite and most used color?..." http://formforthought.com/rise-of-blue-in-web-graphic-design/ +03: EVALUATION & TESTING. Are Your Personas Outdated? Know When It's Right To Revise By Kim Flaherty. "Up-to-date personas result in a better UX design process. Data from 156 companies provide a baseline to understand how often to revise personas. Knowing when and how frequently to make updates will help you craft personas that are both accurate and effective..." https://www.nngroup.com/articles/revising-personas/ +04: EVENTS. HTML5 Introduction Starts April 4, 2016. Online. https://www.edx.org/course/html5-introduction-w3cx-html5-0x Web Design Day 2016 June 23-24, 2016. Pittsburgh, Pennsylvania, U.S.A. http://www.webdesignday.com/ Code 2016 Sydney July 28-29, 2016. Sydney, Australia http://www.webdirections.org/code16/ Code 2016 Melbourne August 1-2, 2016. Melbourne, Australia http://www.webdirections.org/code16/ An Event Apart Chicago August 29-31, 2016. Chicago, Illinois, U.S.A. http://aneventapart.com/event/chicago-2016 WebVisions Chicago September 21-23, 2016. Chicago, Illinois, U.S.A. http://www.webvisionsevent.com/chicago/ +05: HTML5. How to Use ARIA Effectively with HTML5 By Georgie Luhur. "ARIA stands for 'Accessible Rich Internet Applications' and can help make your website more accessible to people with disabilities..." http://www.sitepoint.com/how-to-use-aria-effectively-with-html5/ Does Placeholder Text AND aria-describedby Work on a Form Field By David MacDonald. "...at the present time I cannot advise authors to rely on BOTH aria-describedby AND placeholder text for screen reader users on Windows. Aria-describedby wins, placeholder text is usually lost to blind users in this case..." http://www.davidmacd.com/blog/test-placeholder-text-aria-describedby.html +06: INFORMATION ARCHITECTURE. Creating Content Wireframes For Responsive Design By Tom Green. "...In this post, I'll describe the methods I use to get from content to responsive wireframe - and how you can, too..." https://www.smashingmagazine.com/2016/02/create-content-wireframes-for-responsive-design/ The Three Views of (Information) Architecture By Dan Klyn. "The sitemap experience I discuss in this article was part of a client project my team has now successfully delivered..." http://www.uxbooth.com/articles/three-views-of-information-architecture/ The Pain With No Name By Abby Covert. "Twenty-five years into designing and developing for the web and we still collectively suck at information architecture." http://alistapart.com/article/pain-with-no-name +07: JAVASCRIPT. How to Toggle Aria-Expanded and other WAI-ARIA Values with JavaScript By David MacDonald. "...For all those who are not JavaScript programmers, here is some simple code to toggle the value of aria-expanded..." http://davidmacd.com/blog/toggle-aria-expanded-javascript.html +08: TOOLS. Contast-A By Annika Hamann. "The application allows users to experiment with color combinations, examine them under the aspect of accessibility guidelines and to create custom color palettes. Contrast-A checks color combinations for sufficient contrast and displays the results according to WCAG 2.0 (Luminance Ratio) as well as the results according to older accessibility guidelines, WCAG 1.0 (Difference in Brightness and Color)." http://www.dasplankton.de/ContrastA/ TestMyCSS By Luke Fender. "Optimize CSS delivery by checking for redundancy, validation errors, and following best practices..." http://www.testmycss.com/ +09: USABILITY. Mobile Websites - Mobile-Dedicated, Responsive, Adaptive, or Desktop Site? By Raluca Budiu. Different approaches to implementing mobile websites have each their advantages and disadvantages. The same mobile user-experience principles apply independent of implementation. https://www.nngroup.com/articles/mobile-vs-responsive/ [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.]