+++ WEB DESIGN UPDATE. - Volume 22, Issue 04, July 19, 2023. 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. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Testing for WCAG 2.2 (Video) By Sarah Pulis and Julie Grundy. "Director and Co-founder Sarah Pulis, along with Senior Digital Accessibility Consultant Julie Grundy, hosted an Intopia webinar on July 2023 on testing for the upcoming version of the Web Content Accessibility Guidelines, WCAG 2.2…" https://www.youtube.com/watch?v=uQ0BRu6cLOg What's New in WCAG 2.2? (Updated 18 July 2023) By Hidde de Vries. "WCAG 2.2 is now pretty close to becoming an official standard. It includes all of WCAG 2.1, minus 4.1.1 Parsing, plus nine new criteria. Of those, six are in Level A + AA, the most commonly tested combination of levels…" https://hidde.blog/new-in-wcag22/ Interoperability With Specific Assistive Technologies or: "Does the Website Work on JAWS?" By Karl Groves. "…'Does the website work on JAWS' is a bad goal, a bad judge of accessibility, and a bad defense in a lawsuit…" https://karlgroves.com/interoperability-with-specific-assistive-technologies-or-does-the-website-work-on-jaws/ Web Accessibility in Higher Ed Not Just "A Checkbox" with Terrill Thompson (Podcast) By Ed Scoop. "On the Cutting EDge podcast, Terrill Thompson, the manager of the University of Washington's IT Accessibility team, says that universities need to establish a culture that emphasizes the importance of web accessibility while they wait for stronger standards to arrive…" https://edscoop.com/radio/building-culture-web-accessibility-higher-ed/ Levelling Up Accessibility Skills in Your Organisation (Video) By Sarah Pulis and Russ Weakley. "…Today we're going to talk about how to measure and improve your accessibility knowledge within your team…" https://www.youtube.com/watch?v=NCx3beD1cUI Data Visualization Accessibility for Blind and Low Vision Audiences By Chloe Keilers, Garreth W. Tigwell, and Roshan L. Peiris. "…At present, data visualizations are largely inaccessible to blind and low vision users; however, it is possible to improve accessibility with intentional design…" https://link.springer.com/chapter/10.1007/978-3-031-35681-0_26 PDF Navbars: Barrier or Poor User Experience? (Video) By Chad Chelius and Dax Castro. "…we talk about the difference between barriers, violations and poor user experiences. We review a practice we are seeing more and more of, navigation bars inside PDF documents…" https://www.youtube.com/watch?v=Pmh4WZjbqOE The Alt-Text Project is Moving Forward… By Hannah Kolbeck. "…as folks from the community step up. We're still hoping to find someone with firsthand experience in browsing the web relying on alt text to join us…" https://mastodon.social/@hannah@social.alt-text.org/110698497904301160 Accessibility Expert Adrian Roselli Sued for Wanting Accessibility to be… Accessible By Michelle Frechette. "If you're part of the Accessibility Community, then the name Adrian Roselli should sound familiar…" https://poststatus.com/accessibility-expert-adrian-roselli-sued-for-wanting-accessibility-to-be-accessible/ +02: CASCADING STYLE SHEETS. Writing CSS in 2023: Is It Any Different Than a Few Years Ago? By Geoff Graham. "CSS is evolving faster than ever. With all of the new features that are now available - and forthcoming - since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet)." https://www.smashingmagazine.com/2023/07/writing-css-2023/ Modern CSS Layout is Awesome (Video) By Michelle Barker. "…My own talk was on CSS layout, including some of the exciting new features we have at our disposal. If you want to get up to speed on what's new in CSS layout, this is a good place to start…" https://css-irl.info/video-modern-css-layout-is-awesome/ +03: EVALUATION & TESTING. Campbell's Law: The Dark Side of Success Metrics (Video) By Page Laubheimer. "When organizations optimize metrics at the cost of all else, they expose themselves to metric corruption, which can have disastrous consequences." https://www.nngroup.com/videos/campbells-law/ CSD Matrix: Framework and Template for Shared Understanding By Anna Kaley. "A CSD matrix outlines and simplifies project context and understanding by categorizing information into three distinct types: certainties, suppositions, and doubts." https://www.nngroup.com/articles/csd-matrix/ Describing Single Ease Question (SEQ) Scores with Adjectives By Jeff Sauro and Jim Lewis. "…These adjective descriptions for SEQ scores provide a new and potentially useful way to interpret the SEQ…" https://measuringu.com/adjective-interpretations-of-seq-scores/ Watch Out For that Tree! Problems with Competitive Analysis By Luke Wroblewski. "Within companies around the World, it's common practice to look at what competitors are doing when designing new experiences. But these kinds of competitive analyses can easily take you off course just like bikers steering directly into trees…" https://www.lukew.com/ff/entry.asp?2027 +04: EVENTS. Accessibility Camp Coeur d'Alene (A11y Camp CDA) August 2-3, 2023. Coeur d'Alene, Idaho, U.S.A. https://www.nic.edu/websites/default.aspx?dpt=211&pageID=16068 Crystal Con with Crystal Preston-Watson August 8-9, 2023. Online https://crystalcon.tech/ Anatomy of Inaccessible Website August 17, 2023. Online https://www.eventbrite.com/e/anatomy-of-inaccessible-website-tickets-532090606327 Accessibility Scotland September 8, 2023. Edinburgh, Scotland https://accessibility.scot/ +05: HTML. inert Attribute (HTML) By Michael Fairchild. "Tested the inert attribute; support looks pretty solid…" https://a11ysupport.io/tech/html/inert_attribute +06: JAVASCRIPT. What You Need to Know About ARIA and How to Avoid Common Mistakes By Whitney Lewis. "Not all HTML elements have accessibility built into them, so ARIA is used to add that accessibility…" https://blog.pope.tech/2022/07/12/what-you-need-to-know-about-aria-and-how-to-fix-common-mistakes/ How to Review Your Website's ARIA (Video) By Whitney Lewis. "When misused, ARIA can make your website inaccessible. That's why it's important to review each instance. This video goes over how to use WebAIM's free WAVE extension to find and review each instance of ARIA…" https://www.youtube.com/watch?v=Ouj84wLTOas Create an Accessible Tree View Widget Using ARIA By Whitney Lewis. "A tree view is an interactive list of items users can collapse, expand, and select…" https://blog.pope.tech/2023/07/06/create-an-accessible-tree-view-widget-using-aria/ O Dialog Focus, Where Art Thou? By Manuel Matuzović. "Here's a job interview question for you: When you click a button and call the showModal() method to open a modal , where does the focus go by default, and how can you move it elsewhere…" https://www.matuzo.at/blog/2023/focus-dialog/ +07: MISCELLANEOUS. Understanding the History of Web Accessibility (Video) By Gian Wild. "Although the Web Content Accessibility Guidelines, Version 1.0 was released in 1999, it wasn't really taken seriously until Bruce Maguire made a complaint to the Australian Human Rights Commission in 2000 about the Sydney Olympic Games website. The rest, as they say, is history. AccessibilityOz Founder and CEO Gian Wild will discuss digital accessibility's hard-won and progressive history, how it started, where it is now and where it's headed…" https://www.youtube.com/watch?v=njETFt0dB_4 Dealing with Burnout in a Head of Accessibility Role with Craig Abbott (Podcast) By The Digital Accessibility Podcast. "We discuss his own experience within the field of Accessibility. Experiencing burn-out and what he may have done differently, imposter syndrome when working with guidelines rather than regulations and provides general insight and advice when thinking about hiring the right people and the general recruitment process within Digital Accessibility…" https://www.youtube.com/watch?v=lChvjtGlg5E Permission By Jeremy Keith. "…Instead of responding to search queries by linking to the web pages we've made, Google is instead generating dodgy summaries rife with hallucina… lies (a psychic hotline, basically). Google still benefits from us publishing web pages. We no longer benefit from Google slurping up those web pages…" https://adactio.com/journal/20315 Reflections on AI Explain: A Postmortem By The Mozilla Developer Network (MDN) Team. "…AI Explain will not be reintroduced to MDN until we are confident that it delivers reliable information that both readers and contributors can trust…" https://developer.mozilla.org/en-US/blog/ai-explain-postmortem/ +08: NAVIGATION. Google Search is a Government Risk By Gerry McGovern. "It has always amazed me how governments, in particular, have handed over the findability of their information to Google. AI will compound this risk.…" https://gerrymcgovern.com/google-search-is-a-government-risk/ +09: USABILITY. Designing Age-Inclusive Products: Guidelines And Best Practices By Michal Halperin Ben Zvi. "With an estimated one in every eight individuals worldwide surpassing the age of 60, who are actively adopting online shopping, the need for user-friendly interfaces tailored to their needs becomes apparent. As cognitive abilities may undergo changes with age, it becomes vital to prioritize proper navigation and orientation practices in design. Explore the guidelines to help you design a more inclusive product for all, particularly for an older audience and your future self as well." https://www.smashingmagazine.com/2023/07/designing-age-inclusive-products-guidelines-best-practices/ [Section one ends.] ++ SECTION TWO: +10: 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.]