+++ WEB DESIGN UPDATE. - Volume 23, Issue 21, November 20, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: JAVASCRIPT. 09: MISCELLANEOUS. 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. Accessibility Misinformation By Todd Libby. "Don't Believe Everything You Read…" https://toddl.dev/posts/accessibility-misinformation/ Accessible Design: WCAG or Trendy? No, WCAG AND Trendy! (Video) By Zsolt Edelényi. "…This presentation aims to explain the real expectations of WCAG, create trendy designs, and demonstrate the user impact of incorporating accessible design components…" https://2024.wpaccessibility.day/sessions/accessible-design-wcag-or-trendy/ A11y 101: WCAG 1.2.2 Captions (Prerecorded) By Nat Tarnoff. "Simply put, if there is video with speaking you need captions…" https://tarnoff.info/2024/11/18/a11y-101-wcag-1-2-2-captions-prerecorded/ Captchas and Other Gotchas: Make Sure Your Secure Website is Accessible (Video) By AmyJune Hineline. "…We'll look at practical and straightforward ways to implement open source, secure, and accessible solutions that will keep people from abandoning your digital assets…" https://2024.wpaccessibility.day/sessions/captchas-and-other-gotchas/ Writing in Plain Language By The University of Michigan. "Plain language is writing that is easy to read and understand…" https://accessibility.umich.edu/how-to/web-content-sites-apps/writing-in-plain-language Designing for Low Literacy: Enhancing Accessibility and Understanding (Video) By Prerna Singh and Piyuesh Kumar. "…In this immersive session, we'll explore the complexities of designing for users with low literacy levels…" https://www.youtube.com/watch?v=F_sh_4VxGuc Unlocking Digital Access: Insights from a Community-Driven Survey (Video) By Nick Goodrum and Norbert Rum. "Over the past two years, in collaboration with the /r/blind community, we conducted a web accessibility survey across many online communities to gather feedback from individuals with disabilities about their web accessibility experiences and associated challenges…" https://2024.wpaccessibility.day/sessions/unlocking-digital-access/ Some Tips for Keyboard Support on Native Mobile Applications By Bogdan Cerovac. "Web Content Accessibility Guidelines touch keyboard accessibility in a couple of success criteria. It's essential for your native app to support keyboard interactions for it to be accessible. But how?…" https://cerovac.com/a11y/2024/11/some-tips-for-keyboard-support-on-native-mobile-applications/ Practical Text Accessibility Tips for Content Creators (Video) By Alice Orru. "If your job is to create text content for websites, blogs, and social media, you may think that accessibility is not something you should worry about. In this talk we dispel that myth…" https://2024.wpaccessibility.day/sessions/practical-text-accessibility-tips-for-content-creators/ How to Use the Accessibility Checker in Adobe Acrobat Pro DC By Shawn Jordison. "This video walks users through how to access, use, and understand the results of the Adobe Acrobat accessibility checker, when to conduct manual checks, and how to use additional tools for compliance…" https://theaccessibilityguy.com/how-to-use-the-accessibility-checker-in-adobe-acrobat-pro-dc/ What Is the Digital Accessibility Maturity Model? By Melissa Morse. "…We've got good news for your accessibility garden whether you're starting out or optimizing your existing program, you don't have to go it alone. Let the W3C Accessibility Maturity Model be your gardening guide…" https://www.tpgi.com/what-is-the-digital-accessibility-maturity-model/ How Is Digital Accessibility Awareness Being Promoted Across the Globe? By Jeff Mills. "The aim of this article is to explore the global efforts being made to raise digital accessibility awareness, looking at initiatives from international organizations, regional governments, and private companies, as well as global campaigns that seek to create a more inclusive digital world for all.…" https://ozewai.org/blog/technical-articles/how-is-digital-accessibility-awareness-being-promoted-across-the-globe/ Image Accessibility on Bluesky By Crystal Preston-Watson. "If you're new to Bluesky, you might have encountered posts mentioning alt text, but what exactly is it and why is it so important?…" https://crystalprestonwatson.com/2024/11/11/image-accessibility-on-bluesky/ Social Media Platforms Should Make It Easier to Add Alternative Text Using an [Alt: Description] Syntax By Christian Heilmann. "Adding alternative texts to images on social platforms is not a 'nice thing to have' but important to not lock people out. That's why it is a shame that it is quite tricky to do it across different platforms…" https://christianheilmann.com/2024/11/13/social-media-platforms-should-make-it-easier-to-add-alternative-text-using-an-alt-description-syntax/ What Accessibility Statements Are Really For By Jonathan Hassell. "Humility, help, transparency and empathy are key to your accessibility statement landing well with your audience. This is about communicating your current accessibility limitations, not bragging about your successes…" https://www.linkedin.com/comm/pulse/what-accessibility-statements-really-jonathan-hassell-c25ke Foundations: Types of Disability By Demelza Feltham. "This post offers an overview of various disability types across four groups: seeing, hearing, moving, and thinking, and provides a brief exploration of what disability is, highlighting how permanent, temporary, or situational disabilities can affect us all…" https://tetralogical.com/blog/2024/11/18/foundations-types-of-disability/ Web Accessibility and the Second Trump Administration By Ken Nakata. "…this post is more of a high-level view of what my gut says will happen over the next four years…One of my concerns with the DOJ regulation was its insistence on using WCAG 2.1 as its basic standard because I don't know of a single third-party web application used by state and local governments that met WCAG 2.1 A/AA… Second, from a legal perspective, Congress never told DOJ to create design standards in the ADA for anything except facilities and vehicles…I don't think we should expect the complete end of disability rights in our country. My strategy for the next four years is to keep my expectations low while also expecting that, by 2028, our country won't go as low as a lot of people fear it could go…" https://convergeaccessibility.com/2024/11/18/web-accessibility-and-the-second-trump-administration/ +02: CASCADING STYLE SHEETS. Beautiful Focus Outlines By Thomas Günther. "Focus outlines highlight the active interactive element on a web page. They're crucial for accessibility, especially for keyboard users and those with motor impairments…" https://medienbaecker.com/articles/focus-outlines Overflow Clip By Ahmad Shadeed. "Learn how overflow: clip works in CSS…" https://ishadeed.com/article/overflow-clip/ +03: COLOR. Accessible Firebrand: 'Why Can't I Use My Brand Color There, and if Not There, Then Where?' (Video) By Mark Alvis and Deneb Pulsipher. "…Perhaps most importantly, we'll go over how companies can engagingly use their brand colors on their site in ways that don't violate accessibility principles. This will make it so that decision makers don't balk as much at abandoning their inaccessible uses…" https://2024.wpaccessibility.day/sessions/accessible-firebrand/ +04: DRUPAL. Accessibility Beyond Compliance: Practical Insights for Drupal Users and Editors (Video) By Paul Sebborn. "…The session will go into what we mean by digital accessibility, why it's crucial and how creating with this in mind benefits people of all backgrounds. We'll look at the importance of WCAG not just as a checklist but as a foundation for building a more accessible internet for everyone…" https://www.youtube.com/watch?v=aVdSww1Hw58 Web AccessibIlity and Site Governance with Drupal (Video) By John Lockhart. "How can we better build and maintain websites with accessibility built-in? This session hopes to explore best practices in accessibility-led website building and maintainance in Drupal…" https://www.youtube.com/watch?v=bzSD1jCjYHo Accelerating Transformation in Web Accessibility on Enterprise Level (Video) By Antonella Severo and Sarah Mens-Escalas. "…This session is designed for individuals in various roles within large companies who are planning to integrate accessibility standards, tools, and processes within their own organizations…" https://www.youtube.com/watch?v=WHQhYzgLP2g Barcelona DrupalCon Video Playlist https://www.youtube.com/playlist?list=PLpeDXSh4nHjQOfQV-BUgoxHXlr4tHlhPO Twin Cities Drupal Camp 2024 Sessions Video Playlist https://www.youtube.com/playlist?list=PLztBsFl4ot8tXUw0ngSIgUocjjrBDOHki +05: EVALUATION & TESTING. Heuristic Evaluation: How to Conduct a Heuristic Evaluation By Euphemia Wong. "Heuristic evaluation is the activity of using a set of guidelines (heuristics) to evaluate if an interface is user-friendly. Let's look at what heuristics are and how you can conduct a heuristic evaluation to improve the usability of your designs…" https://www.interaction-design.org/literature/article/heuristic-evaluation-how-to-conduct-a-heuristic-evaluation +06: EVENTS. Exploring Website Navigation Accessibility: Live Demo! November 25, 2024. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/accessibility-twin-cities/events/304345698/ Hands-On Practice With Alternative Text December 12, 2024. Online https://umn.zoom.us/webinar/register/WN_nRFPIaiwRj2I5YCsLqX90A#/registration 2024 U.S. Digital Accessibility Legal Update with Lainey Feingold December 12, 2024. Online https://go.3playmedia.com/wbnr-12-12-2024-legal-update A11Y Theme Builder (open-source project) with Lise Noble December 12, 2024. Online https://a11ytalks.com/posts/2024-dec Call for Proposals: Global Accessibility Awareness Day (from the University of Minnesota) Proposal Deadline: January 3, 2025. Online Conference: May 15, 2025. https://accessibility.umn.edu/gaad/2025-proposal-criteria +07: HTML. The br Element By Heydon Pickering. "…some elements are self-closing or void, like
. In these cases, the tag alone is the element, because inserting text would not make sense. A
is literally a break from text, after all…" https://heydonworks.com/article/the-br-element/ +08: JAVASCRIPT. Accessibility Challenges with Single Page Applications (Video) By Natalie MacLees. "…We'll step through planning and building an accessible SPA, including best practices, accessibility testing tools, manual testing, and integrating accessibility into your development workflow…" https://2024.wpaccessibility.day/sessions/accessibility-challenges-with-single-page-applications/ How Do HTML Event Handlers Work? By Thomas Broyer. "HTML event handlers are those onxxx attributes and properties many of us are used to, but do you know how they actually work?…" https://blog.ltgt.net/html-event-handlers/ +09: MISCELLANEOUS. Global Digital Accessibility Salary Survey (GDASS) By GAAD Foundationand WebAIM. "The goal of annually collecting and sharing salary data is to inform both organizations investing or ready to invest in accessibility, along with the individuals who make technology and digital products accessible as they start or progress in their careers…" https://gaad.foundation/what-we-do/gdass Higher Education, Open Source, and AI Panel: Community Resilience at the Intersections By Maria Melititskaya. "…This panel's discussion covered the evolving landscape of higher education, with a focus on artificial intelligence (AI), open source software, and building community resilience…" https://evolvingweb.com/blog/higher-education-open-source-and-ai-panel-community-resilience-intersections +10: USABILITY. World Usability Day 2024: Building Accessible, Usable, and Inclusive Digital Experiences for All By Melissa Morse. "…This World Usability Day reminds us that inclusive digital products require more than meeting technical accessibility standards; they're about making sure everyone can connect, interact, and thrive in an increasingly digital world. Ensuring your digital products are accessible and easy to use doesn't just create a competitive edge - it demonstrates a commitment to inclusion that resonates with all users…" https://www.tpgi.com/world-usability-day-2024/ Choosing the Right Words for Effective UX By Jorge Arango. "Websites and apps are semantic artifacts: they're peppered with words and icons that tell you what you'll find and do there. Designing these systems requires choosing appropriate terms…" https://jarango.com/2024/11/12/choosing-the-right-words-for-effective-ux/ What Is User Experience (and What Is It Not)? By Kate Kaplan. "'User experience' describes both users' relationships with products and a growing professional industry of practitioners aiming to improve those relationships." https://www.nngroup.com/articles/what-is-user-experience/ Cookie Permissions: 5 Common User Types (Video) By Samhita Tankala. "Users' willingness to share data and their interactions with cookie permission box options vary quite drastically, falling into these five common user types: The Denier, The Skeptic, The Tech-Savvy, The Impatient, and The Enthusiast." https://www.nngroup.com/videos/cookie-permissions-user-types/ +11: WEBWASTE & SUSTAINABILITY. Sustainable Tooling And Reporting (STAR) 1.0 Alexander Dawson, Ines Akrap, Mike Gifford, and Tim Frick, Editors. "Sustainable Tooling And Reporting (STAR) 1.0 provides information, examples, and metrics data to complement the Web Sustainability Guidelines (WSG) 1.0 specification…" https://w3c.github.io/sustyweb/star.html Analysis of Overconsumptions on a Light Website By Laurent Devernay. "…from a very pragmatic point of view, it's best to return to a simple but important approach: avoid integrating animations whenever possible, for reasons of accessibility as well as ecodesign (and more generally, user experience)." https://greenspector.com/en/analysis-of-overconsumptions-on-a-light-website-2/ Why Don't We Care About Peace? By Tom Greenwood. "…I'm here to make the case that us sustainability folk should stop ignoring the uncomfortable topic of war and look at it through the lens of people and planet. When we do so, it quickly becomes apparent that no matter what your political views, peace is a fundamental requirement of a sustainable world." https://tomgreenwood.substack.com/p/why-dont-we-care-about-peace [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.]