+++ WEB DESIGN UPDATE. - Volume 19, Issue 49, June 2, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 49 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: JAVASCRIPT. 06: MISCELLANEOUS. 07: TOOLS. 08: USABILITY. 09: WEBWASTE & SUSTAINABILITY. 10: XML. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. WCAG 2.2: What's New and What to Do With It With Alastair Campbell (Video) By Alastair Campbell. "…The Web Content Accessibility Guidelines (WCAG) are being updated again, only 3 years after 2.1 was published. Using the new requirements from version 2.2, Alastair walks through the new guidelines, and provides advice on how to use them in your organisation." https://www.youtube.com/watch?v=EZlqSwgKuZE WCAG 2.2 Quick Facts By Lynn Wehrman. "There are the quick facts from our Accessibility Team to get you started…" https://theweco.com/wcag2-2quick-facts/ RTC Accessibility User Requirements Joshue O'Connor, Janina Sajka, Jason White, Michael Cooper, editors. "This document outlines various accessibility related user needs, requirements and scenarios for real-time communication (RTC)…" https://www.w3.org/TR/raur/ The Little Book of A11y with Gareth Ford Williams (Video) By Gareth Ford Williams. "This presentation draws on Gareth's experience over the last 16 years in digital accessibility at the BBC. It is a collection of observations, affirmations, quotes and the like that summarise some of his epiphanies and learnings that every accessibility manager needs to get to grips." https://www.youtube.com/watch?v=ikk-v81dxEU Evolving Accessibility: Thinking Beyond Compliance to Inclusion with Alistair Duggin and Amani Ali (Video) By Alistair Duggin and Amani Ali. "Accessibility is often treated as checklist to meet legal compliance. But such as approach doesn't reap the full rewards that accessibility has to offer." https://www.youtube.com/watch?v=k_5UCulGkEg Designing for Cognitive Disabilities By Tolu Adegbite. "In this post, I want to give some examples of the things we're specifically doing at Shopify to try and improve the accessibility of our ecosystem. We know we're not perfect. But here are some things we're doing, considering, and also aiming for…" https://ux.shopify.com/designing-for-cognitive-disabilities-b2933d58c278 Giving a Damn About Accessibility By Sheri Byrne-Haber. "A candid and practical handbook for designers…" https://accessibility.uxdesign.cc/ Accessibility Concerns for Content Staff By Karl Groves. "…Here are a few key components content staff should be mindful of when creating accessible content for their website…" https://blog.tenon.io/accessibility-concerns-for-content-staff/ Toward Amazing Accessibility By Matthew Deeprose. "Introduction to accessibility testing and 'shifting left' to operationalise amazing accessibility throughout the development life cycle. IT departments in the Higher Education sector and elsewhere know they must commit to accessibility, but how can we take this ambition and embed it within our operations?…" Includes video, slide deck, and supporting materials. https://mle.southampton.ac.uk/bb/access/amazing/ USWDS & Accessibility: Creating More Inclusive Federal Websites (Video) By Digitalgov. "For Global Accessibility Awareness Day on May 20, 2021, the USWDS team shared how accessibility plays a role in design systems, including USWDS…" https://www.youtube.com/watch?v=D-CQtJYBZz0 Teach Access Tutorial By Teach Access. "This resource is part of the Teach Access Initiative, and provides best practices for making accessible mobile and web apps. This tutorial currently provides basic training for developers and designers, with more disciplines to come…" https://teachaccess.github.io/tutorial/ Some Fun Highlights By Karl Groves. "…from the complaint filed in case 1:21-cv-02665 Fischler vs Dorai Home, Inc…" https://twitter.com/karlgroves/status/1397567817717886982 Add Punctuation to Your Alt Text By Eric Bailey. "…The presence of end punctuation such as a period will make the voice pause a bit before announcing the next words in sequence for most assistive technology that utilizes a synthesized voice. This makes the transition to non-image content feel a lot more natural…" https://thoughtbot.com/blog/add-punctuation-to-your-alt-text Why Accessibility Overlays Hurt More Than Help By Denis Boudreau. "…overlays promise you that thanks to their code, everyone, regardless of disabilities, challenges, or circumstances, will now have a positive experience on your website. Clearly, nothing could be further from the truth…" https://uxdesign.cc/the-single-biggest-threat-to-the-future-of-digital-accessibility-d5a9e411f33f Show Up to Disrupt By Cyndi Rowland. "Inspired by Judy Heumann, WebAIM's Cyndi Rowland contemplates how we can disrupt the status quo of digital inequity." https://webaim.org/blog/show-up-to-disrupt/ +02: CASCADING STYLE SHEETS. The New Responsive: Web Design in a Component-Driven World By Una Kravets. "Controlling macro and micro layout in a new era of responsive web design…" https://web.dev/new-responsive/ 25 Years of CSS By Eric A. Meyer. "…some of my notes on CSS from a quarter-century ago, and reflections on all the years since…" https://meyerweb.com/eric/thoughts/2021/05/25/25-years-of-css/ +03: EVALUATION & TESTING. A Decision Tree for Picking the Right Type of Survey Question By Jeff Sauro and Jim Lewis. "Crafting survey questions involves thinking first about the content and then about the format (form follows function)…" https://measuringu.com/survey-question-decision-tree/ A Practical Guide to Inclusive Research By Molly Bloom, Erica Ellis, Nanako Era, Laura Herman, Franccesca Kazerooni, Liza Meckler, and Emma Siegel. "The why and how to make your UX Research practice more inclusive…" https://medium.com/inclusive-research Handling Insignificance in UX Data (Video) By Jakob Nielsen. "After collecting KPI numbers for two versions of a design, the difference between the two metrics is not statistically significant. Now which version should you launch?" https://www.nngroup.com/videos/handling-insignificance-ux-data/ Derailed Design Critiques: Tactics for Getting Back on Track By Rachel Krause. "Feedback during design critiques can be filled with hypothetical scenarios and unactionable suggestions. The right facilitation techniques help stakeholders and team members stay on track while still feeling heard." https://www.nngroup.com/articles/derailed-design-critiques/ +04: EVENTS. Apple Worldwide Developers Conference June 7-11, 2021. Online https://developer.apple.com/wwdc21/ Equity & Excellence July 19-23, 2021. Austin, Texas, U.S.A. https://www.ahead.org/events/event-description?CalendarEventKey=c6b0d8c1-b5eb-45d1-9857-c140042b1040 HighEdWeb 2021 Accessibility Summit July 20, 2021. Online https://a11ysummit21.highedweb.org/ Virtual Web Accessibility Training July 21-22, 2021. Online https://webaim.org/training/virtual/ Web Accessibility Techniques and Testing (Virtual) July 22, 2021. Online https://events.humanitix.com/web-accessibility-techniques-and-testing-virtual-july-vision-australia Accessibility: Modernizing Mega Menus July 28, 2021. Online https://atendesigngroup.com/webinar/accessibility-modernizing-mega-menus Inclusive Design 24 (#id24) September 16, 2021. Global https://inclusivedesign24.org/2021/ +05: JAVASCRIPT. The Hidden World of aria-hidden By Steve Faulkner. "An interesting feature of aria-hidden is that it hides stuff from screen reader users, but its effects are hidden from everyone else. Unless you going looking for it and understand what it does, you will have no idea how powerful it is and what a detrimental effect it can have if used unwisely, without understanding…To avoid exposing content when it is supposed to be hidden from SR users, do not put aria-hidden=true on focusable elements or include focusable elements as descendants of an element with aria-hidden=true, as the results are almost always sub-optimal…" https://html5accessibility.com/stuff/2021/05/31/the-hidden-world-of-aria-hidden/ +06: MISCELLANEOUS. Embracing Design Constraints By Adrian Roselli. "…We cannot discard some constraints at will. We can too easily move from a useful design to a harmful one when we ignore known limitations in the medium or our audience…In industries that rely on or produce for human use or interaction, form ever follows function. If function tries to follow form, failure is likely to take its place… Accessibility is just one of many necessary design constraints. It must be held in the same regard as others, since failure to account for it means failure in the objective of the design…" https://adrianroselli.com/2021/05/embracing-design-constraints.html +07: TOOLS. Accessibility Assessment By Nomensa. "Digital accessibility requires coordinated effort across your organisation. What's your strategy…The free assessment takes about 15 minutes to complete and your Accessibility Assessment scores will be delivered instantly…" https://www.surveygizmo.com/s3/5385474/Free-Accessibility-Assessment +08: USABILITY. Always Provide a Submit Button Adjacent to the Search Field on Mobile (21% Don't) By Sally Collins. "Users often instinctively reach for a submit button to the right of the search field - whether it's there or not - instead of looking towards the touch keyboard…" https://baymard.com/blog/mobile-search-submit-button UX Workshops vs. Meetings: What's the Difference? (Video) By Kate Kaplan. "How do you decide whether to have a meeting or a workshop for a given problem or stage of your UX design process? Both involve a group of people, but there are 5 big differences, and the two formats work for different situations." https://www.nngroup.com/videos/ux-workshops-vs-meetings-whats-difference/ +09: WEBWASTE & SUSTAINABILITY. The Cloud is on the Ground By Gerry McGovern. "…digital is an accelerator of many of our most climate-destructive habits…" https://gerrymcgovern.com/the-cloud-is-on-the-ground/ +10: XML. Accessible SVGs: Perfect Patterns For Screen Reader Users By Carie Fisher. "Discover which SVG patterns we should avoid and which patterns are the most inclusive when comparing different combinations of OSs, browsers, and screen readers. Carie will also be running an online workshop on Accessible Front-End Patterns all around front-end accessibility." https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/ [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.]