+++ WEB DESIGN UPDATE. - Volume 22, Issue 17, October 17, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 17 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: STANDARDS, GUIDELINES & PATTERNS. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Ensuring Negative Numbers Are Available for Everyone By Michael Fairchild and Jeremy Katherman. "…For a minus sign: the minus character (−) will provide the most robust support across most screen readers and formats. The hyphen-minus character that is found on keyboards (-) also has pretty good support but has some gotchas. If you use the hyphen-minus character, do not put a space between the character and the value…" https://www.deque.com/blog/ensuring-negative-numbers-are-available-for-everyone/ 2.4.11: Adversarial Conformance By Adrian Roselli. "I made a demo for WCAG 2.2 Success Criterion 2.4.11 Focus Not Obscured (Minimum). I built it strictly to capture screenshots, so while it is not a good demo as a standalone (which is why it is not embedded here) it is handy to demonstrate something…" https://adrianroselli.com/2023/10/2-4-11-adversarial-conformance.html Consistent Help Helping Consistently By Will Ringland. "…I wanted to start with Consistent help helping consistently because it's been top of mind for me in recent projects at work. Also, the M-Enabling Summit is next week (I'll be there! Will you?) so I imagine 2.2 will pop up…" https://www.bruta11y.com/consistent-help-helping-consistently WCAG 2.2 Checklist with Filter and Links By Dennis E. Lembrée. Dennis updated his WCAG Checklist for 2.2. https://codepen.io/weboverhauls/full/zYvopYE Accessibility Is Easy: Except for When It Isn't (Video) By Ian Lloyd. "You get a long way to making your web site or application accessible by keeping things simple. Instead of creating components from scratch, with all the extra complications that it entails along the way, you could easily use a native HTML element that takes care of things for you automatically. But sometimes it's not as simple as that. Not everything that you might need to build on your site has a ready-made solution…" https://www.youtube.com/watch?v=bEqRp9GMC0g Accessibility Beyond Borders! What did we learn from accessibility leaders at six global Higher Education institutions? By Matthew Deeprose. "This April, more than 100 people from around the world attended the International Ally User Group's first online panel discussion…" https://matthewdeeprose.github.io/Accessibility-Beyond-Borders Burn Your Toast By Erik Kroes. "…If you care about your communication, don't use toast. And if you don't, still don't use it because you'll give people anxiety…" https://www.erikkroes.nl/blog/burn-your-toast/ DOJ's Website Accessibility NPRM: A Must Read for Higher Education, Public Entities and Many Businesses By Kaitlin S. Paddy and Rob Duston. "…The new rules will have a great impact on public entities, including all public colleges and universities, and will likely be the blueprint for Section 504 regulations on website accessibility affecting private colleges, health care providers, and other recipients of federal financial assistance…" https://www.saul.com/insights/blog/dojs-website-accessibility-nprm-must-read-higher-education-public-entities-and-many Accessibility: What You Need to Know About a Supreme Court Case of Hotel Websites By Thomas Logan. "A Supreme Court case about the accessibility of hotel websites has understandably caught the attention of the disability and accessibility community…" https://equalentry.com/accessibility-supreme-court-case-hotel-websites/ Supreme Court Hears Oral Argument on Article III Standing of Testers to Bring ADA Website Accessibility Class Actions By Melanie A. Conroy. "Earlier this week, the Supreme Court heard oral argument in Acheson Hotels, LLC v. Laufer…" https://www.firstclassdefense.com/supreme-court-hears-oral-argument-on-article-iii-standing-of-testers-to-bring-ada-website-accessibility-class-actions/ +02: CASCADING STYLE SHEETS. Demystifying CSS Container Queries By Miriam Suzanne. "CSS Container Queries promise even more powerful styling approaches, but… what the heck are they…" https://www.oddbird.net/2023/10/16/learn-with-jason-cqs/ +03: EVALUATION & TESTING. Everything I Know About UX Research I First Learned From Lt. Columbo By Slava Shestopalov. "Working in the area of UX sometimes feels like a crime drama. Can't believe it? Then look at these fun parallels between modern UX practices and a classical TV detective…" https://www.smashingmagazine.com/2023/10/ux-research-learn-from-lt-columbo/ +04: EVENTS. Be A Digital Ally: How to Include People with Disabilities in Usability Testing October 19 2023. Online https://events.humanitix.com/be-a-digital-ally-how-to-include-people-with-disabilities-in-usability-testing Multi-Tool Testing with Standardized Reporting November 3, 2023. Washington, D.C., U.S.A. https://www.ictaccessibilitytesting.org/multi-tool-testing-with-standardized-reporting-course/ Redesigning for Cognitive Ease November 9, 2023. Online https://www.3playmedia.com/learn/webinars/ Accessible Word Documents November 16, 2023/ Online https://accessibilityonline.org/ada-tech/session/?id=111084 UX Conference December 2-8, 2023. Online https://www.nngroup.com/training/december/ +05: JAVASCRIPT. Stop Using JS for That: Moving Features to CSS and HTML (Video) By Kilian Valkhof. "…In this talk I walk through a few common patterns, explain how they can be implemented in CSS and HTML, how that's better and what accessibility implications they have, both for features available today and feature available soon…" https://www.youtube.com/watch?v=qziVRaZqnfE event.target.closest By Jeremy Keith. "Eric mentioned the JavaScript closest method. I use it all the time…" https://adactio.com/journal/20551 +06: MISCELLANEOUS. Digital Accessibility Blogs and Newsletters By Ricky Onsman. "…It's part of my job at TPGi to keep up with what's happening in the digital accessibility industry and I've built up a list of sources that help me do that…" https://www.tpgi.com/digital-accessibility-blogs-and-newsletters/ +07: STANDARDS, GUIDELINES & PATTERNS. Web Standards: Does Anyone Actually Care? (Video) By Michael R. Lorek. "When looking at the current state of the web, and especially under the hood of interfaces and functionality, we may notice that the vast majority of websites don't validate to W3C standards anymore. But how could all that happen, and with what consequences for SEO, accessibility, and security eventualities…" https://www.youtube.com/watch?v=SIYCRnEvWQs +08: TOOLS. WCAGify By Craig Abbott. Craig updated WCAGify to use WCAG 2.2. "WCAGify is a simple function for people who need to reference the Web Content Accessibility Guidelines frequently and are tired of copying and pasting…" https://www.npmjs.com/package/wcagify +09: USABILITY. The Negative Impact of Mobile-First Web Design on Desktop By Kim Salazar, Tim Neusesser, and Nishi Chitale. "Mobile-first web designs cause significant usability issues when viewed on desktop. Content becomes overly dispersed across long scrolling pages with expansive white space and enlarged images and fonts, making it difficult for users to consume and understand the information." https://www.nngroup.com/articles/content-dispersion/ Passwordless Accounts By Raluca Budiu. "A new pattern allows users to create an account without defining a password. Later on, they can log in through an OTP or a passkey." https://www.nngroup.com/videos/passwordless-accounts/ [Section one ends.] ++ SECTION TWO: +10: 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.]