+++ WEB DESIGN UPDATE. - Volume 16, Issue 46, May 10, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 46 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: EVENTS. 05: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. AI Won't Solve Our Accessibility Problems By Mike Gifford. "…Unless evaluation is built into the workflow, you'll never know if what they are giving you actually meets the WCAG 2.0 AA requirements." https://medium.com/@mgifford/ai-wont-solve-our-accessibility-problems-5ff65490f1e2 WCAG 2.1 Implementation Report By W3C AG Working Group. "…This implementation report demonstrates how the Candidate Recommendation Exit Criteria were met…" https://www.w3.org/WAI/WCAG21/implementation-report/ Understanding SC 2.2.1 Timing Adjustable By Raghavendra Satish Peri. "For each time limit that is set by the content, at least one of the following is true…" https://www.digitala11y.com/understanding-sc-2-2-1-timing-adjustable/ CAPTCHA Question Triggers PTSD Events By Nicolas Steenhout. "In a constant effort to fight spam, a lot of sites rely on some sort of CAPTCHAs. I recently came across a CAPTCHA on Twitter that asked a question that could trigger severe reactions from torture or abuse victims…" https://incl.ca/captcha-question-triggers-ptsd-events/ Accessibility Culture By Lainey Feingold. "…This is a post about companies who talk about making it easier for disabled people to use their websites, mobile apps, and other tech. These companies have a culture of accessibility. This means that they think about including people with disabilities whenever they make something. Not just when the thing is already finished…" http://www.lflegal.com/2018/05/accessibility-culture/ The Online World at Risk of ADA Lawsuits By Kent Bernhard. "Lawsuits and enforcement actions over websites' accessibility to disabled people have swamped businesses, as well as colleges and universities over the past several years…" https://www.bizjournals.com/pittsburgh/news/2018/05/07/the-online-world-at-risk-of-ada-lawsuits.html What We're Leaving Out of the Discussion Around Inclusive Design By Kat Holmes. "Kat Holmes argues that to truly achieve inclusiveness, we need to first look at who we're excluding." https://eyeondesign.aiga.org/what-were-leaving-out-of-the-discussion-around-inclusive-design/ Seven Best Practices for Inclusive Product Design By Long Cheng. "…we're sharing our learnings and best practices we developed over the last year as we redesigned Pinterest to be more accessible for people who are blind and visually impaired…" https://medium.com/@Pinterest_Engineering/seven-best-practices-for-inclusive-product-design-9476c61f1e17 +02: CASCADING STYLE SHEETS. Display: Contents Is Not a CSS Reset By Adrian Roselli. "…Recently I have seen cases of developers using display: contents on lists and headings to remove the margins and padding, and generally to visually do what a CSS reset might do. Essentially, they are using display: contents as a quick and dirty CSS reset. This is dangerous for accessibility…" http://adrianroselli.com/2018/05/display-contents-is-not-a-css-reset.html Hot metal : Pasteup :: Floats : CSS Grid (Video) By Jen Simmons. "…History has taught us that big changes to the underlying technologies can open up new communication possibilities. This is happening again, now, on the web. Today, with CSS Grid, Flexbox and all the pieces of Intrinsic Web Design, we have the freedom to place anything anywhere on the page. What can similar transitions in the past teach us about our future?…" https://www.youtube.com/watch?v=E005mjqpZ9Y New CSS Features That Are Changing Web Design By Zell Liew. "There was a time when web design got monotonous…" https://www.smashingmagazine.com/2018/05/future-of-web-design/ The Relative Units of CSS By Adam Laki. "The units in CSS are critical as we work with these all the time. You can't build anything without using these so we must know the units properly…" https://pineco.de/the-relative-units-of-css/ CSS Grid: More Flexibility with minmax() By Michelle Barker. "It's only recently that I got around to fully appreciating the power of minmax() and how it can be such a huge helper when coding many of the layouts "…I'm required to build, so I'd like to share one way in which it's been beneficial to me…" https://codepen.io/michellebarker/post/css-grid-more-flexibility-with-minmax Overriding Default Button Styles By Chris Coyier. "There are a variety of "buttons" in HTML…" https://css-tricks.com/overriding-default-button-styles/ +03: EVALUATION & TESTING. A Beginners Guide to Finding User Needs By Jan Dittrich. "Products should not only be usable but also useful. This means they satisfy a need of the people using them. But how do you discover this? By getting to know users' motivations, activities, and problems by gathering data and finding patterns. This text teaches methods for doing this…" https://jdittrich.github.io/userNeedResearchBook/ A Guide to Interviewing Users By Sarah Khan. "…Presented here are the benefits of interviewing and how to interview users the right way so you get the most valuable information from the beginning of the design discovery phase…" http://www.uxbooth.com/articles/a-guide-to-interviewing-users/ Check Analytics Data Before You Wreck UX Priorities (Video) By Aurora Harley. "Analytics data can help supplement observations made during usability studies by providing evidence on the severity and generalizability of the issues observed." https://www.nngroup.com/videos/analytics-data-ux-priorities/ Setting Metric Targets in UX Benchmark Studies By Jeff Sauro. "A common question we receive when conducting benchmark studies is what to set the metric targets to. That is, what values should organizations aim for in their next benchmark? While it depends a bit on the context and consequences of the experience (and the metric itself), here are the target options I discuss that provide reasonable goals." https://measuringu.com/benchmark-target/ +04: EVENTS. Chicago Code Camp June 9, 2018. Chicago, Illinois, U.S.A. https://www.chicagocodecamp.com/ Assistive Technology and Testing with Assistive Technology June 20, 2018. Online. http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=524 Web Accessibility Training June 26-27, 2018. Logan, Utah, U.S.A. https://webaim.org/training/ +05: HTML. HTML5 Constraint Validation By Drew McLellan. Drew's BristolJS presentation slides. https://noti.st/drewm/gtpJmm/html5-constraint-validation +06: INFORMATION ARCHITECTURE. Priority Guides: A Content-First Alternative to Wireframes By Heleen van Nues, Lennart Overkamp. "The sirens' song of wireframe visuals has been the thorn in the side of many a design project. With potential to undermine user-centricity, reduce team engagement, and limit creativity when it's most needed, wireframes can bite the unwary. In this article, Heleen van Nues and Lennart Overkamp discuss an alternative that's far more in tune with today's content-first, responsive design ethos, whether used as a direct replacement or to help tame wireframes' wilder side early in a project's life." http://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes +07: JAVASCRIPT. Know your ARIA: 'Hidden' vs 'None' By Scott O'Hara. "A primer on appropriately using aria-hidden="true" and role="none/presentation". They each do very different things to elements, but their purposes are sometimes confused by developers…" http://www.scottohara.me/blog/2018/05/05/hidden-vs-none.html I Used The Web For A Day With JavaScript Turned Off By Chris Ashton. "This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user…" https://www.smashingmagazine.com/2018/05/using-the-web-with-javascript-turned-off/ +08: MISCELLANEOUS. Taking Back The Web (Video) By Jeremy Keith. "In these times of centralised services like Facebook, Twitter, and Medium, having your own website is downright disruptive. If you care about the longevity of your online presence, independent publishing is the way to go. But how can you get all the benefits of those third-party services while still owning your own data? By using the building blocks of the Indie Web, that's how…" https://vimeo.com/265121482 Designing for Everyone: Building great web experiences for any device (Video) By Aaron Gustafson. "…In this session, Aaron Gustafson will help you think about user experience from its foundation, so you understand what it means to build adaptive web experiences - whether in an app, in a browser, or beyond. We'll show you some of the newest capabilities coming to Microsoft Edge that let you build differentiated experiences on Windows 10. You'll walk away practical, cross-platform code examples you can put to use in your projects today, and foundational principles to ensure that your projects are ready for anything…" https://www.youtube.com/watch?v=Gx1dLoqadRc +09: USABILITY. Annoying Online Ads Do Cost Business By Jakob Nielsen. "Increased advertising caused a 2.8% drop in use of an Internet service. The full magnitude of the lost business was only clear after a full year." https://www.nngroup.com/articles/annoying-ads-cost-business/ Skeuomorphic Design: Don' t Apply It Blindly (Video) By Bruce "Tog" Tognazzini. "When using skeuomorphic design, apply aspects of the real-world counterpart that are useful, and leave out the drawbacks." https://www.nngroup.com/videos/skeuomorphic-design-tog/ How the Progress Bar Keeps You Sane [TED Video] By Deborah Edwards-Onoro. "…As science and culture journalist Daniel Engber explains in his three-minute TED video, it doesn't really matter whether the percent done indicator in a progress bar is giving you the correct percentage done. What matters is that the progress bar exists…" https://www.lireo.com/how-progress-bar-keeps-you-sane-video/ [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.]