+++ WEB DESIGN UPDATE. - Volume 22, Issue 01, July 1, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 01 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: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 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. Get Started with WCAG 2.2 (Video) By TetraLogical. "Accessibility specialists Patrick H. Lauke and Graeme Coleman walk through what's new and give practical advice on how to embed WCAG 2.2 in your project development lifecycle in a sustainable way. Accessibility expert Henny Swan moderates the discussion…" The recording will be available until July 22. https://www.youtube.com/watch?v=kLYaTzwcPq8 WCAG 2.2 Removes 4.1.1 Parsing and How axe-core is Impacted By Wilco Fiers. "…Let's take a look at why this got removed, how the W3C plans to make this change, and how this impacts Deque products…" https://www.deque.com/blog/wcag-2-2-removes-4-1-1-parsing-and-how-axe-core-is-impacted/ Web Accessibility Webinar for Developers (Video) By Dennis E. Lembrée. "Join renowned web accessibility professional Dennis Lembrée for a full day of training…" https://fulldaytrainingvideos.s3.us-west-2.amazonaws.com/Web+Accessibility+Webinar+2023.mp4 Dennis' Slides (PDF): https://fulldaytrainingvideos.s3.us-west-2.amazonaws.com/INDATA_Web_A11y_Training_May2023.pdf An Introductory Guide to Understanding Cognitive Disabilities By Glenda Sims and Jennie Delisi. "…In this post, we'll explore actionable design principles that reduce mental friction for everyone." https://www.deque.com/blog/an-introductory-guide-to-understanding-cognitive-disabilities/ While this is an important document to share, it should be noted that… By Gregory J. Rosmaita. "testing with a screenreader is best done by those who use a screenreader to interact with their machine, rather than someone who is still relying on their sight, & is using the screen reader as a testing device…" https://twitter.com/oedipusnj/status/1674449110605393925 Top Tips from a Web Accessibility Evaluator at WebAIM By Alaina Foust. "…Here are a few things I've learned so far in my time as WebAIM's lead web accessibility evaluator…" https://webaim.org/blog/top-evaluation-tips/ What's Next for Higher Ed Web Accessibility with Kyle Shachmut By Ed Scoop. "On the Cutting EDge podcast, Harvard University's digital accessibility leader says that federal web accessibility standards could be coming soon and that universities shouldn't become complacent…" https://edscoop.com/radio/whats-next-for-higher-ed-web-accessibility/ The Evolution of WCAG: A Roadmap to Achieving Digital Accessibility By John Foliot. " In this article, we'll review some history of WCAG (the Web Content Accessibility Guidelines) and look ahead to anticipated changes - in both the short term and the longer term…" https://digita11y.amnet.com/blog/evolution-wcag-roadmap-to-achieving-digital-accessibility Accessibility is Officially Recognized as a Cybersecurity Priority By Justin Merhoff. "…I found that not only are cybersecurity solutions in most organizations not accessible for end users, but most tools used by cybersecurity professionals themselves also are not accessible to people with disabilities…" https://www.deque.com/blog/accessibility-is-officially-recognized-as-a-cybersecurity-priority/ How To Make Your PDFs Conform To WCAG 2.1, Part 2 By Tamara Sawyer. "This is the second article in a two-part series to help you learn how to make PDFs that conform to WCAG 2.1…" https://mn.gov/mnit/media/blog/?id=38-582030 Minnesota Global Accessibility Day Recap By Minnesota IT Services. To celebrate Global Accessibility Awareness Day (GAAD), Minnesota IT Services' (MNIT) Office of Accessibility hosted 2 virtual events. The recordings and transcripts of the events are available. https://mn.gov/mnit/media/blog/?id=38-581814 +02: CASCADING STYLE SHEETS. How to Center a Div Using CSS Grid By Fimber Elemuwa and Ralph Mason. "In this article, we'll look at five ways to horizontally and vertically center a div using CSS Grid. Of course, these centering techniques can be used on any kind of element. We've also covered how to center elements horizontally and vertically using Flexbox and positioning with transforms…" https://www.sitepoint.com/css-grid-center-element/ Cascade Layers are Useless* By Manuel Matuzović. "*if you don't understand the problems they solve and use them in combination with other solutions that tackle the same challenges albeit less elegantly and with the downside of limiting you in taking full advantage of selectors, one of the coolest features in CSS, and if you ignore the fact that they can help you organise and manage your own and third-party code…" https://www.matuzo.at/blog/2023/cascade-layers-are-useless/ State of the CSS Community (Video) By Una Kravets. Una's CSS Day 2023 presentation for CSS Day 2023 is available. https://www.youtube.com/watch?v=dkBeBxs48os Designing Voice Interfaces (Video) By Léonie Watson. "It takes more than words to design and build an effective voice interface. In this talk, Léonie will explore voice character and design, conversational user experience, APIs for generating synthetic speech in the browser and in the cloud, and techniques for manipulating the voice output including the most interesting CSS module you've never heard of…" https://www.youtube.com/watch?v=6X23I9yHqd4 +03: COLOR. Choosing a Color Palette (Video) By Kelley Gordon. "Colors in an effective color palette work together, follow your brand's color guidelines, and avoid overwhelming users." https://www.nngroup.com/videos/choosing-color-palette/ +04: EVALUATION & TESTING. How to Conduct a Heuristic Evaluation By Kate Moran and Kelley Gordon. "Step-by-step instructions to systematically review your product to find potential usability and experience problems. Download a free heuristic evaluation template." https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ Usability Test Facilitation: 6 Mistakes to Avoid (Video) By Kate Moran and Maria Rosala. "Become a better usability testing facilitator by avoiding common missteps, like asking leading questions or reacting to user behavior." https://www.nngroup.com/videos/usability-test-mistakes/ Does Thinking Aloud Uncover More Usability Issues? By Jeff Sauro and Jim Lewis. "…We continued our investigation into the effects of thinking aloud on data collected during these unmoderated studies by examining the number of problems uncovered in thinking aloud versus silent task attempts…" https://measuringu.com/does-ta-uncover-more-usability-issues/ +05: EVENTS. Introduction to Web Accessibility Now-December 31, 2023. Online https://www.edx.org/course/web-accessibility-introduction Developing a Centralized Captioning System with Utah State University July 6, 2023. Online https://go.3playmedia.com/wbnr-07-06-2023-usu Testing for WCAG 2.2 with Sarah Pulis and Julie Grundy July 11, 2023 at 1 p.m. Australian Eastern Standard Time (AEST). Online https://intopia.digital/articles/intopia-webinar-testing-for-wcag-2-2/ Accessibility in Action: Indigenous Communities with Meggan Van Harten July 26, 2023. Online https://a11ytalks.com/posts/2023-JUL/ Audio Description Institute August 14-18, 2023. Online https://www.acb.org/2023-ADI Twin Cities Drupal Camp September 14-15, 2023. Minneapolis, Minnesota, U.S.A. https://www.drupal.org/project/tcdrupal2023 Accessing Higher Ground November 6-10, 2023. Denver, Colorado, U.S.A. https://accessinghigherground.org/ +06: HTML. Under-Engineered Comboboxen? By Adrian Roselli. "…If you want a native HTML combobox, look no further than . Unless… I have wanted to use this element for years. I think in the right context and with the right audience you can. I am still holding off, however…" https://adrianroselli.com/2023/06/under-engineered-comboboxen.html Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers (Video) By Hidde de Vries. "Our design systems commonly feature components that show on top of other content: tooltips, date pickers, menus and teaching UI, to name just a few. There are many ways to build them, and new features in the web platform are about to make this a whole lot easier. You might not even need JavaScript. In this talk, you'll learn all about dialogs, including the new 'popover' attribute, 'modality' and using the top layer…" https://www.youtube.com/watch?v=XaO2mZnIOzs Hidde's Slides: https://talks.hiddedevries.nl/00ZIVb/dialog-dilemmas-and-modal-mischief-a-deep-dive-into-popovers-and-how-to-build-them +07: JAVASCRIPT. Demystifying JavaScript Operators: What Does That Symbol Mean? By James Hibbard. "In this article, we're going to examine the operators in JavaScript one by one. We'll explain their function and demonstrate their usage, helping you to grasp their role in building more complex expressions…" https://www.sitepoint.com/javascript-operators/ Using Multiple Selectors With JavaScript Selector Methods By Chris Ferdinandi. "One of my favorite vanilla JS 'tricks' is that you can pass multiple selectors into JavaScript selector methods…" https://gomakethings.com/using-multiple-selectors-with-javascript-selector-methods/ +08: MISCELLANEOUS. Disability Visibility By Rachele DiTullio. "This is the article version of a talk I gave at work to our disability business resource group…Disability is never a barrier. Design is." https://racheleditullio.com/blog/2023/06/disability-visibility/ From Barriers to Breakthroughs: A Person's Journey in Digital Accessibility By Equal Entry. "How did Thomas Logan get started in accessibility…" https://equalentry.com/digital-accessibility-journey/ +09: USABILITY. The Problem With Input Masks and What to Do Instead By Adam Silver. "…Problem #1: They're confusing… Problem #2: They may be mistaken for an actual answer… Problem #3: They make the interface feel broken… Problem #4: The format may be unfamiliar… Problem #5: They're misleading and verbose in screen readers…" https://adamsilver.io/blog/the-problem-with-input-masks-and-what-to-do-instead/ What are Deceptive Patterns? By Nomensa. "…they're a series of techniques used to override our informed decision-making process. They take advantage of human behaviour and trick us into doing something we would't usually…" https://www.nomensa.com/blog/what-are-deceptive-patterns/ Passwordless Accounts: One-Time Passwords (OTPs) and Passkeys By Raluca Budiu. "Two recent developments make login and registration much easier." https://www.nngroup.com/articles/passwordless-accounts/ +10: WEBWASTE & SUSTAINABILITY. Innovation and Efficiency Leading Us to Catastrophe By Gerry McGovern. "…Innovation is a code word for planned obsolescence. Innovators are given rights to go through as many materials and create as much waste as they want, as long as they're innovating…Every time we get an improvement in energy efficiency in a technology, we get an increase in total energy use and waste creation…" https://gerrymcgovern.com/innovation-and-efficiency-leading-us-to-catastrophe/ Sustainability Guide By SVID, Swedish Industrial Design Foundation. "The Sustainability Guide provides inspiration and knowledge by gathering information, methods and good examples of how to use design to achieve a sustainable and circular business as well as social development." https://sustainabilityguide.eu/ Quick Guide to Sustainable Design Strategies By Leyla Acaroglu. "Sustainable design is the approach to creating products and services that have considered the environmental, social, and economic impacts from the initial phase through to the end of life. EcoDesign is a core tool in the matrix of approaches that enables the Circular Economy…" https://medium.com/disruptive-design/quick-guide-to-sustainable-design-strategies-641765a86fb8 [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.]