+++ WEB DESIGN UPDATE. - Volume 21, Issue 04, July 19, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 04 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: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS 08: NAVIGATION. 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. My War on Animation By S.E. Smith. "We are surrounded by a world of motion and I would like to get off of it…" https://www.theverge.com/23191768/animation-accessibility-neurodivergence What Are the Top 6 Problem Spots for Blind Testers in Accessibility Testing? By Rhea Althea Guntalilib. "Here are the six most common barriers blind testers encounter and how they can work through them." https://equalentry.com/accessibility-problems-blind-testers/ MNIT Global Accessibility Awareness Day Sessions By Minnesota IT Services. "To celebrate Global Accessibility Awareness Day (GAAD), Minnesota IT Services' (MNIT) Office of Accessibility hosted a series of short virtual presentations for State of Minnesota employees…Here are links to YouTube video recordings of each session. All recordings include ASL interpreting and closed captioning…" https://mn.gov/mnit/media/blog/?id=38-533052 What Does X% of Issues Mean? By Adrian Roselli. "…If vendors are pitching based on their ability to catch X% of issues on a page, ask them to clarify. Ask them to define issues. At the very least, put them on notice that you expect the marketing message to correspond with expectations, not mis-use them." https://adrianroselli.com/2022/07/what-does-x-of-issues-mean.html Touch, Point, Click: Mouse vs Touch Screen Input By Graeme Fulton. "On Touch Support for Drag and Drop Interfaces…" https://prototypr.io/post/cross-device-inputs-design-for-touch-vs-mouse The Hidden History of Screen Readers By Sheon Han. "For decades, blind programmers have been creating the tools their community needs…" https://www.theverge.com/23203911/screen-readers-history-blind-henter-curran-teh-nvda Accessibility Support By Michael Fairchild et al. "Will your code work with assistive technologies?…" https://a11ysupport.io/ For Blind Internet Users, the Fix Can Be Worse Than the Flaws By Amanda Morris. "Companies say their A.I.-powered tools are the best way to fix accessibility problems online, but many blind people find they make websites harder to use…" https://www.nytimes.com/2022/07/13/technology/ai-web-accessibility.html Accessibility Guru, Heal Thy Site By Jonathan Robert Pool. "…In July 2022 I fed the home pages of 98 experts in digital accessibility to procedures that automatically test and score web pages for accessibility…" https://jpdev.pro/jpdev/blog/entries/0008/index.html incl.ca Ranks as Most Accessible Site for Accessibility Experts By Nicolas Steenhout. I recently received an email telling me that my website had the least accessibility errors in a pool of dozens of other accessibility experts or firms' websites. This was interesting. And yet there were several things I disputed. https://incl.ca/incl-ca-ranks-as-most-accessible-site-for-accessibility-experts/ +02: CASCADING STYLE SHEETS. The CSS Cascade, a Deep Dive (Video) By Bramus Van Damme. "CSS is short for Cascading Style Sheets. But what exactly is this Cascade, and how does it work? What are Origins? How do you calculate Specificity? And where do those new Cascade Layers you might have heard of fit in? And oh, what exactly happens when you use an !important somewhere? In this insightful talk, we'll take a look under the hood of browsers, and detail how they determine which CSS declarations to apply and which not…" https://www.youtube.com/watch?v=zEPXyqj7pEA CSS Variable Secrets (Video) By Lea Verou. "By now most developers use CSS custom properties on the regular, but few understand them deeply enough to harness their full power. Lea will take you on a journey from the practical to the mind-blowing, and from the widely implemented to the cutting edge, demonstrating a host of tips, tricks, and gotchas relating to CSS variables in her trademark interactive style. You will leave this talk with both your CSS toolbox and your mind refreshed, and a much deeper understanding of CSS custom properties that you ever thought possible…" https://www.youtube.com/watch?v=ZuZizqDF4q8 Interop 2022 (Video) Rachel Andrew. "For the first time ever, all major browser vendors, and other stakeholders, have come together to solve the top browsers compatibility issues identified by web developers. Interop 2022 will improve the experience of developing for the web in 15 key areas. In this talk, you'll find out how we got here, what the project focuses on, how success will be measured, and how you can track progress…" https://www.youtube.com/watch?v=w_gOOW2ARMk +03: EVALUATION & TESTING. Using Personas to Prioritize Features (Video) By Kim Salazar. "Put your personas to work by using them to evaluate and compare features and user stories to inform work priorities." https://www.nngroup.com/videos/using-personas-prioritize-features/ The Methods UX Professionals Use (2022) By Jeff Sauro, Emily Short, and Jim Lewis. "…Here's an overview of how common methods are used and how that use has changed over time…" https://measuringu.com/ux-methods-2022/ When to Use Which User-Experience Research Methods By Christian Rohrer. "Modern day UX research methods answer a wide range of questions. To help you know when to use which user research method, each of 20 methods is mapped across 3 dimensions and over time within a typical product-development process." https://www.nngroup.com/articles/which-ux-research-methods/ +04: EVENTS. Introducing ATAG July 21, 2022. Online https://intopia.digital/articles/intopia-webinar-introducing-atag-21-july-2022/ DrupalCon September 20-23, 2022 Prague, Czech Republic https://events.drupal.org/prague2022 Professional Development for Everyone: Planning for an Accessible Event September 27, 2022. Online https://dhswi.zoomgov.com/webinar/register/WN_ZNqCBhoBQnCcXM2YF9_4Vw Paris Web October 6-8, 2022. Paris, France https://www.paris-web.fr/ Meta-Funka Accessibility Hackathon 2022 November 30, 2022. Online https://www.funka.com/en/meta-funka-accessibility-hackathon-2022 +05: HTML. Perceived Affordances and the Functionality Mismatch By Léonie Watson. "Using one element or set of elements (usually because of their functionality) and styling them to look like something else is a common pattern…" https://tink.uk/perceived-affordances-and-the-functionality-mismatch/ What Is the Best Way to Mark Up an Exclusive Button Group? By Lea Verou. "A few days ago I asked Twitter a seemingly simple question…" https://lea.verou.me/2022/07/button-group/ Minimal Social Markup By Jens Oliver Meiert. "Every website and app these days needs so-called 'social markup,' metadata for a richer and prettier display in social media and messaging tools…" https://meiert.com/en/blog/minimal-social-markup/ +06: JAVASCRIPT. What You Need to Know About ARIA and How to Fix Common Mistakes By Whitney Lewis. "…In this article, we go over the ARIA basics that everyone working with websites should know. Then, we get a little more advanced with an introduction to ARIA for people editing HTML. We end with some ARIA examples for developers…" https://blog.pope.tech/2022/07/12/what-you-need-to-know-about-aria-and-how-to-fix-common-mistakes/ What ARIA is and It's Impact on Accessibility (Video) By Pope Tech. "In this video we cover what ARIA is, the number one rule of ARIA, and examples of how incorrect ARIA impacts assistive technology users…" https://www.youtube.com/watch?v=BDPMUq__gIM Activity to Find ARIA Instances With Pope Tech By Whitney Lewis. "…This activity is made for websites. It's not made for Canvas courses because Canvas courses typically shouldn't use ARIA. The activity includes making a plan to fix existing ARIA and a plan to create accessible HTML content with ARIA going forward…" https://blog.pope.tech/2022/07/12/aria-training-resources/#activity The Array.prototype.at() method in vanilla JavaScript By Chris Ferdinandi. Today, I wanted to quickly share the Array.prototype.at() method: how it works, and when you might use it. https://gomakethings.com/the-array.prototype.at-method-in-vanilla-javascript/ +07: MISCELLANEOUS. Newsletter Reaches Milestone By University of Minnesota Duluth. "July 2022 marks the 20th year of the Web Design Update Newsletter, a weekly digest dedicated to disseminating news and information about web design and development…" https://itss.d.umn.edu/articles/webdesign-update-20yr +08: NAVIGATION. Website Findability: Can Users Even Find Your Site? By Toby Biddle. "…I'd first like to explain the importance of search engine findability in managing a successful website, then describe my approach to website findability, and demonstrate why I think this approach is a valuable addition to research methods like usability testing and web analytics…" https://www.loop11.com/website-findability-can-users-even-find-your-site/ +09: USABILITY. Progressive Disclosure (Video) By Raluca Budiu. "To reduce complexity in a user interface, employ progressive disclosure to defer secondary options to a subsidiary screen. This focuses users' attention on the primary options, which are the only ones shown by default." https://www.nngroup.com/videos/progressive-disclosure/ Using Grids in Interface Designs By Kelley Gordon. "Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms." https://www.nngroup.com/articles/using-grids-in-interface-designs/ +10: WEBWASTE & SUSTAINABILITY. How Do You Convert Images to WebP Format? By Deborah Edwards-Oñoro. "…WebP files improve the speed of your site and experience for your users…" https://www.lireo.com/how-do-you-convert-images-to-webp-format/ [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.]