+++ WEB DESIGN UPDATE. - Volume 22, Issue 19, October 31, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 19 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: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 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. WCAG 2.2 at a Glance - 3.2.6 Consistent Help (Level A) (Video) By Intopia. "…Success Criterion 3.2.6 Consistent Help, is about making sure the ways that people can get help are in a consistent location across your product…" https://www.youtube.com/watch?v=JIuWM3iFPVM WCAG 2.2 at a Glance - 3.3.7 Redundant Entry (Level A) (Video) By Intopia. "…Success Criterion 3.3.7, Redundant Entry, is about making sure a person doesn't have to manually enter the same information more than once while they're completing a process…" https://www.youtube.com/watch?v=jKirEdlHMao WCAG 2.2 at a Glance - 2.5.7 Dragging Movements (Level AA) (Video) By Intopia. "Point, click, drag and drop. If you've used a pointer, you've probably had to do these actions.A pointer could be a mouse, a stylus, or even your finger. And for some people, dragging a pointer can be quite a drag…" https://www.youtube.com/watch?v=6dLUCAsr5fE WCAG 2.2 at a Glance - 3.3.8 Accessible Authentication (Minimum) (Level AA) (Video) By Intopia. "…Success Criterion 3.3.8 Accessible Authentication (Minimum) is about making sure login methods are accssible and easy to use, as well as secure" https://www.youtube.com/watch?v=WJgc-goUhS0 WCAG 2.2 at a Glance - 2.5.8 Target Size (Minimum) (Level AA)(Video) By Intopia. "…Success Criterion 2.5.8, Target Size (Minimum), is about making sure that targets for interactive elements meet a minimum size or have enough spacing around them…" https://www.youtube.com/watch?v=PTgOK2obw9s WCAG 2.2 at a Glance - 2.4.11 Focus Not Obscured (Minimum) (Level AA) (Video) By Intopia. "…Success Criterion 2.4.11, Focus Not Obscured (Minimum), is about ensuring that when a user interface component receives focus, a part of the component must be visible…" https://www.youtube.com/watch?v=0ZoyE1u0eZM Understanding SC 2.4.11 Focus Not Obscured (Minimum) By Raghavendra Satish Peri. "This success criterion states that any element receiving keyboard focus and is identifiable by the user through a visible focus indicator must always be visible to users even when author-created contents/dynamic user interface elements open…" https://www.digitala11y.com/understanding-sc-2-4-11-focus-not-obscured-minimum/ Today Was a Great Day for Accessibility! (Video) By Christian Heilmann. "…Today I talked to Dirk Ginader, Hidde De Vries, Karl Groves and Piccia Neri and magic ensued…" https://christianheilmann.com/2023/10/25/today-was-a-great-day-for-accessibility/ At GOV.UK We Avoid Disabling Buttons By Joe Lanman. "If the user submits a form with a problem, they get a useful error message telling them how to fix it. Disabled buttons are hard to make accessible for people with low vision, and can't easily be focused using the keyboard." https://hachyderm.io/@joelanman/111302149050344648 (Bug) Content Update: Tool-Tip Post Has Problematic Accessibility Info By Adrian Roselli. "…It has now been a year since this bug(s) was raised. It encodes WCAG failures and as a result opens up legal risk for anyone who follows the advice in this post. Is anyone going to address this? I am fine continuing to warn devs and clients that this article cannot be used as-is and let them decide how that reflects on the rest of the content on the site. I had hoped Google's regular statements about its commitment to accessibility would not make that necessary nor put its primary developer relations site at odds with that message." https://issuetracker.google.com/issues/298296173 Use the Accessibility Shortcuts on iOS to Speed Up Your Testing Workflow By Eric Eggert. "…Using a combination of these shortcuts, you can make it really easy testing with accessibility features on iOS." https://yatil.net/blog/ios-a11y-shortcuts Understanding Digital Content Creation Needs of Blind and Low Vision People By Lotus Zhang, Simon Sun, and Leah Findlate. "…Participants pointed out both accessibility improvements and social changes needed to fulfll personal creative pursuits. In turn, we discuss potential design ideas to move toward more inclusive creative practices, such as developing alternative, non-visual information sharing methods and establishing visual information presentation guidelines specifc to creative contexts…" https://dl.acm.org/doi/abs/10.1145/3597638.3608387 What Do the Exceptions in the Notice of Proposed Rulemaking for the Accessibility of Web Information for Educational Institutions Mean? By Thomas Logan. "…Ken Nakata from Converge Accessibility and Equal Entry CEO and founder Thomas Logan discuss these exceptions and whether they're a problem…" https://equalentry.com/accessibility-education-nprm-exceptions/ +02: CASCADING STYLE SHEETS. CSS text-wrap: pretty By Adam Argyle. "Opt-in optimized text wrapping, for beauty over speed…" https://developer.chrome.com/blog/css-text-wrap-pretty/ Mistakes Were Made By Eric A. Meyer. "Late last week, I posted a tiny hack related to :has() and Firefox. This was, in some ways, a mistake. Let me explain how…" https://meyerweb.com/eric/thoughts/2023/10/24/mistakes-were-made/ +03: EVALUATION & TESTING. An Actionable And Reliable Usability Questionnaire With Only 7 Items: Inuit By Maximilian Speicher and Johanna Jagow. "Inuit (short for 'Interface Usability Instrument') is a new questionnaire you can use to assess the usability of your user interface. It has been designed to be more diagnostic than existing usability instruments like, e.g., SUS and for use with machine learning, all the while asking fewer questions than other questionnaires. This article explores how and why Inuit has been developed and why we can be sure that it actually measures usability, and reliably so…" https://www.smashingmagazine.com/2023/10/actionable-reliable-usability-questionnaire-inuit/ Sample Sizes for Comparing Dependent Proportions By Jeff Sauro and Jim Lewis. "…In this article, we demonstrate how sample size estimation patterns for dependent proportions differ from patterns for independent proportions. We explain why this happens and suggest a strategy for building appropriate sample size tables for comparison of dependent proportions…" https://measuringu.com/sample-sizes-for-the-mcnemar-test/ +04: EVENTS. Evaluating Accessibility: Meeting Key Challenges November 16, 2023. Online. https://www.w3.org/WAI/about/projects/wai-coop/symposium3/ UX Writing Conference London 2023 November 16, 2023. London, England, United Kingdom https://techcircus.io/en/events/ux-writing-conference-london HHTML Meetup November 30, 2024. Hamburg, Germany https://hhtml.de/events/2023-11-30-fourth-meetup/ ConFoo 2024 February 21-23, 2024. Montreal, Canada https://confoo.ca/en/2024/ TechAccess Oklahoma 2024 February 27-29, 2024. Stillwater, Oklahomaa, U.S.A. https://techaccessok.org/ Patterns Day March 7, 2023. Brighton, England, United Kingdom https://patternsday.com/ +05: JAVASCRIPT. Don't Disable Buttons By Chris Ferdinandi. "…Today I want to talk about why developers do it, why it's bad, and what you can do instead…" https://gomakethings.com/dont-disable-buttons/ Web Components Will Outlive Your JavaScript Framework By Jake Lazaroff. "…If we want that sort of longevity, we need to avoid dependencies that we don't control and stick to standards that we know won't break. If we want our work to be accessible in five or ten or even 20 years, we need to use the web with no layers in between. For all its warts, the web has become the most resilient, portable, future-proof computing platform we've ever created - at least, if we build with that in mind." https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/ +06: MISCELLANEOUS. Apple Browser Ban: Expect EU Legal Wrangling By Bruce Lawson. "Whatever Apple's real reason for requiring all iOS and iPad browsers to use its own WebKit engine (and therefore be little more than a branded whitelabelled Safari), they claim it's done for customer privacy and security…" https://brucelawson.co.uk/2023/apple-browser-ban-expect-eu-legal-fighting/ What's The Deal With Large Language Models? Heydon Pickering. "What have Kanye West, Zombie Flesh Eaters, bees, and Potato Review magazine got to do with Large Language Models and generative AI?…" https://briefs.video/videos/whats-the-deal-with-large-language-models/ Accessibility Without Accountability at Cooper Hewitt By Liz Jackson. "Cooper Hewitt may be shifting their language around disability and accessibility, but everything else remains the same…" https://eejackson.medium.com/accessibility-without-accountability-at-cooper-hewitt-48b9dbe7597d What Does the A Mean in DEAI? By Tamara Sawyer. "…Technically speaking, Diversity, Equity, and Inclusion (DEI) and Accessibility fall under two different sets of federal laws and regulations. Therefore, we do not see the two put together very often. So why have we chosen to include accessibility when discussing DEI ideas? People with disabilities, like others, sometimes face discrimination and exclusion…" https://mn.gov/mnit/media/blog/?id=38-597286 Conference Report - Web Directions Summit 2023, Day One By Ricky Onsman. "This is the conference that almost 20 years ago inspired me to throw myself wholeheartedly into the web tech industry as a freelance web designer / front end developer…" https://www.tpgi.com/conference-report-web-directions-summit-2023-day-one/ +07: NAVIGATION. Chatbot Hallucinations Are Poisoning Web Search By Will Knight. "Untruths spouted by chatbots ended up on the web-and Microsoft's Bing search engine served them up as facts. Generative AI could make search harder to trust…" https://www.wired.com/story/fast-forward-chatbot-hallucinations-are-poisoning-web-search/ +08: TOOLS. Alt Text Health Check Image Accessibility Report #1 By Stefan Hayden. "@AltTextHealthCheck, an open-source bot, created by Stefan Hayden, that tracks the percentage of images that were posted with a description across the mastodon.social fediverse instance, has been running for about three months now…" https://stefanbohacek.com/blog/alttexthealthcheck-image-accessibility-report-1/ +09: USABILITY. Form Field Usability: Avoid Extensive Multicolumn Layouts (16% Make This Form Usability Mistake) By Edward Scott. "…form-filling becomes more difficult when the form consists of multiple columns of fields. Using a single-column layout makes it easier to both complete and then review inputted form details…" https://baymard.com/blog/avoid-multi-column-forms The Power of Thoughtful Notifications in Apps: Less is More! By Pourav Raj. "In today's fast-paced digital world, where our smartphones seem to buzz and ping relentlessly, notifications play a crucial role in engaging users. However, have you ever considered why sometimes, less is actually more when it comes to notifications in apps?…" https://uxmag.com/articles/the-power-of-thoughtful-notifications-in-apps-less-is-more Dot Voting: How Many Dots? (Video) By Kate Kaplan. "Use a simple equation or an absolute-number approach to decide how many dots to allocate in dot-voting activities. In most cases, 3-6 dots is appropriate." https://www.nngroup.com/videos/how-many-dots/ +10: WEBWASTE & SUSTAINABILITY. Conscientious Computing - Facing Into Big Tech Challenges By Oliver Cronk. "The tech industry has driven incredibly rapid innovation by taking advantage of increasingly cheap and more powerful computing - but at what unintended cost?…" https://blog.scottlogic.com/2023/10/26/conscientious-computing-facing-into-big-tech-challenges.html [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.]