+++ WEB DESIGN UPDATE. - Volume 21, Issue 02, July 07, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 02 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. 'That's Not Accessible!' and Other Statements About Accessibility By Hidde de Vries. "…measuring web accessibility is somewhat subjective and claims like 'X is accessible' or 'X is inaccessible' are tricky. If someone makes such statements, grab a pinch of salt! But, having said that, it can be helpful to talk about accessibility as 'meets the criteria in this standard' and 'does not meet the criteria in this standard'…" https://hidde.blog/accessibility-objectivity/ The Evolution of WCAG: A Postcard from the Front Lines By John Foliot. "…In this article, we'll review some history of WCAG (the Web Content Accessibility Guidelines) and look ahead to anticipated changes-in both the short term and the long term…" https://accessibility.amnet.com/the-evolution-of-wcag-2/ Icon-only Links Fail WCAG By Martin Underhill. "…I see plenty of icon-only links in interfaces around the web: * 'Back to top' links that are arrows pointing upwards * Little cog illustrations that take the user to a settings page * Navigation that uses a house icon for the 'home' link These are all failures of 2.4.4 Link Purpose (In Context) because there is no link text…" https://www.tempertemper.net/blog/icon-only-links-fail-wcag What I Wish Was in WCAG: Prohibit Icon-Only Buttons By Martin Underhill. "I had a conversation this week where I was asked a great question: what was one thing I wished WCAG included? For me it would be to ensure that every button's label has visible text…" https://www.tempertemper.net/blog/what-i-wish-was-in-wcag-prohibit-icon-only-buttons WCAG - 1.4.12 Text Spacing (Level AA) By Holistic Accessibility. "…Ensure that no information or functionality gets lost if users increase the space between lines, paragraphs, letters and words…" https://holistica11y.com/wcag-1-4-12-text-spacing-level-aa/ WCAG 2.1 AA Jeopardy Game By Melanie Sumner. "Select 'No Teams' then 'Start'." https://jeopardylabs.com/play/wcag-21-aa Accessibility Testing Guide By alphagov. …"This guide outlines some approaches for testing websites and applications against the Web Content Accessibility Guidelines (WCAG) 2.1 AA Level…" https://github.com/alphagov/wcag-primer/wiki Audio Description as a Form of Audiovisual Translation with Dr. Joel Snyder By Rebecca Klein. "Every month, we welcome a new guest to 3Play Media's Allied Podcast. In June 2022, we met with Joel Snyder, Ph.D., known internationally as one of the world's first audio describers…" https://www.3playmedia.com/blog/audio-description-as-a-form-of-audiovisual-translation-with-dr-joel-snyder/ Change Management for Accessibility: ADKAR Model By Heidi Kelly-Gibson. "…ADKAR is a bottom-up method that puts the focus on the people behind the change.…" https://www.deque.com/blog/change-management-for-accessibility-adkar-model/ Legal Update: June 2022 By Ken Nakata. "…let's jump right into some of this month's interesting web accessibility caseslet's jump right into some of this month's interesting web accessibility cases…" https://convergeaccessibility.com/2022/07/05/legal-update-june-2022/ +02: CASCADING STYLE SHEETS. The Ballad of Text Overflow By James Edwards. "…text-overflow should never be used…The real answer here is not to rely on text truncation at all. Designs should be flexible enough to accommodate any content they might have, in any viewport size (from 320px), and any increases in zoom (up to 400%)…" https://www.tpgi.com/the-ballad-of-text-overflow/ The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day) By Bramus Van Damme. "…In my talk I covered the details of the CSS Cascade, with a huge focus on CSS Cascade Layers…" https://www.bram.us/2022/06/28/the-css-cascade-a-deep-dive-2022-06-09-css-day/ Can We Enterprise CSS Grid? By Chen Hui Jing. "Regardless of whether the title of this blog post is grammatically correct or not, this is a question that I've had the opportunity to tackle recently. And after meeting and chatting with a bunch of CSS folks at CSS Day, I figured it'd be a good time to organise my thoughts around this topic…" https://chenhuijing.com/blog/can-we-enterprise-css-grid/ Style with Stateful, Semantic Selectors By Ben Myers. "…If a state is important enough to indicate visually, it's probably important enough to expose to assistive technologies…" https://benmyers.dev/blog/semantic-selectors/ Style Queries By Una Kravets. "You may have heard of container queries and the new contain-level-3 spec which is currently in experimental browsers, but have you heard of style container queries, which are also a part of this (very exciting) spec?…" https://una.im/style-queries/ The Unlocked Possibilities of the :has() Selector By Jim Nielsen. "I was listening to ShopTalkShow Ep. 520 where Eric Meyer talks about all the new possibilities (many yet undiscovered) the :has() selector unlocks, including what he calls 'classes-less markup'…" https://blog.jim-nielsen.com/2022/unlocked-possibilities-of-has-selector/ Masonry? In CSS?! By Michelle Barker. "I spoke about CSS layout at CSS Day conference recently, and in the Q&A session afterwards I was asked about masonry layout in CSS…" https://css-irl.info/masonry-in-css/ +03: EVALUATION & TESTING. Obtaining Consent for User Research By Therese Fessenden. "Better designs should never come at the cost of another person's wellbeing. Informed consent is a fundamental part of an ethical research program, which respects participants and protects them from harm." https://www.nngroup.com/articles/informed-consent/ +04: EVENTS. Ask an ADA Professional - Communication Requirements under the ADA July 13, 2022. Online https://www.accessibilityonline.org/adapro/session/?id=111003 Virtual Accessibility Mapping, Awareness Raising, and Real-World Advocacy July 19, 2022. Online https://www.meetup.com/a11yvr/events/285974127/ Best Practices to Structure Accessibility Testing July 22, 2022 Online https://www.tpgi.com/webinar-july-20-at-12pm-et-best-practices-to-structure-accessibility-testing/ How to Quickly Test Your Website for JAWS Screen Reader Compatibility July 27, 2022 Online https://www.tpgi.com/webinar-july-27-at-12pm-et-quickly-test-your-website-for-jaws-screen-reader-compatibility/ UX Conference September September 17-30, 2022. Online. https://www.nngroup.com/training/september/ Disability Rights Advocates's 2022 Gala: Advocating from the Heart, Raising All Boats October 6, 2022. Online https://app.mobilecause.com/e/tHF0uw +05: HTML. Use Legend and Fieldset By Adrian Roselli. "It's 2022 and people are still afraid to use
and . I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more inaccessible experience…" https://adrianroselli.com/2022/07/use-legend-and-fieldset.html Details-As-A-Menu By Melanie Sumner. "…It's technically permissible but don't do it…" https://melsumner.github.io/details-as-a-menu Replace the outline algorithm with one based on heading levels By Web Hypertext Application Technology Working Group (WHATWG). Thanks to Steve Faulkner for his dedicated work on this. "Removes the idea of sectioning content influencing the document's outline. Instead, the outline is derived from all of the document's h1-h6 elements. (Sectioning content still plays a role in scoping header and footer elements.) This ensures that the outline generated by the outline algorithm, i.e. the document's semantics for authors, better aligns with the way screen reader users navigate through headings and the corresponding normative requirements for implementations in the HTML-AAM specification…" https://github.com/whatwg/html/commit/6682bdeee6fb08f5972bea92064fe250f1b4ec9c +06: JAVASCRIPT. Whats a JavaScript Library? By Chris Ferdinandi. "…A JavaScript library is code that abstracts commonly used or complicated tasks into a simpler, easier-to-use format…" https://gomakethings.com/whats-a-javascript-library/ +07: MISCELLANEOUS. Design Principles For The Web (Video) By Jeremy Keith. Jeremy's June 14, 2022 presentation at the We Are Developers conference. https://www.youtube.com/watch?v=FLKxn321FiE&t=341s A Few Quick Tips for Setting Up Windows for Development By Deborah Edwards-Oñoro. "When you're a developer switching from a Mac environment to Windows or you're a new developer working in Windows, it can be challenging to know where to start customizing your environment…" https://www.lireo.com/a-few-quick-tips-for-setting-up-windows-for-development/ +08: NAVIGATION. Taxonomy 101: Definition, Best Practices, and How It Complements Other IA Work By Page Laubheimer. "A taxonomy is a backstage structure that complements the visible navigation. Taxonomies support consistent information retrieval by creating formal metadata rules." https://www.nngroup.com/articles/taxonomy-101/ +09: USABILITY. Do Not Use 'Reading Age' When Thinking About Adults By Caroline Jarrett. "Do not use 'reading age' when thinking about adults. It's not helpful, and it fails to acknowledge the life experience of people with reading difficulties…" https://www.effortmark.co.uk/do-not-use-reading-age-when-thinking-about-adults/ What Rage Clicks Can Tell Us About User Experience By Jessica Graham. "Interacting with apps and websites can sometimes be frustrating. Have you ever encountered a link, button, or image that just won't respond the way you want it to, no matter how many times you click or tap? If so, you'll understand the concept of rage clicking…" https://www.uxbooth.com/articles/what-rage-clicks-can-tell-us-about-user-experience/ Objectives and Key Results (OKRs) in UX (Video) By Anna Kaley. "Define objectives and measurable key results to guide and track UX work. Use OKRs as a tool to align your team, provide focus, and a tangible way to monitor progress…" https://www.nngroup.com/videos/okrs-in-ux/ +10: WEBWASTE & SUSTAINABILITY. Sustainable Web Design Makes the Internet More Accessible By Sustainable WWW. "The hot topic at the moment is sustainable web design and how it can help make data more accessible to people living in areas with low bandwidth/slow internet and at the same time cause less pollution. In this article, we will talk about how sustainable web design contributes to a more accessible internet and why it causes less pollution…" https://sustainablewww.org/principles/sustainable-web-design-makes-the-internet-more-accessible [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.]