+++ WEB DESIGN UPDATE. - Volume 16, Issue 49, May 30, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 49 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: STANDARDS, GUIDELINES & PATTERNS. 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. Short Note on Getting Spaced Out with SC 1.4.12 Text Spacing By Steve Faulkner. "One of the new success criterion in WCAG 2.1 is 1.4.12 Text Spacing…" https://developer.paciellogroup.com/blog/2018/05/short-note-on-getting-spaced-out-with-sc-1-4-12-text-spacing/ Managing Focus for Accessibility By Rob Dodson. "This is a video I shot a while back, but the question comes up so often I wanted to re-share here on dev.to-plus it's a good excuse to write my first post…" https://dev.to/robdodson/managing-focus-64l Understanding SC 1.4.5 Image of Text By Sathish Kumar. "…This success criterion encourages authors to use text representations wherever possible where they have employed technologies to achieve a visual representation of the same text…" https://www.digitala11y.com/understanding-sc-1-4-5-image-of-text/ Understanding SC 2.1.1 Keyboard By Raghavendra Satish Peri. "2.1.1 Keyboard: All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints…" https://www.digitala11y.com/understanding-sc-2-1-1-keyboard/ Keep Your Labels Clean By Scott O'Hara. "Providing contextual information within a form control's associated label is a technique I've seen used to help make forms more accessible…" http://www.scottohara.me/blog/2018/05/24/keep-labels-clean.html Writing Effective Image Descriptions for Course Content (PDF) By Danielle Landry. "Image descriptions aren't complicated, but sitting down to write one makes you realize there is a little more to writing them than you think…" https://www.ryerson.ca/content/dam/lt/resources/handouts/WritingEffectiveImageDescriptions.pdf How to Tell If You Are Required to Caption Your Videos By Sofia Enamorado. "Captioning is a critical part of video accessibility. But not all organizations are required to caption (though they should still caption!)…" https://www.3playmedia.com/2018/05/30/how-to-tell-if-you-are-required-to-caption-your-videos/ Automated Lies, with One Line of Code By Karl Groves. "…Companies that claim to automatically make you 'compliant' are selling lies…" http://www.karlgroves.com/2018/05/25/automated-lies-with-one-line-of-code/ +02: CASCADING STYLE SHEETS. Getting Started With CSS Layout By Rachel Andrew. "…This guide is for you if you are fairly new to CSS and wondering what the best way to approach layout is, but also if you are an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date…" https://www.smashingmagazine.com/2018/05/guide-css-layout/ CSS Grid Eliminates Margin Collapsing?!? (Video) By Jen Simmons. "Sometimes margins smash together. Sometimes they stay separate. This is called "margin collapsing". It can be confusing. Some people wish the web never had such a thing. Well, with CSS Grid, you can make margin collapsing go away. Jen will show you how." https://www.youtube.com/watch?v=jfHNzL5h1Aw Creating The Feature Queries Manager DevTools Extension By Ire Aderinokun. "Within the past couple of years, several game-changing CSS features have been rolled out to the major browsers…" https://www.smashingmagazine.com/2018/05/feature-queries-manager-devtools-extension/ Building a Responsive Image By Nils Binder. "How to create a logo that responds to its own aspect ratio…" https://medium.com/9elements/building-a-responsive-image-e4c6229fa1f6 +03: COLOR. Why You Shouldn't Use Bright, Saturated Colors for Backgrounds By Anthony Tseng. "Are you choosing colors for your interface that strain the user's eyes?…" http://uxmovement.com/content/why-you-shouldnt-use-bright-saturated-colors-for-backgrounds/ +04: EVALUATION & TESTING. Wizard of Oz (WoZ)-A Yellow Brick Journey By John F. (Jeff) Kelley. "Since 1983, the term 'Wizard of Oz' has come into common usage in the fields of Experimental Psychology, Human Factors, Ergonomics and Usability Engineering to describe a testing or iterative design methodology wherein an experimenter (the 'Wizard'), in a laboratory setting, simulates the behavior of a theoretical intelligent computer application (often by going into another room and intercepting all communications between participant and system)…" http://uxpajournal.org/wizard-oz-woz/ Item Benchmarks for the System Usability Scale By James R. (Jim) Lewis and Jeff Sauro. "From humble beginnings, the SUS has become a valuable tool in the toolkits of usability and user experience practitioners and researchers. We have developed regression equations that compute benchmarks for SUS items based on an overall SUS score…" http://uxpajournal.org/item-benchmarks-system-usability-scale-sus/ How Similar Are UX Metrics in Moderated vs. Unmoderated Studies? By Jeff Sauro. "…is the data collected in unmoderated studies, both behavioral and attitudinal, comparable to what you get from a more traditional lab setup?…" https://measuringu.com/moderated-vs-unmoderated/ +05: EVENTS. HCI International 2018 July 15-20, 2018. Los Vegas, Nevada, U.S.A. http://2018.hci.international/ AHEAD 2018 July 16-20, 2018 Albuquerque, New Mexico, U.S.A. https://www.ahead.org/events-programming/conferences/annual-conference Design & Content Conference July 25-27, 2018. Vancouver, British Columbia, Canada https://content.design/ Sydney UX Conference July 30-August 3, 2018. Sydney, Australia https://www.nngroup.com/training/sydney/ TypeCon August 1-23, 2018. Portland, Oregon, U.S.A. http://www.typecon.com/ Web Accessibility Training August 21-22, 2018. Logan, Utah, U.S.A. https://webaim.org/training/ +06: HTML. HTML5 Controls Attribute By Rakesh Paladugula. "The controls attribute is new in HTML5. This attribute is specifically intended for HTML5