+++ WEB DESIGN UPDATE. - Volume 22, Issue 11, September 5, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 11 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 & CONTRAST. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Understanding Page Structure By Daniela Marina Geli, Ellen Liebert, Laura Biray, Liz Thomas, Meenakshi Das, and Rachael Bradley Montgomery. "Pages with a clear structure and hierarchy are easy for people to understand. A good structure helps people navigate through content, find what they're looking for, and determine where they are…" https://www.ta11y.org/learning/topic?key=design.page_structure Decoding WCAG: 'Alternative for Time-based Media' and 'Media Alternative for Text' By Jon Whiting. "…An alternative for time-based media is a text-based (but not necessarily text-only) document that presents an alternative to audio, video, or multimedia. It is an appropriate alternative for audio-only content - captions are not necessary. A media alternative for text presents media that contains 'no more information' than the text content. It can be audio, video, or both…" https://webaim.org/blog/media-alternative/ WCAG 2.2 Update, August 2023 By Shawn Lawton Henry. "…We are addressing new comments that we received in August 2023. Depending how that goes, the final publication could be in September or later in 2023…" https://lists.w3.org/Archives/Public/public-wai-announce/2023JulSep/0003.html Accessibility Theater By Doug Abrams. "…Have you ever booked a flight or purchased a ticket to a movie or play? If so, you probably got to a step where you had to pick your seat. And that process involved reviewing a seating chart of the plane or theater. This is one of many ways that we experience digital representations of real-world locations. And as with anything on the web, there's a good chance that they're created without having given consideration to people with disabilities. To focus the discussion a bit, from here on I'm going to run with the example of a theater's seating chart…" https://www.tpgi.com/accessibility-theater/ Improving Customer Experience Through Digital Accessibility By Sabine Groven. "Léonie Watson, accessibility expert and director of TetraLogical, shares valuable insights on digital accessibility and its impact on customer experience, offering practical guidance for enhancing digital inclusivity." https://www.mycustomer.com/content/improving-customer-experience-through-digital-accessibility Building Accessibility Into Your Company, Team, and Culture (Video) By Sommer Panage. "We often talk about how we as individual developers can make our apps and software more accessible-how to use the correct labels, colors, keyboard shortcuts, etc. However, very few of us actually work in isolation, owning the end to end production of our own apps. Frequently, rather, we work within companies-from smaller startups to large corporations. This talk discusses what it means for a company to build an accessible product, what models exist for accessibility teams, and how you as an individual developer can go beyond your own code to bring accessibility more deeply into the culture of your workplace." https://www.youtube.com/watch?v=H8c8OVozjeE https://www.youtube.com/watch?v=sb_fhIa3PKg The Newly Proposed Updates to the Title II Regulations About Web and Mobile App Accessibility: What Are They, and How Can You Contribute? (Video) By Paul Grossman, Jamie Axelrod, Sean Keegan, Laurie Vasquez, and Ralph Black. August 30, 2023 webinar recording (Speaker and Slides - No Interpreter): https://us02web.zoom.us/rec/play/PA6DsFIYaqIhATquXDgZd4FXuP7PACL88l7Vdm0qbGOd8ZGCVVh2XZBoZDQzQ5_0ZDYyjrF1uBEkqNro.9yogJ5xGGqeh5yMx August 30, 2023 webinar recording Zoom Webinar Recording (Speaker and Interpreter - No Slides): https://us02web.zoom.us/rec/play/Njvh8drsnVSKTUc6e23XQQmCe6UC0qGbXP2jX9rSSjDL-ErnkWdOCK6aMhQCoz2M0nabnbj1pWsabG_O.0SSFNgT76ZA2ec_S Slides (PDF) https://higherlogicdownload.s3.amazonaws.com/AHEAD/38b602f4-ec53-451c-9be0-5c0bf5d27c0a/UploadedImages/WEBINAR_MATERIALS/The_DOJ_Notice_of_Proposed_Rulemaking_short_presentation_form_v4_32_.pdf AI and Accessibility Research Symposium Report By W3C Web Accessibility Initiative (WAI). Report from a January 2023 online symposium. It "…provides summaries, transcripts, and videos of the international symposium exploring the positive and negative impacts of artificial intelligence (AI) in digital accessibility." https://www.w3.org/WAI/research/ai2023/ +02: CASCADING STYLE SHEETS. State of CSS 2023 By Sacha Greif, et al. "The 2023 State of CSS survey ran from June 15 to July 15 2023, and collected 9,108 responses…This survey, along with the State of JavaScript survey, was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. As such, these surveys are focused on anticipating what's coming over the next few years…" https://2023.stateofcss.com/en-US/ Selecting the scoping Root By Manuel Matuzović. "…There are different ways of selecting the scoping root inside a @scope rule…" https://www.matuzo.at/blog/2023/100daysof-day102/ 10 Ways to Hide Elements in CSS By Craig Buckler. "There are multiple ways to hide an element in CSS, but they differ in the way they affect accessibility, layout, animation, performance, and event handling." https://www.sitepoint.com/hide-elements-in-css/ Case Study: Rebuilding TechCrunch Layout with Modern CSS By Ahmad Shadeed. "In this new article about my rebuilding a layout, I'm exploring TechCrunch. I had a quick look at it and thought it would be interesting to dive in and see how modern CSS can make things better.…" https://ishadeed.com/article/rebuilding-techcrunch-modern-css/ +03: COLOR & CONTRAST. Luminance is King! By Andrew Somers. "…Color is pretty, but luminance does all the heavy lifting. Color can help aide object recognition, but luminance holds the key to understanding the world around us…" https://www.linkedin.com/feed/update/urn:li:share:7104334044846309377/ +04: EVALUATION & TESTING. Classifying Tech Savviness Levels with Technical Activity Checklists By Jeff Sauro and Jim Lewis. "…In this article, we describe the development of a scheme using TAC scores and task completion rates to classify participants into tech-savvy groups (e.g., high, medium, low)…" https://measuringu.com/classifying-tech-savviness-levels-with-technical-activity-checklists/ +05: EVENTS. WordPress Accessibility Day 2023 September 27-28, 2023. Online https://2023.wpaccessibility.day/ Design + Accessibility Summit November 14-17, 2023. Online https://creativepro.com/design-accessibility-summit/ Blue Beanie Day November 30, 2023. Online https://en.wikipedia.org/wiki/Blue_Beanie_Day Green Digital Accessibility November 30-December 1, 2023. Online and Barcelona, Spain https://webs.uab.cat/gda/ +06: HTML. I Blame the W3C's HTML Standard for Ordered Lists [tech, soc, Patreon] By Sibylla Bostoniensis. "Over on Mastodon, I had made the comment 'CSS will always be hamstrung by HTML's toxic content/appearance paradigm', to which someone else reasonably enough asked me…" https://siderea.dreamwidth.org/1819759.html Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them By Hidde de Vries. Hidde's slides from the Front Conference Zurich Conference about the upcoming 'popover' attribute. https://talks.hiddedevries.nl/Jl79qc/dialog-dilemmas-and-modal-mischief-a-deep-dive-into-popovers-and-how-to-build-them +07: INFORMATION ARCHITECTURE. Information Architecture vs. Sitemaps: What's the Difference? By Samhita Tankala. "Information architecture is the practice of structuring, organizing, and labeling content from your website. Sitemaps are visualization tools that are used predominantly for planning purposes." https://www.nngroup.com/articles/information-architecture-sitemaps/ +08: JAVASCRIPT. How To Check If an Element Exists with Vanilla JavaScript By Chris Ferdinandi. "Earlier today, a student in my private Discord server asked for the best way to detect if an element exists or not before running more code…" https://gomakethings.com/how-to-check-if-an-element-exists-with-vanilla-javascript/ +09: MISCELLANEOUS. Is Atomic Design Dead? (Video) By Brad Frost. Brad's opening keynote for Front Conference Zurich Conference. https://www.youtube.com/watch?v=9H3tDkZU088&t=2314s Be the Browser's Mentor, Not Its Micromanager By Andy Bell. "Give the browser some solid rules and hints, then let it make the right decisions for the people that visit it, based on their device, connection quality and capabilities. This is how they will get a genuinely great user experience, rather than a fragmented, broken one. This website was the focal point of a talk, Andy Bell-the founder of Set Studio-did in 2022…" https://buildexcellentwebsit.es/ Educational Sensational Inspirational Foundational By Zach Leatherman. "A historical record of foundational web development blog posts…" https://esif.dev/ Web Applications 1.0 (Podcast) By Brian Kardell and Eric Meyer. "Igalia's Brian Kardell and Eric Meyer look back on things developing in WHATWG specs in 2004 and chat about what we've gotten and what remains outstanding. " https://www.igalia.com/chats/2004 Shining a Light on the Digital Dark Age By Adrienne Bernhard. "Without maintenance, most digital information will be lost in just a few decades. How might we secure our data so that it survives for generations?" https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/ Self-Guided Courses for Educators By Teach Access. "7 new self-guided learning modules for educators to advance their understanding of accessibility." https://teachaccess.org/accessibility-courses/ +10: NAVIGATION. Accessible Navigation By Emma Dawson. "A website navigation is a section of the page aimed at helping you find the main sections of a website…" https://accessibleweb.dev/navigation Make the Thing a Link By Allen Pike. "Thing-linking benefits all readers, but it's especially good for accessibility." https://allenpike.com/2023/make-the-thing-a-link +11: USABILITY. Things That Jakob's Law Is Not By Brian DeConinck. "A response to the misapplication of 'Jakob's Law'…" https://www.briandeconinck.com/things-that-jakobs-law-is-not/ [Section one ends.] ++ SECTION TWO: +12: 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.]