+++ WEB DESIGN UPDATE. - Volume 15, Issue 38, March 16, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 38 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. 02: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML5. 07: MISCELLANEOUS. 08: NAVIGATION. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What Comes After WCAG 2.1? By Shawn Lauriat, Jeanne Spellman, Michael Cooper, and Andrew Kirkpatrick. CSUN presentation slides from March 2, 2017. https://docs.google.com/presentation/d/1YjaxD3qNAUV0dcx485AyEpq5RY_WpXgFk27TozDbPM8/ Keyboard Interaction for Disabled Elements By Rakesh Paladugula. "In many contexts few elements on the screen are in disabled mode. The question often araises is 'Do these disabled elements need keyboard focus?'..." http://www.maxability.co.in/2017/03/ekeyboard-interaction-for-disabled-elements/ My Audio Description Talk @ CSUN By Terrill Thompson. "At CSUN 2017 I opened the conference on Wednesday morning with a presentation on audio description..." http://terrillthompson.com/blog/813 UC Berkeley Decision Results in Universal Inaccessibility By Cyndi Rowland. "...Sadly, they missed an opportunity to deepen their disability commitment, as well as their leadership role in higher education." http://webaim.org/blog/uc-berkeley-inaccessibility/ ITIF: 92% of Top Federal Websites Fail to Meet Security, Speed, Accessibility Standards By Ramona Adams. "A new study from the Information Technology and Innovation Foundation says 92 percent of the U.S. federal government's most popular websites do not meet basic standards for security, speed, mobile friendliness or accessibility..." https://www.executivegov.com/2017/03/itif-92-of-top-federal-govt-websites-fail-to-meet-security-speed-accessibility-standards/ Using the Law as a Tool to Advance Digital Accessibility By Rishi Agrawal. "...the presenters emphasized that the best way to continue to make progress is a proactive, robust accessibility program." http://www.ssbbartgroup.com/blog/using-law-tool-advance-digital-accessibility/ Accessibility Standards Get a Much-Needed Refresh By Andrew Kirkpatrick. "The last time the federal government updated its accessibility standards for electronic and information technology 'Shrek' was dominating the U.S. box office and the Supreme Court was ruling on 'hanging chads' in the Florida recount 16 years ago..." http://blogs.adobe.com/accessibility/2017/03/accessibility-standards-get-a-much-needed-refresh.html Prepare Now for Upcoming Website Accessibility Mandates By Ashley Fruechting. "...It's about how content is written. It's about captioning videos. And it's about using content headers properly..." https://gcn.com/articles/2017/03/07/website-accessibility.aspx WCAG 2.0 and What it Means for School Website ADA By Steve Williams. "If you are like most public schools across the country, website accessibility and ADA compliance has become a focus due to an increase in the Office for Civil Rights (OCR) complaints, investigations and even lawsuits. Schools can no longer just have a website that serves common computers and browsers, but now has to ensure all online information is accessible for everyone - including those with disabilities..." https://www.campussuite.com/wcag-2-0-means-school-website-ada-compliance/ Slides: CSUN 2017: Sidestepping Ableist Language By Ashley Bischoff. https://www.paciellogroup.com/blog/2017/03/slides-csun-2017-sidestepping-ableist-language/ CSUN17 Review By Dennis Lembree. http://www.webaxe.org/csun17-review/ CSUN 2017 Megalist of Presentation Resources for Digital Professionals By Dennis Deacon. http://www.dennisdeacon.com/web-design/accessibility/csun-2017-megalist-presentation-resources-digital-professionals/ +02: BOOKS. Geisen, Emily and Bergstrom. Usability Testing for Survey Research, Morgan Kaufmann, 2017. (Hat tip to Jennifer Sutton) Meyer, Eric. A. and Weyl, Estelle. Cascading Style Sheets : The Definitive Guide, O'Reilly & Associates, 2017. +03: CASCADING STYLE SHEETS. Golden Guidelines for Writing Clean CSS By Tiffany Brown. "As mentioned, there are some rules for writing clean CSS that you should try your best to avoid breaking. They'll help you write CSS that is lightweight and reusable..." https://www.sitepoint.com/golden-guidelines-for-writing-clean-css/ Learn About CSS Architecture - Atomic CSS By Tiffany Brown. "If BEM is the industry darling, Atomic CSS is its rebellious maverick..." https://www.sitepoint.com/atomic-css/ How to Order and Align Items in Grid Layout By Nitish Kumar. "In this tutorial, you will learn how to control the order in which items are placed using the Grid Layout module. After that, we will discuss how to control the alignment of different items in the grid..." https://www.sitepoint.com/order-align-items-grid-layout/ Grid Inspection By Eric A. Meyer. "I said yesterday I would write up the process of adding Grid to meyerweb, and I did. I started it last night and I finished it this morning, and when I was done with the first draft I discovered I'd written almost four thousand words..." http://meyerweb.com/eric/thoughts/2017/03/08/grid-inspection/ Getting Grid By Eric A. Meyer. "That converting-meyerweb-to-Grid article I've mentioned previously is still coming along..." http://meyerweb.com/eric/thoughts/2017/03/14/getting-grid/ Chrome 57 - Grid Based Layouts, Media Session API and More (Video) By Pete LePage. "With Chrome 57, you can now use display: grid for grid based layouts, use the media session API to customize the lock screen and notifications with information about the media being played and more..." https://www.youtube.com/watch?v=57Scec2XPd0 +04: EVALUATION & TESTING. WCAG 2.1 - What Challenges Face Accessibility Auditors? By Matthew Putland. "The first WCAG 2.1 draft has finally been released! But what could the current changes mean for people with disabilities and web accessibility auditors? Media Access Australia's Senior Digital Accessibility Analyst, Matthew Putland, investigates..." http://www.accessiq.org/news/news/2017/03/wcag-21-what-challenges-face-accessibility-auditors How Would you Design a Spice Rack for Blind People? By Mark Walmsley. "...The best answer I ever heard is at the end of this post." https://www.linkedin.com/pulse/how-would-you-design-spice-rack-blind-people-mark-walmsley-1 OATMEAL - Accessibility Testing for the Web By eBay. "The Open Accessibility Testing Methods for Experts And Layfolk were created with two goals in mind." https://ebay.gitbooks.io/oatmeal/ Use WAVE Tool to Test Web Pages for Accessibility By George Williams. "...A browser-based, accessibility-checking tool that I've always liked is the WAVE Accessibility Extension, available for Firefox and for Chrome..." http://www.chronicle.com/blogs/profhacker/use-wave-tool-to-test-web-pages-for-accessibility/63744 +05: EVENTS. Festival of the Web April 2-9, 2017. Perth, Australia http://www.festivaloftheweb.com.au/ IUE2017 Conference April 24-25, 2017. Ann Arbor, Michigan, U.S.A. http://iueconference.com/ Now What? Conference April 26-27, 2017. Sioux Falls, South Dakota, U.S.A. http://2017.nowwhatconference.com/ Peers Conference April 26-28, 2017. Seattle, Washington, U.S.A. http://peersconf.com/ UX Scotland June 7-9, 2017. Edinburgh, Scotland, United Kingdom http://uxscotland.net/2017/ +06: HTML5. Linting HTML Using CSS By Ire Aderinokun. "When HTML is written incorrectly, nothing much happens. Because of this, it's easy to have invalid, unsemantic, or unaccessible bits in markup without it being obvious..." https://bitsofco.de/linting-html-using-css/ +07: MISCELLANEOUS. In AMP We Trust By Jeremy Keith. "AMP Conf was one of those deep dive events, with two days dedicated to one single technology: AMP..." https://adactio.com/journal/12011 World Wide Web, Not Wealthy Western Web (Part 2) By Bruce Lawson. "...there are other challenges to surmount, such as ways to get over creaky infrastructure in developing markets (which can be done with stopgap technological solutions, such as proxy browsers), and we'll also look at some of the reasons why some of the offline billions remain offline, and what can be done to address this..." https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-2/ Design Sprints Are Snake Oil By Erika Hall. "So, no matter what your problem is, I suggest starting from a set of goals, rather than a specific solution, no matter how appealing it sounds. Consider the larger context as well as the issue at hand..." https://medium.com/research-things/design-sprints-are-snake-oil-fd6f8e385a27 +08: NAVIGATION. 43% of Sites Have Severe 'Flickering' Issues for Their Main Drop-Down Menu By Christian Holst. "...For something as important as the site's main navigation, using either a basic hover delay or the more ideal Mouse Path Analysis is required to attain a good performance for any hover-based drop-down menu where users can otherwise experience 'flickering' issues by accidentally hovering sibling parent categories." https://baymard.com/blog/dropdown-menu-flickering-issue How to Get Started With Customer Journey Mapping By Paul Boag. "Customer journey mapping has become a popular tool among user experience professionals..." https://blog.optimalworkshop.com/how-to-get-started-with-customer-journey-mapping +09: USABILITY. Caroline Jarrett Discusses Forms, Surveys and the Need to be Brave By Damian Rees. "In our latest UX Insider interview, I met up with Caroline Jarrett from Effortmark, to talk about forms and tap into her knowledge on how to formulate the right questions..." http://www.experienceux.co.uk/ux-blog/2017/03/09/ux-insider-interview-caroline-jarrett-discusses-forms-surveys-need-brave/ Flat-Design Best Practices By Kate Meyer. "Flat designs often suffer from usability problems and cause click uncertainty because of lost signifiers. Avoid these negative side effects by consistently and clearly differentiating between clickable and unclickable elements." https://www.nngroup.com/articles/flat-design-best-practices/ How to Make Your App Lovable By Enchant. "A decent app helps you get the job done. A good app helps you get it done faster. A great app, however, makes it effortless... and those apps, the ones that make things feel effortless, are the ones we love the most." https://www.enchant.com/blog/app-clarity Accounting for UX Work with User Stories in Agile Projects By Page Laubheimer and Hoa Loranger. "To make UX activities visible, break user stories into UX and development subtasks, add UX to Kanban boards, and include UX acceptance criteria and story points." https://www.nngroup.com/articles/ux-user-stories/ The Surreal Crazy, Crazy World of Branding By Gerry McGovern. "...Digital makes it harder and harder to control the customer journey. Much better to give the customer more and more control." http://gerrymcgovern.com/the-surreal-crazy-crazy-world-of-branding/ [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.]