+++ WEB DESIGN UPDATE. - Volume 18, Issue 40, April 1, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 40 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 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. How to Add Alternative Text to Facebook Photos By Deborah Edwards-Onoro. "When I was chatting with one of my friends this week about alternative text for images, I asked them if they knew they could add alt text to images on Facebook. They replied they didn’t know…" https://www.lireo.com/how-to-add-alternative-text-to-facebook-photos/ Top 5 Most Common Accessibility Annotations By Aaron Pearlman. "Measurements. They're the thing you dread at the end of your design process where you have to lean wayyyy back in your chair, pour yourself another cup of coffee, look at the ceiling and say 'Ok, let's get this over with.'…" https://www.deque.com/blog/top-5-most-common-accessibility-annotations/ Inclusive, by Design (Video) By Derek Featherstone. "…In this insightful, hour-long talk from An Event Apart DC 2019, Derek Featherstone walks you through case studies of accessibility and inclusion on the web and with apps. You'll get an inside look at the techniques he's used with clients for the last decade, and at the lessons learned that help you move towards a truly inclusive design process. Put that all together, and you'll leave with a repeatable framework for intentional inclusion in your design…" https://aneventapart.com/news/post/inclusive-by-design-aea-video The WCAG 2.2 Draft is Here: What You Need to Know By Samantha Sauld. "…On February 27, 2020, the W3C released its first public working draft of WCAG 2.2. So what does this mean for websites and mobile applications?…" https://www.3playmedia.com/2020/03/19/the-wcag-2-2-draft-is-here/ Understanding SC 1.4.12 Text Spacing By Raghavendra Satish Peri. "The intent of this success criterion is to make sure that people with low vision & cognitive challenges are provided with option to modify the spacing between characters, lines & paragraphs…" https://www.digitala11y.com/understanding-sc-1-4-12-text-spacing/ Accessibility in Video Conferencing and Remote Meetings By Becky Morris Knight. "…Here are some of the things we have learned from our experience of delivering webinars and working remotely…" https://www.drakemusic.org/blog/becky-morris-knight/accessibility-in-video-conferencing-and-remote-meetings/ Accessibility Maze By The Chang School, Ryerson University. "Game Overview: For people who do not experience barriers, it can be difficult to empathize with the challenges that people with disabilities often face when navigating the Web. The Accessibility Maze was created to help those new to web accessibility experience firsthand what it is like to encounter those barriers…" https://de.ryerson.ca/wa/maze.html The WebAIM Million By WebAIM. "A significant one-year update is now available to the WebAIM accessibility analysis of one million home pages. This update includes details on changes over the last year, accessibility differences based on page language and category, and much more." https://webaim.org/projects/million/ The History of Digital Accessibility and Why it Matters By Marissa Sapega. "…let's dive into the past and walk along the circuitous and rocky road of digital accessibility that has led us to today, starting in the United States with the Rehabilitation Act of 1973…" https://www.paciellogroup.com/the-history-of-digital-accessibility-and-why-it-matters/ Overview of NAD v. Harvard and NAD v. MIT Lawsuits By Jaclyn Leduc. "On Thursday, February 5, 2015, the National Association of the Deaf (NAD) filed a federal class-action lawsuit against the Massachusetts Institute of Technology (MIT) and Harvard University for allegedly violating U.S. accessibility laws. Please note that as of February 2020, after years of litigation, both the NAD v. Harvard and NAD v. MIT lawsuits have officially been settled by the court of law…" https://www.3playmedia.com/2020/03/25/harvard-mit-sued-captioning-violation-ada-rehabilitation-act/ COVID 19 Requires Website Accessibility Vigilance for Consumer-Facing Businesses By Richik Sarkar. "As more people are home by mandate or for public safety, online orders for groceries, sundries, and apparel are increasing exponentially. Before social distancing was required or recommended, Earnest Research estimated Instacart, Amazon, and Walmart saw at least a 65 percent online sales increase compared to the same time last year…" https://www.natlawreview.com/article/covid-19-requires-website-accessibility-vigilance-consumer-facing-businesses +02: CASCADING STYLE SHEETS. Let's Learn CSS Grid! with Rachel Andrew (Video) By Jason Lengstorf. "CSS Grid lets us create stunning layouts without adding complex markup or JavaScript…" https://www.learnwithjason.dev/let-s-learn-css-grid 4 CSS Grid Properties (and One Value) for Most of Your Layout Needs By Anna Prenzel. "…What we're going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet most of your layout needs…" https://css-tricks.com/4-css-grid-properties-and-one-value-for-most-of-your-layout-needs/ How They Fit Together: Transform, Translate, Rotate, Scale, and Offset By Dan Wilson. "…How do all these new properties interact with transform and transform-origin?…" https://danielcwilson.com/blog/2020/02/motion-path-transforms/ +03: DRUPAL. Drupal Website Accessibility in Review: Key Features & Useful Modules By WishDesk. "Thinking about how to make a website accessible, you need to know that some CMSs are accessibility-focused from the start. We mean Drupal, and we invite you on a tour of its built-in accessibility features and add-on accessibility modules…" https://wishdesk.com/blog/drupal-website-accessibility-features-and-modules +04: EVALUATION & TESTING. Remote UX Work: Guidelines and Resources By Kate Kaplan. "Even though in-person UX sessions are typically ideal, sometimes budget or travel restrictions necessitate remote UX work. This article presents guidelines for remote user research, UX workshops or presentations, and collaboration." https://www.nngroup.com/articles/remote-ux/ Quick Lit Reviews Reduce UX Research Time and Supercharge Your Design By Jolie Dobre. "A quick and dirty literature review (Lit Review) is a way to capture and synthesize information about a topic (a design problem, a new technology, an unfamiliar business area, etc.)…" https://www.uxbooth.com/articles/quick-lit-reviews-reduce-ux-research-time-and-supercharge-your-design/ Ten Things to Know About the Rite Method By Jim Lewis, PhD and Jeff Sauro. "…In 2002, Medlock et al. described a formative usability testing protocol they called RITE-Rapid Iterative Testing and Evaluation. Here are ten things to know about the RITE method…" https://measuringu.com/rite-method/ +05: EVENTS. Publishers Faceoff to Prove the Accessibility of Their Titles April 8, 2020. Online https://zoom.us/webinar/register/WN_MIOGV3kySwGR-Fo4lCN0Mw Creating Accessible Documents and Slide Decks April 13, 2020. Online https://zoom.us/webinar/register/WN_nLd4tcUqQtiPc2pHdJMlZA HalfStack New York August 14, 2020. New York, New York, U.S.A. https://halfstackconf.com/newyork/ The Right Tool for the Job: Using Accessibility Software September 28, 2020. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/Accessibility-Twin-Cities/events/268450340/ #a11yWeekTO October 19-24, 2020. Toronto, Ontario, Canada https://a11yto.com/ World Usability Congress 2020 October 20-21, 2020. Graz, Styria Austria https://worldusabilitycongress.com/ +06: HTML. Did You Know the Ordered List Element Has Start and Reversed Attributes? By Robin Rendle. "…I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute…" https://css-tricks.com/did-you-know-the-ordered-list-element-has-start-and-reversed-attributes/ +07: JAVASCRIPT. On the Responsibility That Comes with Good JavaScript Support By Jens Oliver Meiert. "…Security: JavaScript needs to be used in a secure manner… Privacy: JavaScript needs to be used in a manner respectful of users' privacy… Accessibility: JavaScript needs to be used in a way that is accessible…Performance: JavaScript needs to be used as to be fast…" https://meiert.com/en/blog/responsible-javascript/ How to Manage HTML DOM By Nguyen Huu Phuoc. "With vanilla JavaScript only?…" https://htmldom.dev/ +08: NAVIGATION. Good Abandonment on Search Results Pages By Kate Moran and Cami Goray. "Now that people can easily find answers to their questions directly on results pages, content creators must rethink their role in providing information to their users." https://www.nngroup.com/articles/good-abandonment/ Let's Focus on Slide-Out Navigation By Alicia Evans. "Slide-out navigation is everywhere. Sometimes called drawers or slide-out menus, they allow for more content to be available without taking up extra space on the screen…" https://knowbility.org/blog/2020/accessible-slide-menus/ +09: USABILITY. Slow UI: Pace Interaction to Increase Understanding By Jakob Nielsen. "Overly fast interfaces are error prone and encourage users to rush through websites and other systems. Design to reduce interaction speed and increase users' understanding and task success." https://www.nngroup.com/articles/slow-ui/ 5 Fundamentals of UX Design That Impact SEO By Tyler Tafelsky. "Unlike a decade ago when you could rank a site purely based on keywords and backlinks, nowadays, user engagement variables like bounce rate, time on site, and pages visited have all become critical ranking factors…" https://usabilitygeek.com/5-fundamentals-of-ux-design-that-impact-seo/ Critical Race Theory for HCI (PDF) By Ogbonnaya-Ogburu et al. "The human-computer interaction community has made some efforts toward racial diversity, but the outcomes remain meager…" http://www.alexandrato.com/papers/Critical_Race_Theory_for_HCI.pdf [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.]