+++ WEB DESIGN UPDATE. - Volume 14, Issue 31, January 28, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 31 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML5. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. NFB Petition to Release the ADA Internet Regulations By Jennifer Ann Wilson. "...Internet ADA regulations were scheduled to be released this spring, but the U.S. Department of Justice has postponed that until 2018. Now, an online petition is circulating to ask the White House not to wait any longer..." http://kstp.com/news/stories/s4022227.shtml Your Signature Help for Prompt Release of ADA By Rakesh Paladugula. "...The National Federation of the Blind (NFB)External Website have filed a petition, Direct the U.S. Department of Justice to promptly release the ADA Internet regulations that need your signature. The last date for signing the petition is FEBRUARY 11, 2016..." http://www.maxability.co.in/2016/01/your-signature-help-for-prompt-release-of-ada/ The State of Hidden Content Support in 2016 By Steve Faulkner. "...All major browsers and screen readers: support the use of the hidden attribute to hide content; support the use of the CSS display:none to hide content; support the use of the aria-hidden attribute to hide visible content from screen reader users..." https://www.paciellogroup.com/blog/2016/01/the-state-of-hidden-content-support-in-2016/ The Accessibility Stack - Making a Better Layer Cake By Devon Persing. "One way to prevent avoidable issues is to approach building for accessibility the way you build a web or native app from the ground up, in a stack of technologies, where each one has its role to play..." http://simplyaccessible.com/article/the-accessibility-stack/ How to Design for Accessibility By Jamie Knight. "This guideline will introduce accessibility thinking and how to design usable experiences for everyone..." http://www.bbc.co.uk/gel/guidelines/how-to-design-for-accessibility WCAG 2.0 Checklist By Carlin Scuderi. A WCAG 2.0 checklist in Google Sheets. https://docs.google.com/spreadsheets/d/1FfclVuFW2piDJdSgkkRRQ60UjWrhaxvXpQykNSPqbgU/ Viking & Lumberjack Live - January Edition (Video) By Billy Gregory and Karl Groves. "Join the Viking & the Lumberjack with our guests Chris Hofstader and Léonie Watson to talk about cool stuff happening in Open Source accessibility, accessibility at the W3C..." https://www.youtube.com/watch?v=VroAAtBSRb4 +02: CASCADING STYLE SHEETS. Learn CSS Layout By Mikito Takada. "CSS, like the Matrix, is a system based on rules. I wrote this set of chapters to describe those rules..." http://book.mixu.net/css/ CSS Specificity is Base-Infinite By Chris Coyier. "There is a good amount of information on this site about specificity..." https://css-tricks.com/css-specificity-is-base-infinite/ Pure CSS Tab Panel By Thierry Koblentz. "Most Tab Panel widgets rely on a list of jump links followed by 'sections'. These links are styled as tabs, while the sections are styled as panels. The problem with this approach is that semantically it is not the best fit, which forces screen-reader users to create a complex mental model..." http://cssmojo.com/pure-css-tab-panel/ +03: DRUPAL. Generating an Automatic Style Guide for a Drupal 8 Theme By Andrei Zvonkov. "...Living style guides are a way to document the visual language, colour palettes, and typography of a site or application and help front-end developers transform their code into well described pattern libraries with minimal effort..." https://www.appnovation.com/blog/generating-automatic-style-guide-drupal-8-theme +04: EVALUATION & TESTING. Conducting Usability Testing with Real Users' Real Data By Amy Schade. "Qualitative user studies benefit from using participants' personal information, but asking for sensitive information requires preparation and consideration." https://www.nngroup.com/articles/users-real-data/ How to Conduct a Usability Study - Quickstart Guide to Remote Usability Testing By Ege Gorgulu. "We all know keeping your users at the core and testing consistently is crucial for any online product or service. However, that's usually easier said than done..." http://whatpixel.com/howto-conduct-usability-testing/ 7 Survey Types to Measure the Customer Experience By Jeff Sauro. "...While customer experience surveys can take on any form, it can be helpful to think of them as falling into these seven categories..." http://www.measuringu.com/blog/cux-surveys.php +05: EVENTS. SmashingConf San Francisco April 5-6, 2016. San Francisco, California, U.S.A. http://smashingconf.com/sf-2016/ Respond 2016 April 7-8, 2016. Sydney, Australia http://www.webdirections.org/respond16/ Respond 2016 April 11-12, 2016. Melbourne, Australia http://www.webdirections.org/respond16/ Lone Star PHP April 7-9, 2016. Dallas, Texas, U.S.A. http://lonestarphp.com/ Usability Week - Washington DC April 10-15, 2016 Washington DC, U.S.A. https://www.nngroup.com/training/DC/ Now What? Conference April 13-14, 2016. Sioux Falls, South Dakota, U.S.A. http://www.nowwhatconference.com/ Usability Week - Chicago April 30-May 6, 2016 Chicago, Illinois, U.S.A. https://www.nngroup.com/training/chicago +06: HTML5. Links, Buttons, Submits, and Divs, Oh Hell By Adrian Roselli. "The struggle to help developers how to understand the right HTML to use for visual buttons has been written about over and over. Yet libraries, frameworks, templates, and by extension, sites & applications still continue to get it wrong..." http://adrianroselli.com/2016/01/links-buttons-submits-and-divs-oh-hell.html How to Use the Button Element to Improve Accessibility By Rachel R. Vasquez. "I'm still here on my ongoing mission of coding accessibly. There is one HTML element that has become a huge stepping stone for me once I learned how to properly use it..." http://rachievee.com/use-button-element-improve-accessibility/ The Elements of HTML By Steve Faulkner, editor. "A list of HTML and XHTML elements, past and present..." http://w3c.github.io/elements-of-html/ +07: JAVASCRIPT. Aria-Required (property) By Rakesh Paladugula. "aria-required property is used on a form element when the user input is required on the field..." http://www.maxability.co.in/2016/01/aria-required-property/ +08: MISCELLANEOUS. Digital is the Transformation Agent, Not the Transformation By Gerry McGovern. "Digital is finally reaching a tipping point..." http://www.cmswire.com/digital-experience/digital-is-the-transformation-agent-not-the-transformation/ +09: NAVIGATION. The Crucial Role Deep Linking Should Play in Your Mobile App By Bobby Emamian. "...While most Web-site creators have mastered the art of effective hyperlinking, the mobile community has yet to catch on fully. Sure, many apps feature hyperlinks-but they're not deep links..." http://www.uxmatters.com/mt/archives/2016/01/the-crucial-role-deep-linking-should-play-in-your-mobile-app.php The Purpose of Site Maps and Other Design Deliverables By Janet M. Six. "In this edition of Ask UXmatters, our expert panel discusses the purpose of site maps..." http://www.uxmatters.com/mt/archives/2016/01/the-purpose-of-site-maps-and-other-design-deliverables.php Using ARIA Roles to Make Your Websites More Accessible By Jennifer Kyrnin. "...Learn about the most useful ARIA roles and how to include them relatively painlessly in your pages..." http://www.informit.com/articles/article.aspx?p=2464970&WT +10: TOOLS. Deque University for Android By Chris McMeeking. "Deque University helps teach about Android's Accessibility APIs by showing how they are used. Designed specifically to be used with Android's TalkBack screen reader, this app will show how different UI elements can be made accessible..." https://play.google.com/store/apps/details?id=com.dequesystems.accessibility101 Color Contrast Tools By Dennis Lembree. "Here are some tools that specifically check for color contrast accessibility issues on websites..." http://www.webaxe.org/color-contrast-tools/ Responsive Image Breakpoints Generator By Responsive Breakpoints. "Easily generate the optimal responsive image dimensions..." http://www.responsivebreakpoints.com/ +11: USABILITY. Priming and User Interfaces By Raluca Budiu. "Exposure to a stimulus influences behavior in subsequent, possibly unrelated tasks. This is called priming; priming effects abound in usability and web design." https://www.nngroup.com/articles/priming/ Cognitive Psychology and UX - The Principle of Limited Attention By User Testing. "It's physically impossible for us to pay attention to everything in our environment..." https://www.usertesting.com/blog/2016/01/21/limited-attention/ +12: XML. SVG A11y Test Cases By Charles McCathie Nevile. "Test cases for SVG accessibility, with and without ARIA..." http://svg-access-w3cg.github.io/svg-a11y-tests/index.html [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.]