+++ WEB DESIGN UPDATE. - Volume 18, Issue 47, May 20, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://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: JAVASCRIPT. 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. Evaluating Web Accessibility Overview (Videos) By W3C Accessibility Education and Outreach Working Group. 5 short videos that introduce evaluation resources. Thee animated videos cover: Easy Checks — A First Review of Web Accessibility, Evaluation Tools, Conformance Evaluation, including the Report Tool, and Involving Users in Web Accessibility. https://www.w3.org/WAI/test-evaluate/ Research Note on Web Accessibility Metrics By WAI at W3C. Editors Markel Vigo, Giorgio Brajnik, Joshue O Connor. "…Recently, a plethora of metrics have been released; however the validity and reliability of most of these metrics is unknown and those making use of them are taking the risk of using inappropriate metrics. In order to overcome such situation, this note provides a framework that considers validity, reliability, sensitivity, adequacy and complexity as the main qualities that a metric should have…" https://www.w3.org/WAI/RD/2011/metrics/note/ED-metrics-20120509 Accessible Images For When They Matter Most By Carie Fisher. "Creating accessible images seems like a simple topic at first glance — you just need to add alt text to an image, right? But the topic is much more nuanced than some people think. In this article, we will review the different types of images, dive into some real-world examples of inaccessible public service announcements (PSAs), and discuss which elements matter most when critical messages need to reach everyone…" https://www.smashingmagazine.com/2020/05/accessible-images/ AccessU 2020: Efficient & Effective Design, Conserving Cognitive Energy By Deborah Edwards-Onoro. "In her Efficient & Effective Design, Conserving Cognitive Energy presentation at the AccessU 2020 virtual conference on accessibility, Glenda Sims discussed how designing digital experiences for people with cognitive disabilities offers benefits for everyone…" https://www.lireo.com/accessu-2020-efficient-effective-design-conserving-cognitive-energy/ 1.2.9 - Audio Only (Live) By Luke McGrath. "Provide alternatives for live audio…" https://wuhcag.substack.com/p/129-audio-only-live Does WCAG Apply to Kiosks? By Matt Ater. "…WCAG 2.1 can be used for accessible design purposes, though it is not specifically called for by the ADA. The spirit of the ADA calls for accessible design, and WCAG 2.1 delivers…" https://developer.paciellogroup.com/blog/2020/05/does-wcag-apply-to-kiosks/ Report: COVID-19 Crisis is Driving Digital Accessibility Awareness By Deque Systems. Survey Shows Resurgence in Digital Transformation Efforts Offering Opportunity for Organizations to Become More Accessible to People with Disabilities…" https://www.deque.com/blog/covid-19-crisis-driving-digital-accessibility-awareness/ Blind Man Sues Over Flight Centre Website By Liam Walsh. "…Mahoney argues that 'by failing to make its website available in a manner compatible with computer screen reader programs, Flight Centre … deprives blind and visually-impaired individuals the benefits of its online goods, content and services'…" https://www.afr.com/rear-window/blind-man-sues-over-flight-centre-website-20200513-p54slz +02: CASCADING STYLE SHEETS. Modern CSS Solutions By Stephanie Eckles. "for Old CSS Problems…" https://moderncss.dev/ Better (More Accessible) Active Link Styling By Chris Ferdinandi. "Until this morning, I always styled the current link in my navigation menu by doing this…" https://gomakethings.com/better-more-accessible-active-link-styling/ How to Tame Line Height in CSS By Caleb Williams. "In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes…" https://css-tricks.com/how-to-tame-line-height-in-css/ Sass and clamp By Jeremy Kieth. "…the clamp() function. That allows you to set a minimum size, a default size, and a maximum size. Again, it can be used for lengths, like width, or for font-size…" https://adactio.com/journal/16887 Responsive Masonry Layout with CSS Grid + Vanilla JavaScript (resize viewport!) By Anne Tudor. https://codepen.io/thebabydino/pen/yLYppjK +03: EVALUATION & TESTING. How Well Discovery Phases Are Performed in UX Projects By Maria Rosala. "Our survey results reveal that many UX practitioners perform discoveries in some shape and form, although many are on the short side, lack user research and don't involve the right people." https://www.nngroup.com/articles/discoveries-in-industry-revealed/ Using UX Testing to Dramatically Improve Your A/B Testing Results By Natalya Diatko. "We are used to thinking of A/B split testing as a way to improve UX and increase conversions. But it's actually a two-way road…" https://usabilitygeek.com/using-ux-testing-to-dramatically-improve-your-a-b-testing-results/ The Benefits of Benchmarking Your Product's UX (Video) By Kate Moran. "Collect UX metrics to show how well your design is performing over time or relative to competitors. If numbers are down, you know what needs improvement. If up, ROI data is a key management tool." https://www.nngroup.com/videos/ux-benchmarking/ Applying In-Depth Research and Analysis to Achieve Better Outcomes By Isabelle Peyrichoux. "Over the past 20 years, two of the domains to which I have applied my research and analysis skills are UX research and career exploration. I've noticed a lot of similarities between the approaches I use in these two domains to get the most desirable and effective outcomes…" https://www.uxmatters.com/mt/archives/2020/05/applying-in-depth-research-and-analysis-to-achieve-better-outcomes.php Rating Scales: Myth vs. Evidence By Jeff Sauro and Jim Lewis. "…In this article, we'll answer some of the more common questions that come up about rating scales, examine claims by reviewing the literature, and summarize the findings from our own studies…" https://measuringu.com/ratingscales-myth-evidence/ Testing a COVID-19 Classification By Gerry McGovern. "Over 800 healthcare providers, academics, and members of the public sorted COVID-19 top tasks into groups. We analyzed the groups and came up with the following hypothetical classification…" https://gerrymcgovern.com/testing-a-covid-19-classification/ +04: EVENTS. 2020 GAAD Panel: Today's Challenges, Tomorrow's Vision May 21, 2020. Online https://zoom.us/webinar/register/5015886828017/WN_KJGUIEdWT-CwjyAoqr3i2Q A11y Bytes 2020 May 21, 2020. Online https://a11ybytes.org/bytes-2020/ Looking Back, Looking Forward - 20 Years of Digital Access May 21, 2020. Online https://events.humanitix.com/gaad-celebration What's New in Inclusion and Digital Accessibility May 21, 2020. Online http://amiroe.com/training-events/what-is-next-in-digital-inclusion-and-accessibility/ #a11yTO Camp May 23, 2020. Online https://camp.a11yto.com/ Accessible Office Documents May 26, 2020. Online https://www.accessibilityonline.org/cioc-508/session/?id=110805 Microsoft Accessibility Checkers: Helping you Create More Accessible Documents May 26, 2020. Online https://zoom.us/meeting/register/tJwpceqpqjsuG9SMcN02BuAfmDhsBK2-K7AH GAAD 2020 Wrap-Up and Lightning Talks May 27, 2020. Online https://www.meetup.com/Cleveland-Accessibility-Meetup/events/270724321/ Getting Mobile Right May 28, 2020. Online https://1904labs.com/our-insights/getting-mobile-right-webinar/ Accessible Document Design and Your Partnership with Open Access Technologies June 2, 2020. Online https://zoom.us/meeting/register/tJYrdO6qpjIsGtY4yv51vmZfoYAvsTeTygGg +05: HTML. The 25 Boolean Attributes of HTML By Jens Oliver Meiert. "…Here's a quick rundown of what makes for a Boolean attribute, and what Boolean attributes there are in current HTML…" https://meiert.com/en/blog/boolean-attributes-of-html/ Heading in the Wrong Direction By Šime Vidas. "A simple page that displays the availability of a product…" https://www.htmhell.dev/19-heading-in-the-wrong-direction/ Correct Way to Mark Up Decorative Image By Adrian Roselli. ". Technically valid way to mark up decorative images, but violates First Rule of ARIA, introduces more surface for errors: , , and …" https://twitter.com/aardrian/status/1262060354118524931 +06: JAVASCRIPT. Myth: ARIA Has Perfect Support By Eric Bailey. "…Just because you write code that uses ARIA does not mean the ARIA declarations will work as intended…" https://a11yproject.com/posts/aria-has-perfect-support/ JavaScript Features To Forget By David Flanagan. "The first demo of the language that was to become JavaScript took place almost exactly 25 years ago…" https://davidflanagan.com/2020/05/12/javascript-to-forget.html Measuring Performance Behind Consent Popups By Simon Hearne. "Opting in to cookies can load multiple megabytes of additional content. Here are tips on how to measure web performance both with and without cookie consent…" https://simonhearne.com/2020/testing-behind-consent/ +07: MISCELLANEOUS. User Agents By Jeremey Kieth. "…if making the leap to understanding users seems too much of a stretch, there's an intermediate step. Get to know how web browsers work. As a web developer, if you know what web browsers 'like' and 'dislike', you're well on the way to making great user experiences. If you understand the pain points for browser when they're parsing and rendering your code, you've got a pretty good proxy for understanding the pain points that your users are experiencing." https://adactio.com/journal/16832 The Web We Want Survey Results By Stephanie Stimac. "…To start diving into the various Wants that have been submitted, the Web We Want team is initially focusing on the 12 winning Wants from the 6 events that were run last year to start to dig into which of them are the most important problems or areas we should focus on…" https://blog.stephaniestimac.com/posts/2020/05/web-we-want-2019-survey-results/ +08: NAVIGATION. Highlight the User's Current Scope in the Main Navigation (66% of Sites Don't) By Rebecca Hugo. "…This article we'll discuss the test findings from our large-scale UX research relating to the importance of highlighting the user's current scope within the main navigation as well as…" https://baymard.com/blog/highlight-users-navigation-scope +09: USABILITY. Online Shopping for Food and Groceries During Covid-19: Workflow Issues Impact the Ecommerce Customer Experience By Raluca Budiu. "Allow users to reserve delivery windows before they start shopping; clearly communicate delivery minimums and fees; allow users to specify substitutions for low-stock items as they shop." https://www.nngroup.com/articles/food-shopping-covid19/ The Need for Speed, 23 Years Later (Video) By Kathryn Whitenton. In spite of an increase in Internet speed, webpage speeds have not improved over time. https://www.nngroup.com/articles/the-need-for-speed/ The Relationship Between User Experience and Branding By Janet M. Six. "Our panelists also explore the measurement of brand strategy utilizing KPIs and UX measurements. Plus, they consider the importance of consistency in the brand experience. Finally, our experts look at the impact that all of the touchpoints for a product's or service's user experience have on the brand experience. " https://www.uxmatters.com/mt/archives/2020/05/the-relationship-between-user-experience-and-branding.php How I Redesigned My College's Students Application For a Better User Experience - A UX Case Study By Ajinkya Gajbhiye. "In this case study, I'll be sharing my process that went into the redesign of IIT Madras' Students App…" https://uxplanet.org/how-i-redesigned-my-colleges-students-application-for-a-better-user-experience-a-ux-case-study-e0f068c34b3b What Makes a Virtual Conference Work? By Jakob Nielsen. "Most online events are boring and people tune out, and yet the Virtual UX Conference was a success with strong audience engagement and high feedback scores. Why?" https://www.nngroup.com/videos/virtual-conference-experience/ COVID-19 Exposes How Many Unemployment Websites Are Truly Terrible By Giulia L. Heyward. "From minor glitches to crashing completely, state government websites have long struggled to keep up with the rest of the internet…" https://www.huffpost.com/entry/covid-19-unemployment-websites-terrible_n_5eb5c78fc5b6dea39d55921d [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. https://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: https://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.]