+++ WEB DESIGN UPDATE. - Volume 22, Issue 47, May 15, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 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: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Level-Setting Heading Levels By Adrian Roselli. "Avoid setting heading levels greater than six (6). This applies whether using aria-level or the proposed headingstart HTML attribute. Use HTML elements whenever possible…" https://adrianroselli.com/2024/05/level-setting-heading-levels.html Focus vs A11y Focus By MobA11y. "One of the common areas of confusion for teams when communicating about accessibility is what focus means. It seems like a pretty simple term, but it can actually mean a few different things in different contexts…" https://moba11y.com/blog/focus-vs-accessibility-focus/ The Value of Open Source im Furthering Accessibility Goals (Video) By Mike Gifford. Mike's G0V Summit presentation in Taiwan was about open source and accessibility. https://www.youtube.com/live/sR_fQI2Mk3Y?si=96KQ_04mBweKHvzH&t=713 Global Mobile App Accessibility: A Comparative Study of WCAG Compliance Across 12 Countries (PDF) By Wahid bin Ahsan, Imran Hossain, Habibur Rahman, Nasir Uddin, Kazi Rashid, Sahriar Ratul, Zannatul Ferdous, Fariha Islam, Abu MD Ehsan. "This study assesses the accessibility of mobile applications across twelve countries, including the USA, Vietnam, Turkey, Ireland, and South Korea…" https://userhub.com.bd/download/report/global-mobile-app-accessibility-wcag-compliance-12-countries.pdf How We're Building More Inclusive and Accessible Components at GitHub By Eric W. Bailey. "We've made improvements to the way users of assistive technology can interact with and navigate lists of issues and pull requests and tables across GitHub…" https://github.blog/2024-05-07-how-were-building-more-inclusive-and-accessible-components-at-github/ Choosing Your Accessibility UI Testing Library By Mark Steadman. "…Let's break down how you can chose the best testing library for your development team…" https://dev.to/steady5063/choosing-your-accessibility-ui-testing-library-1o09 Creating Effective Automated Accessibility Test Cases By Mark Steadman. "…It's time to get past the 'we included accessibility tests' that get little to no results and more effectively create test cases that allow your development team to fix more accessibility issues now…" https://dev.to/steady5063/creating-effective-automated-accessibility-test-cases-21ho Why I Care Deeply About Web Accessibility And You Should Too By Schalk Neethling. "When I talk about web accessibility I tend to take a pretty broad view…" https://dev.to/schalkneethling/why-i-care-deeply-about-web-accessibility-and-you-should-too-274a Intopia's WCAG 2.2 Maps By Naomi Saines. "Our WCAG 2.2 Map launched in late 2023 and quickly became a global hit, gathering over 120,000 views on LinkedIn alone…" https://intopia.digital/articles/intopias-wcag-2-2-maps/ How Can Public Colleges Prepare for ADA Digital Accessibility Requirements? By Kara Arundel. "A new Justice Department rule aims to ensure state and local government web content and mobile apps are accessible for people with disabilities…" https://www.highereddive.com/news/colleges-title-ii-digital-accessibility/715265/ States Can Make Digital Accessibility Easier for Municipalities (Part 3) By Ken Nakata. "This is part 3 of our series for improving digital accessibility considering the new Department of Justice web accessibility regulation. This time, we're focusing on the leadership and advising role that the state Chief Information Officer (CIO) and state Office of Information Technology (OIT)-or their equivalents in different states-can play in helping municipalities comply with the new DOJ regulation…" https://convergeaccessibility.com/2024/05/07/municipalities_introduction-part3/ HHS New Section 504 Requires WCAG 2.1 A/AA Compliance By Ken Nakata. "The Department of Health and Human Services (HHS) just issued a new Section 504 regulation that will have a huge impact of health care providers around the country…" https://convergeaccessibility.com/2024/05/09/hhs_wcag_504/ Justice Department Secures Agreement with Springfield Clinic to Make its Online Services Accessible for People with Disabilities By U.S. Department of Justice. "The Department of Justice announced today it has entered into a settlement agreement with the Springfield Clinic (Clinic) to resolve alleged violations of Title III of the Americans with Disabilities Act…" https://www.justice.gov/usao-cdil/pr/justice-department-secures-agreement-springfield-clinic-make-its-online-services +02: CASCADING STYLE SHEETS. I'm Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry By Andy Bell. "There's a lot of chatter about CSS masonry at the moment. Should it be called 'masonry' and should it be grid? Let's worry about the basics first…This is a real problem though because with one line of CSS you can create a pretty serious accessibility issue. I dunno how it would get fixed, so maybe the best thing is for me to warn you not to use masonry if there's focusable elements in play…" https://piccalil.li/blog/masonry-and-tabbing/ CSS Shape By Temani Afif. "Pure CSS shapes made with a single-element, modern CSS and an optimized code. All the shapes are here, look no further…" https://css-shape.com/ The Modern Guide For Making CSS Shapes By Temani Afif. "Creating shapes using CSS is, without any doubt, a classic exercise. In many cases, we try to use hacky code and workarounds, but CSS has evolved, and we have modern ways to create CSS Shapes with clean, reusable code. In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible…" https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/ You Want border-color: transparent, Not border: none By Dave Rupert. "If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I'd urge you to stop for a moment and reconsider…" https://frontendmasters.com/blog/you-want-border-color-transparent-not-border-none/ Transparent Borders By Brad Frost. "…border-color: transparent comes in handy for other use cases as well. The first is for a such a 101-level thing, but holy smokes is it still something I commonly encounter across the internet…" https://bradfrost.com/blog/post/transparent-borders/ The 11ty International Symposium on Making Web Sites Real Good (Video) By Miriam Suzanne. "Miriam's 11ty's presentation at International Symposium on Making Web Sites Real Good " https://www.youtube.com/watch?v=iLxJ6PtuF9M&t=4191s +03: COLOR. Naming Colors in Design Systems By Jess Satell. "How language brings logic to a subjective topic…" https://adobe.design/stories/design-for-scale/naming-colors-in-design-systems +04: EVALUATION & TESTING. Traditional Usability Testing Might Be Causing You Problems By Paul Boag. "Traditional usability tests are great, but they are not always the most appropriate tool for the job…" https://boagworld.com/emails/traditional-usability-testing-might-be-causing-you-problems/ How To Run UX Research Without Access To Users By Vitaly Friedman. "How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it…" https://www.smashingmagazine.com/2024/05/how-run-ux-research-without-access-users/ Measuring Users. Mental Models By Lawton Pybus. "The article discusses the concept of mental models and various methods for measuring and analyzing them in user research, highlighting their importance in designing user-friendly experiences.…" https://uxmag.com/articles/measuring-users-mental-models +05: EVENTS. A Practical Introduction to Disability Awareness May 16, 2024. Online https://go.3playmedia.com/wbnr-05-16-2024-gaad What AI Can Do For (and To) Web Accessibility with Hans Hillen and Ricky Onsman May 21, 2024. Online https://www.tpgi.com/webinar-may-21-at-12pm-et-what-ai-can-do-for-and-to-web-accessibility/ Leveling the Playing Field: Toward Equivalently Accessible Video Game Worlds June 4, 2024. Online https://www.meetup.com/a11ynyc/events/300167902/ Content Design for Forms With Caroline Jarrett June 27, 2024. London, England, United Kingdom https://www.effortmark.co.uk/27-june-24-course-content-design-for-forms/ M-Enabling Summit October 15-17, 2024. Washington D.C., U.S.A. https://m-enabling.com/ World Usability Conference 2024 October 15-17, 2024. Graz, Austria https://worldusabilitycongress.com/ +06: HTML. Naming Things Needn't Be Hard By Paul Robert Lloyd. "Find inspiration for naming things - be that HTML classes, CSS properties or JavaScript functions - using these lists of useful words…" https://classnames.paulrobertlloyd.com/ Naming Conventions By Javier Cuello. "Follow consistent ways of naming layers, groups and components across your system…" https://goodpractices.design/guidelines/naming +07: JAVASCRIPT. Best Intention Barriers (ARIA Edition) By Marcus Herrmann. "…Let's talk about three types of barriers, specifically related to WAI-ARIA, created with the best intentions…" https://marcus.io/blog/best-intention-barriers-aria WAI-ARIA: Role=Caption By Raghavendra Satish Peri. "Visible content that names, and may also describe, a figure, table, grid, or treegrid…" https://www.digitala11y.com/wai-aria-rolecaption/ Javascript var, let, and const Explained By Chris Ferdinandi. "I recently had the pleasure of chatting with Kevin Powell for a series of JavaScript explainer videos on his YouTube channel…" https://gomakethings.com/javascript-var-let-and-const-explained/ +08: MISCELLANEOUS. Manifesto for a Humane Web By Michelle Barker. "We need a web by and for humans…" https://humanewebmanifesto.com/ React, Electron, and LLMs Have a Common Purpose: The Labour Arbitrage Theory of Dev Tool Popularity By Baldur Bjarnason. "…The long-term popularity of any given tool for software development is proportional to how much labour arbitrage it enables…Labour arbitrage is, effectively, when employers play employees in different regions and fields against each other…" https://www.baldurbjarnason.com/2024/react-electron-llms-labour-arbitrage/ AI Is Designed to Lie By Gerry McGovern. "'Factual accuracy in large language models remains an area of active research,' OpenAI argues…" https://gerrymcgovern.com/ai-is-designed-to-lie-2/ Websites Are Not Books By Ricky Onsman. "Why do we keep acting as if a website is a book…" https://onsman.com/websites-are-not-books/ Oversharing the Super Safe Stuff: 'Privacy-Washing' in Apple iPhone and Google Pixel Commercials By Angela M. Cirucci. "Inspired by the ever-evolving concerns surrounding data privacy, this study analyzes Apple's and Google's ads for their iPhone and Android devices, respectively, as well as each company's privacy policies…" https://firstmonday.org/ojs/index.php/fm/article/view/13321/11617 +09: TOOLS. The Disenshittify Project By John Allsopp. "While the enshittification of the Web (and beyond) might seem far greater than any individual can even make the slightest dent in-you, we, can deshittify the Web one small piece at a time…" https://deshittify.us/ jQuery to JavaScript Converter By Sachin Neravath. "Convert your jQuery scripts to efficient JavaScript directly in your browser. Receive reliable, chainable, modern JavaScript code instantly that can be used as a minimal utility library, while keeping your existing code untouched…" https://www.lightgalleryjs.com/jquery-to-js-converter/ Discussion: https://www.reddit.com/r/programming/comments/1cmccyh/i_built_an_opensource_library_to_automatically/ +10: TYPOGRAPHY. Typography Terms: Glossary By Sarah Gibbons and Therese Fessenden. "Use this glossary to clarify key definitions related to typography…" https://www.nngroup.com/articles/typography-terms-ux/ +11: USABILITY. No, I Don't Want to Fill Out Your Contact Form By Adam Jones. "Contact forms are almost always worse for users than just putting an email on your website. I explore why they're terrible, why you've done it anyway, and what to do about it.…" https://adamjones.me/blog/dont-use-contact-forms/ UX Writing: Study Guide By Anna Kaley. "Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online reading behaviors…" https://www.nngroup.com/articles/ux-writing-study-guide/ What is UX (Not)? (Video) By Kate Kaplan. "While UX is often conflated with limited concepts such as usability, interactions, and technology, a holistic user experience considers a person's thoughts, emotions, and actions." https://www.nngroup.com/videos/what-is-ux-not/ Empty State Tips for Content Designers By Megan Legawiec. "Empty states are one of my favorite things to write for…" https://www.linkedin.com/feed/update/urn:li:activity:7184152452022050816/ +12: XML. RSS is Good, Isn't It?! By Michelle Barker. "…RSS stands for 'Really Simple Syndication', and in a nutshell is a web feed that allows users to see when new content has been published to a site they follow…" https://css-irl.info/rss-is-good-isnt-it/ [Section one ends.] ++ SECTION TWO: +13: 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.]