+++ WEB DESIGN UPDATE. - Volume 20, Issue 06, August 4, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 06 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. Creating an Accessible Dialog From Scratch By Kitty Giraudel. "Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs…" https://www.smashingmagazine.com/2021/07/accessible-dialog-from-scratch/ How to Handle Live Closed Captioning - and the Challenges By Kelly Mahoney. "…we've compiled a list of tips and backup plans to help you navigate any challenges you might face when captioning your live event through ASR technology, human-assisted live captioning (HAL), or a combination of the two…" https://www.3playmedia.com/blog/how-to-handle-live-closed-captioning-and-the-challenges/ Setting Up an Accessible Shopify Store By Joseph C. Dolson. "…Shopify has provided a usable, accessible interface for store owners and shoppers. However, much of the accessibility burden falls on editors and theme developers. Shopify does not provide significant help in guiding owners towards accessible themes or helping them create accessible product content. In short, do your homework to avoid accessibility lawsuits." https://www.practicalecommerce.com/setting-up-an-accessible-shopify-store Where are the Holes in Your Accessibility Data? By Gareth Ford Williams. "…The Unanswered Accessibility Questions: How successful is 'our' accessibility programme from a user experience perspective? How can quantitive and qualitative research be segmented by barrier and human characteristics? What are the opinions of disabled audiences in any quantitive research study? Out of our X thousands/millions of web pages, what needs attention now?…" https://garethfordwilliams.medium.com/the-four-biggest-unanswered-accessibility-questions-for-any-organisation-f735a1ee26e5 Web Accessibility Myths: Debunking 7 Common Misconceptions By Alisa Smith. "The laws and best practices around website accessibility can seem forbiddingly complex at first sight. Unhelpfully, there are also several myths and half-truths in circulation, which can muddy the waters and give companies a false sense of security about the accessibility of their digital content…" https://moz.com/blog/web-accessibility-myths The Fatal Flaw of Overlays (Video) By Shell Little. "Overlays are technologies implemented on websites with the aim of increasing accessibility. Even if these Overlays could do as they claim, they would still have a fundamental flaw. You can never out code bad design. During this talk let's discuss how Overlays will never be the answer and the importance of accessible, inclusive, and usable designs." https://www.youtube.com/watch?v=k6VmSjEIiks Colorado Mandates Accessibility for State and Local Government Websites By John Northup. "Colorado House Bill 1110…, signed by Governor Polis on June 30, mandates that state and local government websites adhere to the 'most recent' version of WCAG by July 1, 2024-and appropriates $312,922 to support conformance efforts during fiscal year 2021-22.…" https://webaim.org/blog/colorado-mandates-accessibility/ Man Sues American Airlines Because its Website Discriminates Against Blind People By Mateusz Maszczynski. "A visually impaired and legally blind man has filed a class-action lawsuit against American Airlines claiming its website discriminates against people with visual impairments and is in violation of the Americans with Disabilities Act because the site can't be easily interpreted by screen readers…" https://www.paddleyourownkanoo.com/2021/07/24/man-sues-american-airlines-because-its-website-discriminates-against-blind-people/ Accessibility in the News: Six Month Summary 2021 By Jack McElaney. "…Here are a collection of stories that have made headlines this year…" https://www.microassist.com/digital-accessibility/accessibility-in-the-news-six-month-summary-2021/ Legal Update: July 2021 By Ken Nakata. "…litigation has been relatively light; even litigants seem like they'd rather spend a day in the park instead of a day in court…" https://convergeaccessibility.com/2021/08/02/legal-update-july-2021/ +02: CASCADING STYLE SHEETS. My First CSS By Nathan Hardy. "What I wish I knew about CSS when starting out as a frontender…" https://engineering.kablamo.com.au/posts/2021/my-first-css Intent to Ship: CSS Overflow scrollbar-gutter By Tab Atkins. "…the space that a scrollbar *would* take up is always reserved regardless, so it doesn't matter whether the scrollbar pops in or not. You can also get the same space reserved on the other side for visual symmetry if you want…" https://groups.google.com/a/chromium.org/g/blink-dev/c/71vtc_Xv7jk/m/EezoVS9dBQAJ +03: EVALUATION & TESTING. Campbell's Law and the Net Promoter Score By Jeff Sauro and Jim Lewis. "…Campbell's Law states that the more you use a measure to make important decisions, the more it becomes susceptible to corruption, distorting the thing you intended to measure…While the impacts of Campbells' Law can likely never be eliminated, they can be mitigated using strategies to minimize corrupting influences." https://measuringu.com/campells-law-and-nps/ Surveys That Work: An Excerpt from Chapter 1, Goals By Caroline Jarrett. "…think about the reason why you're doing the survey. By the end of the chapter, you'll have turned the list of possible questions into a smaller set of questions that you need answers to…" https://www.effortmark.co.uk/surveys-that-work-excerpt-chap1/ Data Is More than Numbers: Why Qualitative Data Isn't Just Opinions By Page Laubheimer. "Systematically gathered qualitative data is a dependable method of understanding what users need, why problems occur, and how to solve them." https://www.nngroup.com/articles/qualitative-rigor/ Five Research Personas to Watch Out For By Andrew Schall. "…I've pulled together a composite of participant characteristics that I've encountered into five personas to watch out for and how to effectively work with them…" https://www.uxbooth.com/articles/five-participant-personas-to-watch-out/ +04: EVENTS. How Sighted and Blind Web Navigation Differs - Michele Williams (A11yTalks) September 21, 2021. Online https://www.youtube.com/watch?v=MwfyJzB3OGM Native Mobile Application Testing September 30, 2021. Online https://www.tpgi.com/webinar-september-30-native-mobile-app-testing/ M-Enabling Summit October 4-6, 2021. Washington, D.C., U.S.A. https://m-enabling.com/ Web Summit November 1-4, 2021. Lisbon, Potugal https://websummit.com/ CascadiaJS 2021 November 3-4, 2021. Online In-person satellite events in Seattle Washington, Portland Oregon and Vancouver, Canada. https://2021.cascadiajs.com/ Blue Beanie Day November 30, 2021. Global https://en.wikipedia.org/wiki/Blue_Beanie_Day +05: HTML. The mailto: URI Scheme By Manuel Matuzović. "You can pre-fill header fields and the message body, when you link to e-mail addresses…" https://www.htmhell.dev/tips/the-mailto-uri-scheme/ +06: JAVASCRIPT. How to Reduce Your Risk of Cross-Site Scripting Attacks with Vanilla JavaScript By Chris Ferdinandi. "Cross-site scripting (or XSS) attacks work by unexpectedly running JavaScript that does things like scrape cookies or grab data from localStorage and send it off to a remote location. Today, we're going to look at how XSS attacks work, and how to help prevent them. Let's dig in.…" https://gomakethings.com/how-to-reduce-your-risk-of-cross-site-scripting-attacks-with-vanilla-javascript/ +07: MISCELLANEOUS. Screen Reader 101: How Advice from a Blind Person Helps a Deaf Person By Rhea Althea Guntalilib and Meryl K. Evans. "What is a screen reader anyway?' I remember asking this very same question when being introduced to the wonderful world of assistive technologies…" https://equalentry.com/screen-reader-101-how-advice-from-a-blind-person-helps-a-deaf-person/ AccessiBe and Data Protection? By Léonie Watson. "The case for not using accessibility overlays has been made and endorsed by industry professionals, disability organisations, and people with disabilities. One concern is the privacy of personal data, and in the case of the AccessiBe overlay, it deserves closer scrutiny…" https://tink.uk/accessibe-and-data-protection/ Everything You Need to Know About the AccessiBe Debate By Thuy Doan. "…1) What does accessiBe actually do under the hood? 2) Does it actually make the lives of those in the disability community, better?…" https://dev.to/clearlythuydoan/everything-you-need-to-know-about-the-accessibe-debate-2kg7 A Vector Format for Flutter (and Beyond) By Ian Hickson. "…Supporting a vector graphics format is a popular and long-standing request from the Flutter community. There are no good formats available. This document discusses the requirements and priorities for creating new formats, and ends with some straw-man proposals for a potential new industry-wide vector graphics standard…" https://docs.google.com/document/d/1YWffrlc6ZqRwfIiR1qwp1AOkS9JyA_lEURI8p5PsZlg/ +08: NAVIGATION. A Deep Dive on Skipping to Content By Paul Ratcliffe. "…in this article, I'm going to take a deep dive into skipping to content and cover everything in a 2021-friendly fashion…" https://css-tricks.com/a-deep-dive-on-skipping-to-content/ +09: USABILITY. UX Principles that Include Cognitive Accessibility By Gareth Ford Williams. "As so much of what neurodivergent users need is rooted in a mixture of usability best practices and accessibility considerations, I wondered if there was a need for a Cognitive perspective on UX Design Principles that not only brings a neurodivergent perspective, but also grounds itself through links to relevant guidance and resources. Then one thing lead to another…" https://www.ab11y.com/articles/ux-principles-that-include-cognitive-accessibility/ Overlay Overload: Competing Popups Are an Increasing Menace By Kate Moran. "Today's users are overwhelmed by a plethora of site and browser-initiated popups with content unrelated to their current task." https://www.nngroup.com/articles/overlay-overload/ Voice Content and Usability By Preston So. "In this excerpt from Voice Content and Usability, author Preston So talks about the messy, primordial nature of human speech and challenges with programming computers to deal with these complexities…" https://alistapart.com/article/voice-content-and-usability/ 3 Types of Onboarding New Users (Video) By Alita Joyce. "How to familiarize users with new user interfaces? Onboarding techniques include feature promotion, customization, and instructions. All must be kept simple." https://www.nngroup.com/videos/onboarding-new-users/ UX Roadmaps 101 (Video) By Sarah Gibbons. "A roadmap is a strategic plan for future user-experience work and user problems to be solved immediately vs. next vs. in the far future." https://www.nngroup.com/videos/ux-roadmaps-101/ Introducing Spectrum's Guide to Inclusive UX By Sarah Smart. "…This guide contains information about designing content for accessibility and inclusion in general, with specific sections dedicated to: * Writing about people, * Writing for readability, * Writing with visuals…" https://xd.adobe.com/ideas/perspectives/social-impact/inclusive-language-ux-design-spectrum/ The Importance of UX Writing By Manik Arora. "One of the most important, but often overlooked aspects of UX design is UX writing…" https://www.uxmatters.com/mt/archives/2021/08/the-importance-of-ux-writing.php Mitigating User Errors By Harnil Oza. "User errors occur when people are unable to interact effectively with your Web site or application…" https://www.uxmatters.com/mt/archives/2021/08/mitigating-user-errors.php Always Provide the Full Scope for Links on Mobile Homepages (58% Don't) By Edward Scott. "58% of sites provide links on the homepage to scoped product lists that result in users becoming disoriented. The disorientation experienced by a subgroup of users can lead to them misinterpreting the site catalog. Limiting homepage links to top-level categories or including the full scope in the link text mitigates the issue for users…" https://baymard.com/blog/mobile-homepage-provide-full-scope +10: WEBWASTE & SUSTAINABILITY. Hidden Role of Data in Climate Crisis By Gerry McGovern. "And have you ever wondered how the Web has accelerated the purchase of cheap flights and holiday rentals? With digital the bad habits pile up on top of each other. We fly far more than we used to, to take digital photos that many of us probably never look at again…" https://gerrymcgovern.com/hidden-role-of-data-in-climate-crisis/ [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.]