+++ WEB DESIGN UPDATE. - Volume 14, Issue 04, July 23, 2015. An email newsletter to distribute news and information about web design and development. ++ISSUE 04 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML5. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Tips for Making Web Video & Audio Accessible By Emily Griffin. "How do you tackle making your web content accessible to everyone? What about media-rich content, like videos and audio recordings?..." http://www.3playmedia.com/2015/07/13/tips-for-making-web-video-audio-accessible/ When Will Keyboards Work on the Web? By Chaals McCathie Nevile. "The story of how to use a keyboard to run a web browser has been one of pretty steady decay..." https://vivaldi.net/en-US/blogs/entry/when-will-keyboards-work-on-the-web The Principles of Design - Accessibility By Kjell Reigstad. "Not everyone who visits your blog will experience your design the same way you do..." https://dailypost.wordpress.com/2015/07/15/the-principles-of-design-accessibility/ Practicing Web Accessibility Differently By David A. Kennedy. "We make tasks, obstacles and goals harder than they are because we fear the unknown. Accessibility is no different, but you can change that perception by shining light on the unknown each day. With what you ask? What you already know..." http://davidakennedy.com/2015/07/17/practicing-web-accessibility-differently/ Anybody can be an A11y Slacker By Steve Faulkner. "There are many ways to communicate about accessible web development practices; mailing lists, forums, IRC, articles, twitter, slack and gitter etc..." http://www.paciellogroup.com/blog/2015/07/anybody-can-be-an-a11y-slacker/ Screen Readers as a Development Tool for Web Developers WebAIM Thread. "I started my inquiry on Twitter, but wanted to get more feedback on this..." http://webaim.org/discussion/mail_thread?thread=7039 A Common US and European Approach to Procurement of Accessible ICT: Reaching the Optimum Solution By Mike Pluke. "In February 2015, the US Access Board released a proposed rule updating the Section 508 Standards and the 255 Guidelines. This document compares it to the European EN 301 549 standard. It shows that the two standards are largely identical. It identifies and explains those areas where differences exist. These standards could form the basis for a common worldwide approach to the procurement of accessible ICT." https://docs.com/d/a-common-us-and-european-approach-to-procurement_DkGQZJXVlaQQTIAAXJJhGkw~M9dd81704-7176-1ef9-11ba-29adedc42076 +02: CASCADING STYLE SHEETS. Hiding Elements With CSS By Ire Aderinokun. "Being able to hide and show elements on a page is an integral part of responsive design. Depending on what you want to achieve, there are many different ways to hide an element using CSS. In this article, I explore the properties we can use to do this, and the pros and cons of each..." http://bitsofco.de/2015/hiding-elements-with-css/ Focusing on the Web Today By gauntface. "Adding a focus state to your UI is great for accessibility on desktop, devices requiring remote control input or phones with multiple input methods, i.e. a scroll ball..." https://gauntface.com/blog/2013/12/09/focusing-on-the-web-today Creating Better CSS By Jake Bresnehan. "For most web developers we are knee deep in CSS on a daily basis. This can be a good or bad thing. It really depends on the state of the CSS. A well-organised codebase can be a pleasure to work with but, generally speaking, most CSS is a complete nightmare, especially on larger projects..." https://web-design-weekly.com/2015/07/21/creating-better-css/ Use Sass Within Minutes By Jacob Gube. "...what if I told you, today, you can start using Sass within minutes? What if I told you that you could do it without ever launching your command line? You can..." http://sixrevisions.com/sass/use-sass-in-minutes/ +03: COLOR. Color is Relative - Designing for Accessibility (Video) By monotype. "What happens when the colors we pick to accentuate key tasks, relay info, and differentiate data aren't the colors the reader sees? Watch as our guest Geri Coady explains the ins and outs of color blindness; discusses its impact on UX; and offers advice on how to create beautiful and accessible designs." http://go.monotype.com/Color-July-1_Post-Webinar-Video.html +04: EVALUATION & TESTING. How To Moderate Effectively In Usability Research By Colleen Roller. "...Moderators of research studies have a tough job. They must not only facilitate sessions in such a way that the research goals are achieved, but also balance two challenges that are constantly at odds with each other: keeping the participant within the scope of the study, while allowing the participant to be in the driver's seat in order to make the experience as realistic as possible..." http://www.smashingmagazine.com/2015/07/moderating-effectively-in-usability-research/ Measuring and Modeling Customer Expectations By Jeff Sauro. "Customer expectations are closely linked to customer satisfaction and loyalty. Understanding customer expectations helps diagnose problems and leads to higher satisfaction, repeat customers, and customer referrals..." http://www.measuringu.com/blog/measuring-expectations.php +05: EVENTS. Future of Web Design San Francisco October 28-30, 2015. San Francisco, California, U.S.A. https://futureofwebdesign.com/san-francisco-2015/ Future of Web Design NYC November 2-4, 2015. New York, New York, U.S.A. https://futureofwebdesign.com/nyc-2015/ +06: HTML5. Use aria-labelledby to Provide Context to Unordered Lists By Ted Drake. "...This article is about the more pedestrian list, which happens to be labeled with an h3. With just a bit of effort, we can give our users much more contextual information when they are navigating the page via lists mode..." http://www.last-child.com/aria-labelledby-on-lists/ +07: JAVASCRIPT. The ARIA Roles Model Part 2 By Steven Bradley. "There are a lot ARIA roles, states, and properties to remember. Add in all the details of each and it's unlikely you're going to memorize all of ARIA. I suspect most of us will need to look things up more often than not. Fortunately the roles model can help us do just that..." http://www.vanseodesign.com/web-design/aria-roles-model-2/ +08: MISCELLANEOUS. Is the Internet Hurting Productivity? By Gerry McGovern. "You'd think that the massive growth of the Internet would bring with it a massive growth in productivity. But the opposite is happening..." http://www.gerrymcgovern.com/new-thinking/internet-hurting-productivity +09: NAVIGATION. Choosing ARIA Landmarks - Get Your Semantics Right By Landi Lark. "ARIA Landmarks are a key piece of the accessible experience that we design from Day 1..." http://www.pixotech.com/choosing-aria-landmarks-get-your-semantics-right/ Dropdowns Should be the UI of Last Resort By Luke Wroblewski. "All too often mobile forms make use of dropdown menus for input when simpler or more appropriate controls would work better. Here's several alternatives to dropdowns to consider in your designs and why." http://www.lukew.com/ff/entry.asp?1950 +10: TYPOGRAPHY. Web Typography 101 By Neal O'Grady. "Your quick and easy intro to typography in web design..." http://blog.webflow.com/web-typography-101 Efficient Web Type, c. 1556 By Kenneth Ormandy. "When a developer I'm working with asks, 'Why did you select that font,' they never seem to accept 'Self-preservation,' as my answer. Type designer Pierre Haultin may have actually been able to get away with this claim..." http://kennethormandy.com/journal/efficient-web-type-circa-1556 +11: USABILITY. 4 iOS Rules to Break By Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade. "Page control (dots), Submit at top, and the Plus (+) and Move icons are 4 common iOS patterns that cause usability problems in testing." http://www.nngroup.com/articles/4-ios-rules-break/ [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.]