+++ WEB DESIGN UPDATE. - Volume 21, Issue 10, August 31, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 10 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. 06: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: TYPOGRAPHY. 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. Easy Read that will Demystify Tables, Reflow, and Magnification By Linda Shoemaker and John Watne. "Learn more about 'resize text' and 'reflow'…" http://mn.gov/mnit/media/blog/index.jsp?id=38-538604 How to Make Short Weekly Learning Time = Digital Accessibility Wins By Jennie Delisi. "When it comes to starting your digital accessibility learning journey, we all need some help to take control and just start. This article will help you…" http://mn.gov/mnit/media/blog/index.jsp?id=38-538596 What Is Closed Captioning? By Kelly Mahoney. "Closed captioning is time-synchronized text that reflects an audio track and can be read while watching visual content…" https://www.3playmedia.com/blog/what-is-closed-captioning/ Lost in Transcription: Auto-Captions Often Fall Short on Zoom, Facebook, Google Meet, and YouTube By Kaveh Waddell. "New research found errors that pose hurdles for users who are deaf or hard of hearing, or whose first language isn't English…" https://www.consumerreports.org/disability-rights/auto-captions-often-fall-short-on-zoom-facebook-and-others-a9742392879/ Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility By James Warnken. "When it comes to enhancing usability and accessibility on your website, do you ask your audience…" https://convergeaccessibility.com/2022/08/29/communication-around-digital-accessibility-must-improve-how-users-and-businesses-alike-are-failing-to-advance-digital-accessibility/ Why Every University Needs an Accessible Standard Website Template By Evan Pickrel, Kimberly Conner. "Templatization can help institutions steer clear of common web accessibility errors - and ensure that all students have equal access to the content they need to succeed…" https://campustechnology.com/Articles/2022/08/24/Why-Every-University-Needs-an-Accessible-Standard-Website-Template.aspx E-Commerce Accessibility: Specifying UI Elements Using 'Names' By Edward Scott. "…'Names' that specify the function of UI elements are crucially important to users relying on assistive technology such as screen readers…" https://baymard.com/blog/names-accessibility Video: Performing an Accessibility Test (2/3) By Rachele DiTullio. Welcome to the third video in this Accessibility Testing series…" https://racheleditullio.com/projects/accessibility-testing/video-performing-an-accessibility-test-2/ I've Received the Results of My Accessibility Audit - Now What? By Tracey Long. "So, you're just getting started on your accessibility journey and you're wondering what your first few steps should be…" https://www.deque.com/blog/ive-received-the-results-of-my-accessibility-audit-now-what/ +02: CASCADING STYLE SHEETS. Complex Conditional Width Using flex-basis With clamp By Heydon Pickering. "The primitive Sidebar layout is a kind of quantum layout whereby the sidebar only exists as a sidebar where there is available space. As the Sidebar document details, wrapping from a two-column to a one-column layout depends on the relationship between two things…" https://every-layout.dev/blog/sidebar-flex-basis-clamp/ +03: EVALUATION & TESTING. Guidelines for Testing Mobile Augmented-Reality Apps By Sana Behnam. "Whether you're running in-person or remote research on AR apps, ensure that the test is safe for study participants, the task wording is easy to understand, participants know what to expect in advance of the session, and your recording equipment can capture the participant's screen and their movements." https://www.nngroup.com/articles/testing-AR-apps/ Research Skills Framework By ResearchOps Community. "'RSF' is a pattern language for research practice, with a set of tools for researchers and their teams to learn, work, and grow…" https://www.researchskills.net/ Day-0 Calls: Avoid UX-Workshop Disasters by Aligning on the Basics in Advance By Matt Brown. "A lack of agreement on goals and other basics can derail an entire workshop. Hold a call prior to the workshop to establish these basics in advance." https://www.nngroup.com/articles/day-0-calls/ +04: EVENTS. Digital Accessibility Program Planning September 1, 6, 13, and 20. Online https://events.educause.edu/courses/2022/digital-accessibility-program-planning California Case Study: Avoid Getting Sued for Web Accessibility September 8, 2022. Online https://go.3playmedia.com/wbnr-09-08-2022-california Requirements Beyond WCAG: An Accessibility Decision Tree September 13, 2022. Online https://www.tpgi.com/webinar-september-13-at-11am-et-requirements-beyond-wcag-an-accessibility-decision-tree/ Accessibility in a Virtual World Before Oculus September 19, 2022. Online https://www.meetup.com/a11yvr/events/287745069/ Digital Accessibility - Ask Me Anything (AMA) September 21, 2022. Online https://www.tpgi.com/webinar-september-21-at-12pm-et-digital-accessibility-ask-me-anything-ama/ World Wide Waste October 6, 2022. Online https://register.gotowebinar.com/register/6238709665347261199 +05: HTML. Short Note on figure and figcaption By Steve Faulkner. "In 2011 when I first started thinking about how best to map the semantics of figure/figcaption to accessibility API properties, the set of properties to choose from was limited as compared to 2022…" https://html5accessibility.com/stuff/2022/08/25/short-note-on-figure-and-figcaption/ Exploring the Underrated Output Element By Amy Carney. "HTML's output element is pretty amazing…" https://carneydevelopit.wordpress.com/2022/08/23/exploring-the-underrated-output-element/ +06: JAVASCRIPT. The Modern JavaScript Tutorial By Ilya Kantor. "How it's done now. From the basics to advanced topics with simple, but detailed explanations…" https://javascript.info/ +07: MISCELLANEOUS. Interview with Shawn Thompson By Denis Boudreau. "Every week, we meet with audience members with disabilities who are willing to come forward and share a little bit about their own personal journey and experiences, attending live, in-person, or virtual speaking or training events…" https://inklusiv.ca/interview-with-shawn-thompson/ My Experience Speaking at VueConf US 2022 By Austin Gil. "This post covers my experience speaking at VueConf including the conference review, advice for speakers, and considerations for future organizers. comments…" https://austingil.com/vueconf-us-2022-review/ +08: TYPOGRAPHY. Conveying All-Caps Legal Text By Adrian Roselli. "…Perhaps with feedback and further insights, an all-caps pattern for legal text, or even a best practice, can come from this. Even if not directly. Maybe it can lead to a better framing for a research engagement. Or it might be something worth hammering out within the Web Accessibility Initiative and potentially as guidance within WCAG. I am not sure where this will go because I am not sure how much of an issue this is." https://adrianroselli.com/2022/08/conveying-all-caps-legal-text.html Recently, @aardrian has been highlighting one of the most prevalent and annoying formatting travesties on the internet, the use of capitalization. By Pratik Patel. "I'd like to make a few points about it. Here's what I hope will be a short thread…" https://twitter.com/ppatel/status/1563888404974211075 +09: USABILITY. 4 Tips for Bulleted Lists in Digital Content (Video) By Kate Moran. "Bulleted lists can save users time and help them scan our content more quickly, but only when they're used correctly." https://www.nngroup.com/videos/tips-bulleted-lists-digital-content/ Designing Better Error Messages UX By Vitaly Friedman. "Error messages need to be easy to spot, but they also need to be helpful. Let's explore when error messages should live above input fields and why toast error messages are usually not a very good idea…" https://www.smashingmagazine.com/2022/08/error-messages-ux-design/ 5 Takeaways from 'Forms that Work' By Quenten Steenhuis. @gerrygaffneyffs "I just finished reading Forms that Work -Designing Web Forms for Usability by Caroline Jarrett and Gerry Gaffney…" https://www.nonprofittechy.com/2022/08/23/5-takeaways-from-forms-that-work/ CPUX-F Curriculum and Glossary (PDF) By Rolf Molich et al. "This document defines what you need to know in order to pass the certification test for Certified Professional for Usability and User Experience - Foundation Level (CPUX-F)…" https://uxqb.org/public/documents/CPUX-F_EN_Curriculum-and-Glossary.pdf UX Roadmaps Common Questions By Sarah Gibbons. "5 questions we often get asked in the course on UX roadmaps, starting with the difference between roadmaps and project plans." https://www.nngroup.com/videos/ux-roadmaps-common-questions/ Writing for the Web: Tips for Delivering Great Content By Suzanne Dergacheva. "…By using effective strategies to grab a person's attention and persuade them to stick around and engage with the content. Here are a few that will help you be one of them." https://evolvingweb.ca/blog/writing-web-tips-delivering-great-content +10: WEBWASTE & SUSTAINABILITY. What Does It All Mean: Net-Zero, Carbon Neutral, Climate Positive, Carbon Negative? (Video) By Asim Hussain. "Net-Zero, Carbon Neutral, Climate Positive, Carbon Negative, 100% Renewable, 24/7 Hourly Matching, 100% Carbon Free Energy ... what does it all mean?…" https://www.youtube.com/watch?v=HXEnbi64TdQ Towards a Net Zero IETF By Jay Daley. "Introducing a new project to measure and potentially offset IETF carbon emissions…" https://www.ietf.org/blog/towards-a-net-zero-ietf/ Green Software (Web) By Green Software Foundation. https://github.com/Green-Software-Foundation/awesome-green-software#web [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.]