+++ WEB DESIGN UPDATE. - Volume 20, Issue 24, December 7, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 24 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: JAVASCRIPT. 07: SITES & BLOGS. 08: TOOLS. 09: USABILITY. 10: WEBWASTE & SUSTAINABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How Many People with Disabilities Use Our Site? By Hidde de Vries. "When I talk to teams about web accessibility, often someone will ask how many people with disabilities use their site(s), or some variation of that question. It's complicated, and other questions can be more helpful…" https://hiddedevries.nl/en/blog/2021-12-05-how-many-people-with-disabilities-use-our-site Which WCAG Success Criteria Apply to Mobile Accessibility? By Bureau of Internet Accessibility. "…Here's an overview of how some of the guidelines affect mobile websites and apps…" https://www.boia.org/blog/which-wcag-success-criteria-apply-to-mobile-accessibility Meeting '2.2.2 Pause, Stop, Hide' with prefers-reduced-motion By Hidde de Vries. "With prefers-reduced-motion, developers can create UIs that don't move when users opt out…" https://hiddedevries.nl/en/blog/2021-12-03-meeting-2-22-pause-stop-hide-with-prefers-reduced-motion WCAG 2.2 Updates - What Changes May Be Quickly Coming By Daniel Berryhill. "Let's go through the latest Editor’s Draft of WCAG 2.2…" https://uxdesign.cc/wcag-2-2-updates-what-changes-may-be-quickly-coming-7cbae0968bcb Video Programming Accessibility Forum - Online Closed Captioning (Video) By Federal Communications Commission. "…This Forum explored the state of closed captioning availability for online video programming and discussed ways to enhance accessibility…" https://www.youtube.com/watch?v=Skys5pfn3CQ Bag of Spanners (Video) By Léonie Watson. "…With an understanding of how accessibility mechanics work in the browser, knowledge of how to provide or polyfill accessibility semantics, and a little bit of elbow grease, you can turn your bag of spanners into a useful set of tools.…" https://2021.stateofthebrowser.com/speakers/leonie-watson/ Digital Accessibility Updates on International Day of Persons with Disabilities (IDPD) By Shawn Henry. "The United Nations (UN) observes International Day of Persons with Disabilities on 3 December. Here is an update on just a few of the things that W3C Web Accessibility Initiative (WAI) is doing to improve digital accessibility for people with disabilities around the world…" https://www.w3.org/blog/2021/12/idpd/ Simulating Visibility and Reading Performance in Low Vision By Ying-Zi Xiong, Quan Lei1, Aurélie Calabrèse, and Gordon E. Legge. "Low vision reduces text visibility and causes difficulties in reading. A valid low-vision simulation could be used to evaluate the accessibility of digital text for readers with low vision. We examined the validity of a digital simulation for replicating the text visibility and reading performance of low-vision individuals…" https://www.frontiersin.org/articles/10.3389/fnins.2021.671121/full CBD Firms Facing Lawsuits Over Website Accessibility By Hemp Industry Daily. "At least two New York CBD retailers are facing lawsuits from a legally blind shopper who says their websites violate federal law because they're not accessible to the visually impaired…" https://hempindustrydaily.com/cbd-firms-facing-lawsuits-over-website-accessibility/ Overlay False Claims By Karl Groves and Mikey Stilts. "…This resource is aimed at educating consumers about deceptive and anti-competitive behavior and to facilitate readers' potential desire to take action against the deceptive practices of overlay vendors…" https://overlayfalseclaims.com/index.html +02: CASCADING STYLE SHEETS. CSS Layout from the Inside Out (Video) By Rachel Andrew. "In this talk, discover how CSS is evolving to allow components to react to their content and immediate location in a document. We'll look at tools you can use right now and take a compelling look at what is just around the corner with container queries…" https://2021.stateofthebrowser.com/speakers/rachel-andrew/ The Fundamentals of CSS Layout Workshop (Video) By Rachel Andrew. "Learn about the key CSS layout methods of flexbox and grid. Discover how these layout methods enable responsive, content-aware designs, and how to choose the best layout method for the component you need to build…" https://www.youtube.com/watch?v=yMEjLBKyvEg CSS Custom Properties and !important By Bramus Van Damme. "In this post, I'm taking my own spin on a post originally by Stefan Judis. Doing so, it helped me to better grasp it myself and I was also able to simplify the examples. I hope you will find it helpful too…" https://www.bram.us/2021/12/04/css-custom-properties-and-important/ Part I Chapter 1 - CSS (From HTTP Archive's 2021 Web Almanac) By Eric A. Meyer and Shuvam Manna. "CSS (Cascading Style Sheets) is one of the three main pillars for building pages on the web-with HTML, used to define the structure; and JavaScript, used to specify behavior and interactions, completing the triumvirate…" https://almanac.httparchive.org/en/2021/css +03: COLOR. Why Color Contrast is Not As Black and White as it Seems By Roger Attrill. "This article takes a look at one of the most fundamental tools in the designers toolbox - the color contrast checker and why it might be problematic. I'll describe the problem, a possible upcoming improvement, and what we might be able to do to put things right - if anything…" https://medium.com/@think_ui/why-color-contrast-is-not-as-black-and-white-as-it-seems-94197a72b005 iOS Color Contrast Best Practice: Increase Contrast By Jennifer Korth. "Increase Contrast is an accessibility feature available in iOS that allows users to increase the contrast of all text and controls across their entire device…" https://www.deque.com/blog/ios-color-contrast-best-practice-increase-contrast/ +04: EVALUATION & TESTING. When to Use Context Methods: Field and Diary Studies By Kate Moran and Maria Rosala. Context methods provide an understanding of users' real-life settings and behaviors. They inform the design of products and services." https://www.nngroup.com/videos/contextual-inquiry-pitfalls/ Contextual Inquiry Pitfalls (Video) By Mayya Azarova. "Contextual inquiry is a UX research method where you shadow people as they do their job (or leisure tasks), allowing you to ask questions in context. This video provides advice on overcoming the main challenges with this method." https://www.nngroup.com/videos/contextual-inquiry-pitfalls/ +05: EVENTS. 2021 State of Accessibility Report Findings December 8, 2021. Online https://pages.diamond.la/en/webinars/diamond-webinars-registration Designer Training: Embed Accessibility in Your Style Guide December 15, 2021. Online https://learn.essentialaccessibility.com/hs/webinar/embed-accessibility-in-your-style-guide-training UX Conference January January 8-21, 2022. Online https://www.nngroup.com/training/january/ A Voice For Virtual Reality: The Advocate's Role January 18, 2022. Online https://www.meetup.com/a11yvr/events/282196531/ Web Accessibility Techniques and Testing February 1-22, 2022. Online https://events.humanitix.com/web-accessibility-techniques-and-testing-virtual-february-vision-australia-2022 WebAIM Virtual Training February 2-3, 2022. Online https://webaim.org/training/virtual/ Information Architecture Conference April 19-23, 2022. Online https://www.theiaconference.com/ +06: JAVASCRIPT. Ain't No Party Like a Third Party By Jeremy Keith. "I'd like to tell you something not to do to make your website better. Don't add any third-party scripts to your site…" https://css-tricks.com/aint-no-party-like-a-third-party/ Please Disable JavaScript To View This Site (Video) By Heydon Pickering. "This one time, I made people turn off JavaScript in their browser to view my site's content. In this talk, you will discover all the different ways this deeply upset and hurt various JavaScript engineers…" https://2021.stateofthebrowser.com/speakers/heydon-pickering/ +07: SITES & BLOGS. eSSENTIAL Accessibility Blog By Tom Babinszki. "Various articles related to accessibility, new posts a few times a month…" http://essentialaccessibility.com/blog +08: TOOLS. Google's Lighthouse Accessibility Tests Are Helpful, But Not Perfect By Bureau of Internet Accessibility. "…In this article, we'll outline a few types of accessibility barriers that Lighthouse might miss, along with a few tips for using the tool effectively…" https://www.boia.org/blog/googles-lighthouse-accessibility-tests-are-helpful-but-not-perfect +09: USABILITY. Design-Pattern Guidelines: Study Guide By Alita Joyce. "Unsure how to design and implement user-interface patterns? Use this collection of links to our content about specific patterns." https://www.nngroup.com/articles/design-pattern-guidelines/ +10: WEBWASTE & SUSTAINABILITY. Choosing Least Co2-Emitting Form of Digital Communication By Gerry McGovern. "…just because it's the heaviest option does not mean that it's the best and most effective way to communicate. Text is often far superior to images, audio or video. Choose your way to communicate intelligently and environmentally consciously. Do not be driven by fashion, misplaced cool or organizational vanity and ego. So much about modern human life is heavy on the earth. From our monstrous SUVs to our superficial, overblown communication, we extract vastly more earth resources than are needed simply because we can…" https://gerrymcgovern.com/choosing-least-co2-emitting-form-of-digital-communication/ A Sustainable Web for Everyone (Video) By Tom Greenwood. "…We'll look at some practical steps to green the web and the benefits that they bring…" https://2021.stateofthebrowser.com/speakers/tom-greenwood/ Understanding Sustainable Web Design (Video) By Tim Frick, Tom Greenwood, and Nicole Hunter. "…one-hour primer on Sustainable Web Design. Tim Frick, Tom Greenwood, and Nicole Hunter lead a discussion on how we can reduce the internet's massive environmental impact through better design and development…" https://www.youtube.com/watch?v=o-eE6qKGeIE [Section one ends.] ++ SECTION TWO: +11: 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 WebWaste & Sustainability Information. https://www.d.umn.edu/itss/training/online/webdesign/webwaste.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.]