+++ WEB DESIGN UPDATE. - Volume 14, Issue 13, September 24, 2015. 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: EVALUATION & TESTING. 04: HTML5. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. 3.2.1 On Input By Rakesh Paladugula. "Entering content into a text field or selecting an option from a form control has predictive results. This means users should be able to predict what will happen if the user activates a link, input data into a text field or select options from a form control. People with cognitive disabilities and those with low vision are likely to get distracted due to changes that occur on input..." http://www.maxability.co.in/2015/09/3-2-1-on-input/ Accessibility for E-Learning - Section 508 and WCAG By Tanya Seidel. "What are Section 508 and WCAG? How do they differ? Why should you care? What tools can you use to make your e-learning courses follow accessibility best practices and adhere to the law? ..." https://www.td.org/Publications/Blogs/Learning-Technologies-Blog/2015/09/Accessibility-for-E-Learning-Section-508-and-WCAG Higher Education Instructors: Your Untagged PDFs Are NOT Accessible By George Joeckel. "If you work at a public higher education institution and post materials online, you should be aware of two recent court cases that specifically mention a file format that you probably use: Portable Document Format (PDF)..." https://www.linkedin.com/pulse/higher-education-instructors-your-untagged-pdfs-george-joeckel?trk=hp-feed-article-title-like My Approach to Mobile Accessibility Testing By Helen Burge. "...quick summary to help clarify how I approach mobile accessibility testing, and how it only requires a few tweaks to desktop testing successfully perform audits..." http://www.ministryoftesting.com/2015/09/my-approach-to-mobile-accessibility-testing/ Progress on New Federal Electronic Instructional Materials Accessibility Legislation By Russ Poulin. "In today's blog post, we have a conversation with Jarret Cummings, EDUCAUSE's Director of Policy and External Relations. " https://wcetblog.wordpress.com/2015/09/21/cummings-accessibility-leg/ Sue Everyone By Karl Groves. "You don't want to make your ICT products & services accessible? Fine. Don't. You don't believe in the rights of persons with disabilities? Fine. Don't. But when you're sued and need help, don't say that people didn't try to get you to care about accessibility through less antagonistic means." http://www.karlgroves.com/2015/09/17/sue-everyone/ +02: CASCADING STYLE SHEETS. CSS Stacking Contexts: What They Are and How They Work By Tiffany B. Brown. "Stacking contexts are an aspect of CSS that trips up most developers..." http://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/ Great Modern CSS Conception Principles By Nicolas Hoffmann. "We have often discussed, supported and defended it : front-end development, including CSS is a centerpiece for websites and even for the Web, and this phenomenon is increasing more and more, especially with responsive websites. Nicolas Hoffmann offers for this purpose a series of no less than ten articles on modern approaches and constraints affecting CSS ." http://openweb.eu.org/articles/great-modern-css-conception-principles Using Modernizr with Flexbox By Zoe M. Gillenwater. Last week, Modernizr was updated to version 3, and with that upgrade gained some useful new tests for flexbox support. You now get four separate flexbox tests, producing eight different classes on your tag that you can use to target browsers with different levels of flexbox support. http://zomigi.com/blog/using-modernizr-with-flexbox/ Create Elegant and Responsive Bootstrap Buttons (Video) By Russ Weakley. "In this screencast, I will show you how to create elegant responsive Bootstrap buttons including overcoming white-space issues and hiding content at various screen sizes. http://www.sitepoint.com/watch-create-elegant-and-responsive-bootstrap-buttons/ Introduction to Sass - Part 1 By Steven Bradley. "CSS preprocessors have become part of many designer and developer workflows over the last few years as they help you write and maintain complex CSS code. They offer some of the features of programming languages when you want them, allowing you to ignore them when you don't..." http://vanseodesign.com/css/introduction-to-sass-part-1/ Introduction to Sass - Part 2 By Steven Bradley. "If you've never worked with Sass or another CSS preprocessor before, you might be surprised how easy they are to use. It's as easy to get started writing Sass as writing the CSS you already know..." http://vanseodesign.com/css/introduction-to-sass-part2/ +03: EVALUATION & TESTING. Recruiting the Right Participants for User Research By Janet M. Six. "In this edition of Ask UXmatters, our panel of UX experts discusses how to determine whether they have recruited the right participants to enable them to conduct effective user research." http://www.uxmatters.com/mt/archives/2015/09/recruiting-the-right-participants-for-user-research.php Guidelines for Pre-Testing Expert Reviews By Jack Josephy. "Expert reviews conducted before user testing should follow a slightly different set of rules, below I will try and outline some of these nuances." http://www.webcredible.com/blog/guidelines-pre-testing-expert-reviews/ 5 Reasons to Perform a Qualitative Study By Jeff Sauro. "...Here are five reasons to perform a qualitative study...Exploration...Complexity...Context...Explanation...Measures don't fit the problem well..." http://www.measuringu.com/blog/qualitative-study.php In-Person vs. Remote Usability Testing: A UX Design Student's Perspective By Bethany Colden. "This is the story of my experience using UserTesting to validate the design of an Android app for my final class project..." https://www.usertesting.com/blog/2015/09/22/in-person-vs-remote-usability-testing/ +04: HTML5. Use Only One
on a Page By Adrian Roselli. "That's it. That's the meat of the post. The title covers it all. You don't need to read any further. You are, of course, welcome to continue since I spent all this time writing it." http://adrianroselli.com/2015/09/use-only-one-main-on-a-page.html Avoiding Redundancy with WAI-ARIA in HTML Pages By Rafay Saeed Ansari. "Life's been easy since we've started integrating ARIA roles in HTML code. ARIA has been providing additional semantics to help assistive technologies (ATs) and making it possible for developers to enhance the usability of web applications for people with disabilities. The fundamental question remains to date - do HTML elements need ARIA role attributes to expose their semantics? In this article, I will cover this subject along with the new HTML5 structural elements with default implicit semantics that contest ARIA roles." http://www.sitepoint.com/avoiding-redundancy-wai-aria-html-pages/ +05: JAVASCRIPT. Want to learn JavaScript in 2015? By Vincent Orr. "This is a walk-through of the steps I personally took in a single year, to begin learning JavaScript..." https://medium.com/@_cmdv_/i-want-to-learn-javascript-in-2015-e96cd85ad225 +06: MISCELLANEOUS. Learning the Customer Isn't Always Right By Tim Roberts. "How I learned that I'm not just the client's developer, I'm their only source for what they should be doing on the Internet" https://medium.com/@BeardedTim/learning-the-customer-isn-t-always-right-2118892e111b +07: USABILITY. When to Hide Content Behind Forms and When to Give Content Away By Hoa Loranger. "Understand your users' intents and stage in the sales funnel before you gate content." http://www.nngroup.com/articles/content-behind-forms/ 3 Links for Designing Better Forms By Angela Obias. "Because I'm just grateful that someone shared links about long online forms with me..." https://medium.com/priority-post/3-links-for-designing-better-forms-c0301dee051e Is 40 Pixels Enough For Fat Finger Mobile UI? By Ben Gremillion. "Apple's recent Pencil product announcement has us wondering about touch targets in mobile-optimized design..." http://blog.uxpin.com/7900/is-40-pixels-enough-for-fat-finger-ui/ [Section one ends.] ++ SECTION TWO: +08: 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.]