+++ WEB DESIGN UPDATE. - Volume 22, Issue 24, December 6, 2023. 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 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 to Test 3.3.7 Redundant Entry By James Edwards. "Success Criterion 3.3.7 Redundant Entry is about preventing users from having to re-enter duplicate information, within the same process, in order to reduce cognitive loadÉ" https://www.tpgi.com/how-to-test-3-3-7-redundant-entry/ Understanding SC 3.3.8 - Accessible Authentication Method (Minimum) By Sathish Kumar. "ÉThe intent of this success criterion is to ensure websites and apps provide authentication methods to log in that are easy to use, accessible and secureÉ" https://www.digitala11y.com/understanding-sc-3-3-8-accessible-authentication-method-minimum/ Web Chat Accessibility Considerations By Craig Abbott. "ÉIn this post, I'm going to cover in detail which of the Web Content Accessibility Guidelines (WCAG) you're going to need to consider, and some examples of how you can use advanced attributes to give screen reader users the best possible experienceÉ" https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/ How to Use Chrome's Accessibility Tree By Whitney Lewis. "ÉChrome's accessibility tree can help developers debug issues and quickly check custom widgets for accessibilityÉ" https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/ Naming Form Controls with the Label Element recommends incorrect technique (Bug) By Jon Gibbins. "On the Providing Accessible Names and Descriptions practices page under the heading Naming Form Controls with the Label Element, the text describes two techniques, commonly known to accessibility professionals as implicit and explicit labelingÉ" https://github.com/w3c/aria-practices/issues/2870 Accessibility is Leadership By David A. Kennedy. "Accessibility can wear you down fastÉ" https://davidakennedy.com/blog/accessibility-is-leadership/ Accessibility Overlays Often Fail to Improve Accessibility By Bogdan Cerovac. "I would like that accessibility is the default, just there, without effort. Just fixed for all of us. But it's not yet possible. Probably never will be. And when I try to be open minded and try to use a feature of accessibility overlay and it just fails, not one but two features, under two minutes, on an important page for people with disabilities, then I had to write about it. And even make a video of itÉ" https://cerovac.com/a11y/2023/12/accessibility-overlays-often-fail-to-improve-accessibility/ VPATs Updated with WCAG 2.2 By Information Technology Industry Council (ITI). "ÉVPAT 2.5 WCAG: WCAG 2.2 or ISO/IEC 40500 (equivalent to WCAG 2.0), WCAG2.1, and WCAG 2.2 W3C/WAI's recently updated Web Content Accessibility GuidelinesÉ" https://www.itic.org/policy/accessibility/vpat Legal Update: November 2023 By Ken Nakata. "ÉJocelyn Colon could not order beauty supplies from the website of HY Supplies because the website was not accessible to her screen reader and she filed a lawsuit against the companyÉ" https://convergeaccessibility.com/2023/12/04/legal-update-november-2023/ Innovative Fraud Whistleblower Suit in Website Case Produces Multimillion-Dollar Damages Settlement and Remediation Plan By Timothy Elder. "ÉWe hope that this public settlement, which requires the defendants who developed the website to fix the access barriers on the website and pay over $2 million in damages and attorneys' fees, sends a strong message to the website development community. This situation likely could have been avoided if even the most basic degree of manual testing by people with disabilities using assistive technology had been conducted in the early stages of system functional testing by the contractorsÉ" https://trelegal.com/posts/innovative-fraud-whistleblower-settlement/ DOJ's Proposed Web and Mobile App Accessibility Regulations: An Overview By Katie Branson. "Éthis article summarizes the core components of the NPRM and the feedback submitted by EDUCAUSEÉ" https://er.educause.edu/articles/2023/11/dojs-proposed-web-and-mobile-app-accessibility-regulations-an-overview +02: CASCADING STYLE SHEETS. The Difference Between Nesting an @layer in @media and @container Query (Video) By Manuel Matuzovic. "With the help of @mia and @boldewyn I tried to explain to myself the difference between nesting a cascade layer in a @media and @container query, and I recorded itÉ" https://vimeo.com/889000568?share=copy Oh No, Overflow! By Michelle Barker. "The overflow CSS property (shorthand for overflow-x and overflow-y) controls what happens when the stuff you put inside a box is bigger than the box itselfÉ" https://css-irl.info/oh-no-overflow/ +03: EVALUATION & TESTING. How Do Changes in Standard Deviation Affect Sample Size Estimation? By Jim Lewis and Jeff Sauro. "ÉIn this article, we describe how changes in standard deviation affect sample size requirementsÉ" https://measuringu.com/how-do-changes-in-sd-affect-n/ Research Repositories for UX Benchmarking Studies (Video) By Raluca Budiu. "A benchmark research repository helps conduct valid benchmarking studies. It should include all the details and the raw data of your UX-benchmarking study." https://www.nngroup.com/videos/research-repositories/ +04: EVENTS. W3Cx: Introduction to Web Accessibility Starts December 6, 2023. Online https://www.edx.org/learn/web-accessibility/the-world-wide-web-consortium-w3c-introduction-to-web-accessibility How to Perform Accessibility Testing (Part 2) December 12, 2023. Online https://www.tpgi.com/webinar-december-12-at-12pm-et-how-to-perform-accessibility-testing-part-2/ Leveraging Dyslexic Thinking for Success December 12, 2023. Online https://www.meetup.com/a11ytokyo/events/297767691 The Challenges of Implementing Accessibility in a Digital Twin for Learning December 19, 2023. Online https://www.meetup.com/a11yvr/events/297619715/ Hacknight! (Drupal) Idea Incubator December 21, 2023. Online https://www.meetup.com/twin-cities-drupal-group/events/xtwnhtyfcqbcc/ The Zero Project Conference 2024 February 21-23, 2024. Online and Vienna, Austria. https://zeroproject.org/conferences/zerocon24 +05: HTML. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience By Daniela Kubesch. "ÉIn this blog post, I'll guide you through five HTML attributes that not only improve accessibility but also enhance the overall user experienceÉ" https://www.htmhell.dev/adventcalendar/2023/4/ The UX of HTML By Vasilis van Gemert. "ÉRecently I decided to stop using the word semantics. Instead I talk about the UX of HTML. And all of a sudden my students are not allergic to HTML anymore but really interested. Instead of explaining the meaning of a certain element, I show them what it doesÉ" https://www.htmhell.dev/adventcalendar/2023/1/ HTML Web Components Are Having a Moment By Scott Vandehey. "Éweb components 'clicked' for me. Suddenly, I understood how they could fit into our workflow, and where they'd be a good addition. I was excited about web components in a way I'd never been beforeÉ" https://cloudfour.com/thinks/html-web-components-are-having-a-moment/ How to Use Responsive HTML Video (Éand Audio!) By Scott Jehl. "In case you haven't already heard, you can use media queries for delivering HTML video againÉ" https://scottjehl.com//posts/using-responsive-video/ The Form Attribute - Enhancing Form Layout Flexibility By Alexander Muzenhardt. "Consider a scenario where you have a login form containing two input fields with corresponding labels, alongside a submit and a reset buttonÉ" https://www.htmhell.dev/adventcalendar/2023/3/ +06: JAVASCRIPT. The handleEvent() Method Is the Absolute Best Way to Handle Events in Web Components By Chris Ferdinandi. "Éone that absolutely blew my mind was the handleEvent() method, a platform-native method for managing all of the events on your Web Component. Let's dig inÉ" https://gomakethings.com/the-handleevent-method-is-the-absolute-best-way-to-handle-events-in-web-components/ You Don't Need JavaScript for That By Kilian Valkhof. "ÉIt's one of the core principles of web development and it means that you should Choose the least powerful language suitable for a given purpose. On the web this means preferring HTML over CSS, and then CSS over JSÉ" https://www.htmhell.dev/adventcalendar/2023/2/ +07: MISCELLANEOUS. Web Development Advent Calendars for 2023 By Adrian Roselli. "ÉI am happy to see more of the calendar creators are available on the fediverse instead of (or in addition to) Twitter. I look forward to it being all of themÉ" https://adrianroselli.com/2023/12/web-development-advent-calendars-for-2023.html Pluralistic: The Real AI Fight By Cory Doctorow. "Éprimary concerns about AI are things like the climate impact of AI data-centers and the human impact of biased, opaque, incompetent and unfit algorithmic systemsÉ" https://pluralistic.net/2023/11/27/10-types-of-people/ Effective Obfuscation By Molly White. "Silicon Valley's 'effective altruism' and 'effective accelerationism' only give a thin philosophical veneer to the industry's same old impulses." https://newsletter.mollywhite.net/p/effective-obfuscation Of Time And The Web - border:none 2023 (Video) By Jeremy Keith. "Ours is a fast-moving industry. We measure our work in tickets, sprints, and projects. But that can make it hard to see the bigger picture sometimes. In this talk we'll attempt to pull back and measure our progress in terms of decades. We might even attempt to gaze into the futureÉ https://adactio.com/links/20686 +08: TOOLS. Unrot (that) link By Remy Sharp. "I present to you, a gift, a gift of a service that will 'unrot' your links, cleverly namedÉ unrot.link." Blog Post: https://remysharp.com/2023/12/04/unrot-that-link Tool: https://unrot.link/ PDF Accessibility Checker (PAC) 2024 New release of the PAC PDF checker. https://pac.pdf-accessibility.org/en Mobile Accessibility Evaluation Tools By WebAIM. "ÉThis article introduces a few tools that make evaluating mobile accessibility more straightforwardÉ" https://webaim.org/articles/mobile/ +09: USABILITY. Deceptive Patterns in UX: How to Recognize and Avoid Them By Maria Rosala. "Deceptive patterns promote business outcomes at the user's expense. Designers should avoid deceptive patterns by carefully assessing their designs." https://www.nngroup.com/articles/deceptive-patterns/ The State of UX in 2024 By UX Collective. "ÉDesigners can either become drivers of business within their organizations, or they can create the businesses they want to drive. We're entering an era of design entrepreneurship, in which some designers are realizing that they're not just a designer employed by a business; they're creative business people whose skill set is design.É" https://trends.uxdesign.cc/ Have an Address Validator (47% Don't) By Edward Scott. "Despite browser autofill and address lookup features, a subgroup of users still run into issues when entering their shipping addressÉ" https://baymard.com/blog/address-validator +10: WEBWASTE & SUSTAINABILITY. Green Digital Transformation: Decarbonizing Your Digital Technology By Wholegrain Digital & TechSoup Canada. "ÉIn this article, we'll dive into some of the other areas of our digital lives where we can continue to make a positive difference, particularly by focusing on decarbonizing our digital world and embracing the principle of 'less is more'É" https://www.techsoup.ca/decarbonize Improving Sustainability Performance Metrics Using Usability Framework and WCAG 2.0 Standard By Gita Indah Marthasari, Yufis Azhar, and E. Norazizah. "ÉThis study conducted a sustainability evaluation of the Internship Management Information System (SIM-PKN) using the metric with a modification in the usability and accessibility measurementÉ" https://pubs.aip.org/aip/acp/article/2702/1/060002/2925175 Big Tech Drives Overconsumption (Part 1) By Gerry McGovern. "ÉIt's a constant refrain of digital enthusiasts that digital consumes relatively little energy for all the wonderful things it does. Nothing could be further from the truthÉ" https://gerrymcgovern.com/big-tech-drives-overconsumption-part-1/ [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.]