+++ WEB DESIGN UPDATE. - Volume 21, Issue 49, May 31, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 50 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: MISCELLANEOUS. 08: STANDARDS, GUIDELINES & PATTERNS. 09: TYPOGRAPHY. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How Screen-Reader Users Type on and Control Mobile Devices By Tanner Kohler. "Users who are blind or have low vision prefer dictation over typing with a keyboard whenever possible. Screen readers on touchscreen devices are restricted to a well-defined set of gestures which makes interaction more challenging than on computers." https://www.nngroup.com/articles/screen-reader-type-control/ We Need to Talk About How We Talk About Accessibility By Sarah Horton and Erin Lauridsen. "…In this article, we present a series of vignettes, loosely based on real-life events, as a narrative device to illustrate how language reveals unseen but nonetheless solid barriers…" https://uxpajournal.org/we-need-to-talk-about-how-we-talk-about-accessibility/ The Problem With Nested Fieldsets and How to Avoid Them By Adam Silver. "…Problem #1: screen readers only announce the inner legend… Problem #2: screen readers won't announce the end of a fieldset…" https://adamsilver.io/blog/the-problem-with-nested-fieldsets-and-how-to-avoid-them/ Don't Meddle with User Input By Martin Underhill. "A big part of my role involves coaching designers and developers to produce more accessible work; not once have I spoken to someone who’s actively trying to make the people’s experiences worse. Every idea comes from a good place, and one I encounter frequently is limiting the characters a user can type in a form field…" https://www.tempertemper.net/blog/dont-meddle-with-user-input Bug 257458 (Safari) By Adrian Roselli. "AX: Tables with display properties are skipped, report wrong col/row counts…" https://bugs.webkit.org/show_bug.cgi?id=257458 Adrian's Mastodon Post: https://toot.cafe/@aardrian/110457831275285728 Shifting Left, or: Making Accessibility Easier by Doing It Earlier (Video) By Hidde de Vries. Hidde's presentation from State of the Browser 2022 Conference has been made available. https://www.youtube.com/watch?v=zWTXpXt25r0 Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) By Meryl K. Evans. "Procurement officers and employees responsible for purchasing products for a company may request an Accessibility Conformance Report (ACR) based on the ITI Voluntary Product Accessibility Template (VPAT)…" https://equalentry.com/reading-vpat-voluntary-product-accessibility-template/ EPUB Standard for Accessible Digital Publications and Documents By Shawn Lawton Henry. "W3C is please to announce that EPUB 3.3 is now an international Web Standard. EPUB defines a distribution and interchange format for digital publications and documents…" https://lists.w3.org/Archives/Public/public-wai-announce/2023AprJun/0003.html Two US Government Agencies Address Online Accessibility in Higher Education: Are Regulations Next? By Lainey Feingold. "On May 19, 2023, two United States federal agencies issued what is known as a 'Dear Colleague' letter about the importance of digital accessibility in higher education…" https://www.lflegal.com/2023/05/higher-ed-digital-access/ +02: CASCADING STYLE SHEETS. display: contents Considered Harmful By Eric Bailey. "…The erratic nature of how the declaration actually functions in the practical represents a very real, very serious risk of critical accessibility issues being introduced into your website or web app in a way that you have no control over." https://ericwbailey.website/published/display-contents-considered-harmful/ Responsive CSS Layout Grids without Media Queries By Stephanie Eckles. "The foundation for many sites continues to be a layout grid, whether that's composed of Grid or Flexbox. In this excerpt from Unleashing the Power of CSS: Advanced Techniques for Responsive User Interfaces, we'll see how both of these tools provide ways to create fluidly responsive layout grids without media queries…" https://www.sitepoint.com/responsive-css-layout-grids-without-media-queries/ What's New in CSS and UI: I/O 2023 Edition By Una Kravets, Bramus Van Damme and Adam Argyle. "Here are 20 of the most exciting and impactful features that landed recently or are coming soon…" https://developer.chrome.com/blog/whats-new-css-ui-2023/ Creative CSS Layout (Video) By Michelle Barker. Michelle's presentation from State of the Browser 2022 Conference has been made available. https://www.youtube.com/watch?v=ZlFnwZTU66o What Color Should the Text Be? (A CSS Quiz) By Alvaro Montoro. "Today, I ran two quick polls…" https://dev.to/alvaromontoro/what-color-should-the-text-be-a-css-quiz-2kam +03: COLOR. Going Beyond Color Contrast (Video) By Schalk Neethling. "In this video, you will be introduced to tools that will help you use automated tools to identify accessibility issues beyond color contrast. Tools covered are: * Chrome Lighthouse * The Axe Core browser extension * The WAVE browser extension * The accessibility inspector in Firefox…" https://www.youtube.com/watch?v=YxA_cxyMJ1E +04: EVALUATION & TESTING. Talking About Thinking Aloud: Perspectives from Interactive Think-Aloud Practitioners By Liam O'Brien and Stephanie Wilson. "It is widely reported in the literature that intervening during usability testing sessions affects user behavior and compromises the validity of the test. However, this contrasts with the ongoing popularity of Interactive Think-Aloud (ITA) amongst practitioners.…" https://uxpajournal.org/talking-about-thinking-aloud-perspectives-from-interactive-think-aloud-practitioners/ Problem Space and Solution Space Research (Video) By Maria Rosala. "Both problem-space and solution-space research are needed to design products that are useful and usable." https://www.nngroup.com/videos/problem-solution-space/ Can ChatGPT Replace UX Researchers? An Empirical Analysis of Comment Classifications By Will Schiavone, Christopher Roberts, David Du, Jeff Sauro, and Jim Lewis. "…To compare the labor-intensive task of coding open-ended statements from UX research studies into themes, we had three researchers and three different runs of ChatGPT-4 pull themes out of three datasets containing roughly 50 statements each. We then compared the themes to see how consistently humans and machines categorized the statements…" https://measuringu.com/classification-agreement-between-ux-researchers-and-chatgpt/ +05: EVENTS. Ramping Up Your Accessibility Testing: A Beginner's Guide June 13, 2023. Online https://www.tpgi.com/webinar-june-13-at-12pm-et-ramping-up-your-accessibility-testing-a-beginners-guide/ Understand, Test, Solve: ARIA June 21, 2023. Online https://www.tpgi.com/webinar-june-21-at-12pm-et-understand-test-solve-aria/ How to Improve Accessibility in Procurement June 27, 2023. Online https://abilitynet.org.uk/webinars/how-improve-accessibility-procurement-free-webinar State of the Browser Conference 2023 September 23, 2023. Online and London, England, United Kingdom. https://2023.stateofthebrowser.com/ International Day of People with Disability December 3, 2023. Global https://www.idpwd.com.au/ +06: HTML. Brief Note on Popovers with Dialogs By Adrian Roselli. "This is not a comparison between popovers and dialogs, nor is it a discussion of support. This is me trying to get ahead of a potential issue for users when developers mix and match the patterns…" https://adrianroselli.com/2023/05/brief-note-on-popovers-with-dialogs.html 11 HTML Best Practices for Login and Sign-Up Forms By Andrey Sitnik. "Most websites have login or sign-up forms; they're a critical part of business conversion. However, even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. So, read this post, and then check your forms and improve your UX by using HTML technologies the way they should be used…" https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms Fighting Inter-Component HTML Bloat By Elise Hein. "The separation of concerns we aim for in design systems has an unwanted byproduct: bloated HTML in the space between components. What can we do as component authors to encourage good markup hygiene at the inter-component level? " https://elisehe.in/2023/03/27/minimal-html-in-design-systems +07: MISCELLANEOUS. The Death the Web Continues to Be Greatly Exaggerated By John Allsopp. "In 2010, Wired Magazine published one of its periodically famous mis-takes (older folks will remember the 1997 'Pray' cover predicting Apple's imminent demise, and even older folks their prediction that push technologies would kill off the web-'kiss your browser goodbye')…" https://webdirections.org/blog/the-death-the-web-continues-to-be-greatly-exaggerated/ Disability in the Workplace with Nikki Nolan, Tamas Geczy, Crystal Preston-Watson, Natalie Patrice Tucker, and Samuel Proulx (Video) By Fable. "In honor of Global Accessibility Awareness Day, industry professionals from Fable, Spotify, and Salesforce came together for a thoughtful roundtable discussion of their experiences as people with disabilities working in accessibility." https://vimeo.com/828110921/c76123b461 Accessibility Daze - a GAAD Rap Song By Dennis E. Lembrée "Fun! Accessibility Daze - a GAAD (Global Accessibility Awareness Day) rap song via YouTube. A transcription is inline below…" https://www.webaxe.org/accessibility-daze-a-gaad-rap-song/ Generative AI: What You Need To Know By Baldur Bjarnason. "You can read all the cards on one page, print them out, or print to PDF…" https://needtoknow.fyi/ Moodle LMS 4.0 Achieves WCAG 2.1 AA Accessibility Compliance By Sonya Trivedi. "Our team has worked closely with an independent, third-party accessibility expert to ensure that our Moodle LMS 4.0 complies with the latest Web Content Accessibility Guidelines (WCAG) of the World Wide Web Consortium: WCAG 2.1 AA…" https://moodle.com/news/moodle-lms-4-0-achieves-wcag-2-1-aa-accessibility-compliance/ Soapbox: Zelda: Tears Of The Kingdom Straight Up Fails In Just One Respect: Accessibility By Hilliard Hendrix. "…Tears of the Kingdom does the impossible, it improves upon its predecessor - a game considered by many to be the greatest of all time - in every way… except in making the game a more accessible experience. It does not have a single accessibility option in an age where doing so is rightly becoming commonplace…" https://www.nintendolife.com/features/soapbox-zelda-tears-of-the-kingdom-straight-up-fails-in-just-one-respect-accessibility +08: STANDARDS, GUIDELINES & PATTERNS. IE: RIP or BRB? (Video) By Bruce Lawson. Bruce's presentation from State of the Browser 2022 Conference has been made available. https://www.youtube.com/watch?v=mME5OjHnccs +09: TYPOGRAPHY. UI Typography (Video) By Oliver Schöndorfer. "Text is essential in UI, web and app design, so learn to use the invisible power of UI typography and lift your digital designs to the next level…" https://pimpmytype.com/ui-webinar/ Find Out How Type Works (PDF) By Erik Spiekermann. "Sheepbook 4.0 The bestselling publication about type & typography since 1993, now in its fourth printing. With new chapters, new typefaces and the same old typographic jokes…" https://static.googleusercontent.com/media/fonts.google.com/en//knowledge/stop_stealing_sheep.pdf +10: USABILITY. Product Listing UX: What Information to Display in Product Listings (50% Get It Wrong) By Iva Olah. "List item information is critical in helping users select products that are relevant to them…" https://baymard.com/blog/product-listing-information +11: WEBWASTE & SUSTAINABILITY. Future-First Design Thinking By Marketa Benisek. "…In this blog, we will explore how design can contribute to a sustainable future, emphasising the importance of considering form, function and the well-being of our environment…" https://www.wholegraindigital.com/blog/future-first-design-thinking/ [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.]