+++ WEB DESIGN UPDATE. - Volume 15, Issue 09, August 25, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 09 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. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML5. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: TOOLS. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. It's Not Really About the Button... By Scott O'Hara. "...there were many who did not quite grasp the full significance of the example, and why placing the button inside the navigation was important..." http://www.scottohara.me/article/not-really-about-the-button.html What is Focus? (Video) By Rob Dodson. "Focus is one of the main pillars of accessibility, but it's also an area that many developers are a little fuzzy on." https://www.youtube.com/watch?v=EFv9ubbZLKw Why Web Accessibility Benefits Us All By Peter Brumby. "If you asked someone to explain 'web accessibility' most people would say it's something to do with improving the web for disabled people. But it is much more than that..." https://www.pbrumby.com/2016/08/17/why-web-accessibility-benefits-us-all/ My Slides from Abstractions By Adrian Roselli. "Slides from my talk at Abstractions, Fringe Accessibility..." http://adrianroselli.com/2016/08/my-slides-from-abstractions.html Website Accessibility: Why There's Still Work to be Done on Government Portals By Julia McCandless. "Despite major tech advances, many organizations still struggle with digital accessibility..." http://www.govtech.com/internet/Website-Accessibility-Why-Theres-Still-Work-to-be-Done.html Making Web Accessibility Great Again: Auditing the US Presidential Candidates Websites for Accessibility By Helena Zubkow and Mike Herchel. "...With one glaring exception, it's obvious that lots of thought and work had been put into making Hillary Clinton's website accessible to voters with disabilities...Unfortunately, it is also obvious that accessibility is deeply neglected within Donald Trump's website, which leaves a large swath of potential voters unable to browse to his stance on issues and other content..." https://www.lullabot.com/articles/auditing-presidential-websites-for-accessibility Disabilities Effecting Digital Accessibility in Aging Seniors By Sue Ann Rodriquez. "...The following are some techniques for making websites and web applications work better for people with disabilities as well as older users with accessibility needs due to ageing..." http://theweco.com/disabilities-effecting-digital-accessibility-in-aging-seniors/ Accessible Solutions By Adina Halter. (Hat Tip to Jennifer Sutton) "This is a collection of accessible solutions. The links take you to a page demonstrating the fully functional widget..." http://haltersweb.github.io/Accessibility/ +02: BOOKS. Lynch, Patrick J. and Horton, Sarah. Web Style Guide, 4th Edition: Foundations of User Experience Design, Yale University Press, 2016. +03: CASCADING STYLE SHEETS. Front-End Tip: Testing Component Accessibility with CSS By Mariano Miguel. "A very simple technique to bring inaccessible components to the surface before they make it into production..." https://blog.mariano.io/quick-tip-testing-component-accessibility-with-css-3c36fe1a6562 +04: COLOR. Random A11y Color Palettes By John Otander and Adam Morse. "An ongoing project to try and curate beautiful color palettes that are a11y friendly. This app generates a random palette and allows you to vote the combination up or down..." http://randoma11y.com/ Hello-Color By Brent Jackson. "Functional color palette generator..." http://jxnblk.com/hello-color/ +05: EVALUATION & TESTING. Confessions from the Usability Testing Lab By Brian Sullivan. "The usability lab can be a confessional booth for people to admit their sins, vent their frustrations, and seek advice from a neutral third party. Designers, product managers, developers, trainers, QA, and almost anyone has set up time (in the usability lab's observation room) to talk with me privately about 'project issues.'..." https://uxplanet.org/confessions-from-the-usability-testing-lab-2991a3de0650 Handling the Competing Demands of Field Studies By Jim Ross. "For three reasons, field studies are the most difficult user-research technique to master..." http://www.uxmatters.com/mt/archives/2016/08/handling-the-competing-demands-of-field-studies.php Getting Started Finding The Right Sample Size By Jeff Sauro. "...Here are five steps to help you start computing the right sample size for your study..." http://www.measuringu.com/blog/samplesize-start.php +06: EVENTS. Boston Accessibility Conference October 1, 2016. Cambridge, Massachusetts, U.S.A. http://a11y-bos.org/ New CSS Layout October 17-19, 2016. Boston, Massachusetts, U.S.A. http://www.oreilly.com/live-training/new-css-layout.html AIGA Design Conference October 17-19, 2016. Las Vegas, Nevada, U.S.A. http://designconference.aiga.org/ PHP World November 14-18, 2016. Washington, D.C., U.S.A. https://world.phparch.com/ The Open Mobile Summit 2016 November 29-30, 2016. San Francisco, California, U.S.A. http://openmobilemedia.com/san-francisco/ +07: HTML5. A Few HTML Tips By Belen Albeza. "In this article I'll share some tips and advice about HTML code..." https://hacks.mozilla.org/2016/08/a-few-html-tips/ +08: JAVASCRIPT. How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series (Part 2) By Paul J. Adam. "...Continuing our series we will build another accessible widget, a role=alertdialog Detail Message Dialog, and test what screen reader and browser combinations are supported..." http://www.deque.com/blog/aria-modal-alert-dialogs-a11y-support-series-part-2/ Aria-Controls is Poop By Heydon Pickering. "We need to talk about aria-controls..." http://www.heydonworks.com/article/aria-controls-is-poop +09: NAVIGATION. Breadcrumbs For Web Sites: What, When and How By Nick Babich. "Breadcrumbs (or breadcrumb trail) is a secondary navigation system that shows a user's location in a site or web app. The term came from the Hansel and Gretel fairy tale in which the main characters create a trail of breadcrumbs in order to track back to their house." http://babich.biz/breadcrumbs-for-web-sites-what-when-and-how/ +10: STANDARDS. 2016 W3C Internal Reorganization By W3C. "Effective after 26 September 2016." https://www.w3.org/2016/08/2016-reorg.html +11: TOOLS. Word HTML: Converting Word Documents to HTML By Deborah Edwards-Onoro. "...online site that allows you to paste the content of your Word document into an online form and quickly convert the content to clean HTML..." https://www.lireo.com/word-html-convert-word-documents-to-html/ +12: USABILITY. Why Do Pull Quotes Exist on the Web? By Jeremy Kieth. "There you are reading an article when suddenly it's interrupted by a big piece of text that's repeating something you just read in the previous paragraph. Or it's interrupted by a big piece of text that's spoiling a sentence that you are about to read in subsequent paragraphs..." https://adactio.com/journal/11102 My Head Hurts! Cognitive Friction in the Age of Mobile By Nick Kellingley. "There's nothing more annoying than when things don't function the way we expect them to..." https://www.interaction-design.org/literature/article/my-head-hurts-cognitive-friction-in-the-age-of-mobile Direct Manipulation: Definition By Samyukta Sherugar and Raluca Budiu. "Direct manipulation is an interaction style in which the objects of interest in the UI are visible and can be acted upon via physical, reversible, incremental actions that receive immediate feedback." https://www.nngroup.com/articles/direct-manipulation/ WeChat: China's Integrated Internet User Experience By Yunnuo Cheng and Jakob Nielsen. "User research finds that tightly integrated services with a wide-ranging set of convenient features, accessed through a simple and unified design, are the reason Chinese users use WeChat so much. They do so mainly through traditional GUI interactions, not a 'conversational user interface,' despite the hype." https://www.nngroup.com/articles/wechat-integrated-ux/ The New Rules of Form Design By Mike Madaio. "...modern techniques-when used correctly-allow designers to produce faster, easier, and more productive form experiences..." http://www.uxbooth.com/articles/the-new-rules-of-form-design/ [Section one ends.] ++ SECTION TWO: +13: 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.]