+++ WEB DESIGN UPDATE. - Volume 21, Issue 27, December 28, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 27 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: EVENTS. 05: HTML. 06: MISCELLANEOUS. 07: TOOLS. 08: TYPOGRAPHY. 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. Be A Digital Ally: What's New in WCAG 2.2? (Video) By Jessica McKay, Melissa Green, Julieanne King, Jay McKay et al. "The Web Content Accessibility Guidelines (WCAG) is an international standard of guidelines used by developers to make sure sites and content are accessible to people with disabilities. WCAG 2.2 is currently in development and expected to be released in early 2023. This will be a high-level review of the proposed changes in the Web Content Accessibility Guidelines…" https://knowbility.org/blog/2022/be-a-digital-ally-what-s-new-in-wcag-2-2 Foundations: Target Sizes By Joe Lamyman. "A target size is the area that can be activated in order to interact with an element. For people who have dexterity issues, the smaller a target size is, the more difficult it may be to use the website…" https://tetralogical.com/blog/2022/12/20/foundations-target-size/ What is the Difference Between Alternative Text, Long Description, and Caption? By Deborah Edwards-Oñoro. "When it comes to adding images on the web, you need to consider how to make them accessible and understandable to everyone…" https://www.htmhell.dev/adventcalendar/2022/22/ How to Find and Fix the Top 3 Accessibility Issues (Video) By Sachin Gupta and Harris Schneiderman. "…We focus on the following three categories of issues: 1). Name, Role, Value (WCAG Success Criteria 4.1.2 - Missing role, state, or text for components). 2). Info and Relationships (WCAG Success Criteria 1.3.1 - conveying information, structure, and relationships). 3). Keyboard (WCAG Success Criteria 2.1.1 - all content operable through keyboard)…" https://www.youtube.com/watch?v=n7lWhSaADOI Android Accessibility: A Developers Guide By Mark Steadman. "Accessibility in the mobile space has gotten much more attention lately with the increase in accessibility features on Android…" https://dev.to/steady5063/android-accessibility-a-developers-guide-1n0m Captioning and Sign Language Interpretation in Zoom: Features and Pitfalls By Jon Whiting. "In the past couple of months, Zoom has made significant improvements to their support for captions and sign language interpreters. There are several pitfalls to be aware of…" https://webaim.org/blog/captioning-interpretation-in-zoom/ Quick Start for Evaluating and Testing Web Accessibility (Video) By Jared Smith and Jonathan Whiting. "…we're just going to share some of the tips and techniques that we find helpful…" https://www.youtube.com/watch?v=LHUmoPJgOEU The Intended Consequence of Inaccessible Digital Ads (Video) Panel moderated by Mike Paciello, featuring Jonathan Day, Joe Dolson, Ian Donahue, and Gerard Cohen. "…our topic today is the intended consequence of inaccessible digital ads … I want to underscore the theme here that it is an intended consequence it's our feeling that what's going on in the metaverse and the digital world and web and accessibility as it's -- as we all know it -- has created this intended consequence of digital advertisements that makes it inaccessible to people with disabilities…" https://www.youtube.com/watch?v=IOuOF33TOMk A Designer's Guide to Documenting Accessibility & User Interactions (Video) By Stéphanie Walter. "I'm super happy to be here today to talk about a designer's guide to documenting accessibility and user interaction…" https://www.youtube.com/watch?v=jcTTePozYbo Shop Accessible: Concrete Strategies for Procuring Accessible/Inaccessible Solutions (Video) By Corbb O'Connor. "…There's a Technical Term for Software that Doesn't Work: Broken…" https://www.youtube.com/watch?v=xz-q_0do11g Accessibility Convincing (Video) By Lainey Feingold. "Yes, I titled this talk 'Accessibility Convincing'…" https://www.youtube.com/watch?v=vcC-5VyIIKE Accessible Roots Grow A Healthy Framework (Video) By Shell Little. "…I like to start my talks with a roadmap so we're going to start with an introduction, move into the concept of growing healthy roots, and then a life cycle of a component, where it's kind of like I'm like 'I'm a bill' we're going to walk through the component life cycle and how it applies to accessibility, and then wrap up with a conclusion…" https://www.youtube.com/watch?v=ADdy7_B-6A0 Bad Performance Is Bad Accessibility By Bruce Lawson. "What is 'accessibility'? For some, it's about ensuring that your sites and apps don't block people with disabilities from completing tasks. That's the main part of it, but in my opinion it's not all of the story…" https://brucelawson.co.uk/2022/bad-performance-is-bad-accessibility/ Five Years of ADA Web and App Lawsuits - Key Observations and Trends By Jason Taylor. "…I will reflect on and use our 2022 end-of-year report to help tell a story about the booming legal landscape for ADA-based app and web accessibility lawsuits and how we got here…" https://blog.usablenet.com/five-years-of-ada-web-and-app-lawsuits-key-observations-and-trends +02: CASCADING STYLE SHEETS. User Stylesheets Are Still Pretty Great and Should Be More Widely Supported By Nick Heer. "Have you thought about your user stylesheet lately? I cannot blame you if you have not, especially if you have no idea what I mean when I write 'user stylesheet'…" https://pxlnv.com/blog/user-stylesheets-are-still-pretty-great/ CSS Color Spaces and Relative Color Syntax By Evan Sheehan. "Learn how to define color palettes that are perceptually uniform using the new Oklch color space and the relative color syntax in CSS…" https://12daysofweb.dev/2022/css-color-spaces-relative-color-syntax/ CSS Subgrid By Rachel Andrew. "With subgrid coming to all engines very soon, it's a great time to discover what this new feature of grid can do…" https://12daysofweb.dev/2022/css-subgrid/ CSS :has() By Estelle Weyl. "Learn the ins and outs of `:has()` which is the new CSS relational selector for selecting parents, siblings, and other unique combinations…" https://12daysofweb.dev/2022/css-has-selector/ 2022 CSS Updates By Stephanie Eckles. "Review (nearly) eleven exciting additions to CSS that became fully or nearly cross-browser in 2022…" https://12daysofweb.dev/2022/2022-css-updates/ Obscure CSS: Restoring Visibility By Roman Komarov. "One of the things I love about CSS is how some of the properties hide a lot of depth inside. For that reason, visibility was always one of my favorites. In this article, I will talk about one of its interesting aspects and will propose an idea: what if we would never use visibility: visible?" https://kizu.dev/restoring-visibility/ Forging Links - Web Design Engineering and CSS (Video) By Matthias Ott. "Matthias gave a talk at CSS Café about ways to close the gap between design and engineering and how to leverage what's possible with web platform features today." https://www.youtube.com/watch?v=zpKq4sbw1nQ Matthias'slides: https://noti.st/matthiasott/NAVzZQ/forging-links-web-design-engineering-and-css +03: COLOR. Images, Illustrations, and Contrast By Martin Underhill. "Adding descriptive text to images is a great way to ensure people who can't see the screen understand what the image is communicating…" https://www.tempertemper.net/blog/images-illustrations-and-contrast +04: EVENTS. Ethics of Digital Design January 12, 2023. Online https://uxpamn.org/event-5086990 THAT Conference January 15-18, 2023. Round Rock, Texas, U.S.A. https://that.us/events/tx/2023/ Assistive Technology Industry Association (ATIA) January 31-February 4, 2023. Online and Orlando, Florida, U.S.A. https://www.atia.org/atia-2023/ Audio Description Institute February 15-23, 2023. Online https://interland3.donorperfect.net/weblink/WebLink.aspx?name=E144393&id=83 Information Architecture Conference March 26-29, 2023. New Orleans, Louisiana U.S.A. https://www.theiaconference.com/ Defending Accessibility March 27, 2023. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/accessibility-twin-cities/events/286617513/ +05: HTML. Preventing Form Submission With Zero Javascript By Eric W. Bailey. "Want to trigger an action? Use a button element…" https://www.htmhell.dev/adventcalendar/2022/24/ A Theory of Web Relativity By Álvaro Montoro. "The rel attribute has the potential to take the Internet to the next level… and yet, we usually forget about it…" https://www.htmhell.dev/adventcalendar/2022/21/ A Problem with Link Relationships By Jens Oliver Meiert. "…rel has many important and useful values-see Álvaro's post-, but also (like its old counterpart, rev) many values that are notoriously difficult to maintain…" https://meiert.com/en/blog/link-relationships/ Attributes By Google Developers. "Learn about the different global attributes along with attributes specific to particular HTML elements…" https://web.dev/learn/html/attributes/ Links By Google Developers. "Everything you need to know about links…" https://web.dev/learn/html/links/ Lists By Google Developers. "Lists and other ways of grouping your content…" https://web.dev/learn/html/lists/ Navigation By Google Developers. "Navigation is a key element of any site of application, and it starts with HTML…" https://web.dev/learn/html/navigation/ Tables By Google Developers. "Understanding how to use tables to mark up tabular data…" https://web.dev/learn/html/tables/ +06: MISCELLANEOUS. ChatGPT Will Not Replace Programmers, but Search Engines Should Be Worried By Christian Heilmann. "Unless you've lived under a rock, you probably heard of ChatGPT, OpenAI wunderkind chat bot that seemingly gives answers to any problem you throw at it…" https://christianheilmann.com/2022/12/23/chatgpt-will-not-replace-programmers-but-search-engines-should-be-worried/ 07: TOOLS. HTML Size Analyzer By DebugBear. "Analyze HTML size and catch bloat like inline images, large React hydration state, or code duplication…" https://www.debugbear.com/html-size-analyzer +08: TYPOGRAPHY. The Effect of Serifs and Stroke Contrast on Low Vision Reading By Katsumi Minakata et al. "…Our findings demonstrating that typographic variables interact for low vision readers. Paradigms that manage to isolate such variables and measure the nature of their interaction should be preferred over a more traditional approach of comparing fonts of different origin.…" https://www.sciencedirect.com/science/article/pii/S0001691822003250 +09: USABILITY. It Depends (UX Slogan #14) (Video) By Sarah Gibbons. "UX design is hyper-multidimensional, with many conflicting criteria and a highly context-dependent decision process." https://www.nngroup.com/videos/it-depends-ux-slogan-14/ +10: WEBWASTE & SUSTAINABILITY. 90% of Data is Crap By Gerry McGovern. "90% of data produced and stored is not simply useless; it gets in the way of useful data. Waste data makes it harder and harder to find and make use of good data…" https://gerrymcgovern.com/90-of-data-is-crap/ [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.]