+++ WEB DESIGN UPDATE. - Volume 19, Issue 44, April 28, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 44 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: TOOLS. 09: TYPOGRAPHY. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How to Bake Layers of Accessibility Testing into Your Process By Kate Kalcevich and Mike Gifford. "Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to 'layered accessibility testing', a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early - when it's easier and cheaper to fix them…" https://www.smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/ Accessibility is More than a Technical Problem By Devon Persing. "Debunking these 3 myths will help you rethink your accessibility work…" https://ux.shopify.com/accessibility-is-more-than-a-technical-problem-ca6bb9dee8ce Hidden Gem of Chromium Accessibility By Alexander Surkov. "There's a hidden gem in Chromium accessibility. It is the command line accessibility tools…" https://alexsurkov.medium.com/hidden-gem-of-chromium-accessibility-d0c38e0210b0 What's Normative in WCAG? By Hidde de Vries. "I’m currently involved in a project to make some of the WCAG guidance more clear. One of the distinctions we're hoping to clarify is: what’s normative in WCAG?…" https://hiddedevries.nl/en/blog/2021-04-27-whats-normative-in-wcag Six Actions that will Destroy Disability/Diversity Ally Credibility By Sheri Byrne-Haber. "Believe me when I say that for all underrepresented communities, including disability, actions speak WAY louder than words…" https://sheribyrnehaber.medium.com/six-actions-that-will-destroy-disability-diversity-ally-credibility-46457bc5ce1c Engaging and Accessible Social Media By Jennie Delisi. "You can create engaging and accessible social media. The basic principles will sound familiar. Ensure your content is: Perceivable, Operable, Understandable, Robust…" https://mn.gov/mnit/media/blog/?id=38-477167 Free Digital Accessibility Resources from the State of Minnesota By Minnesota IT Services. "Resources to Use for Your GAAD Celebrations…" https://mn.gov/mnit/media/blog/?id=38-477167 Intopia Launches Australia and New Zealand's First Assistive Technology Survey By Chris Pycroft. "This week, Intopia launched the first ever Assistive Technology Survey, aimed at highlighting the trends and use of assistive technology by Australians and New Zealanders that have a disability…" https://intopia.digital/articles/intopia-launches-australia-and-new-zealands-first-assistive-technology-survey/ +02: CASCADING STYLE SHEETS. Exploring color-contrast() for the First Time By Chris Coyier. "…Any native tool to get us to ship more accessible interfaces (of which color contrast is a part) is cool by me. So let's attempt to get it to work…" https://css-tricks.com/exploring-color-contrast-for-the-first-time/ A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors By Stephanie Eckles. "The CSS Working Group Editor's Draft for Selectors Level 4 includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today…" https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/ DevTools for CSS Layouts 2021 Edition By Chen Hui Jing. "As someone who loves and works with CSS on an almost daily basis, DevTools are something near and dear to my heart. Recently, I've been seeing updates from both the Webkit and Chrome team about updates to layout-related DevTools features and thought it'd be nice to do a write-up about them…" https://chenhuijing.com/blog/devtools-for-css-layouts-2021-edition/ CSS Hell By Stefánia Péter. "Collection of common CSS mistakes, and how to fix them…" https://csshell.dev/ +03: EVALUATION & TESTING. How Does Statistical Hypothesis Testing Work? By Jim Lewis and Jeff Sauro. "…Hypothesis testing can be a confusing concept, so we've broken it into steps with examples…" https://measuringu.com/how-does-hypothesis-testing-work/ +04: EVENTS. How Cognitive Biases Influence User Decisions April 30, 2021. Online https://www.eventbrite.com/e/how-cognitive-biases-influence-user-decisions-tickets-151221967977 Accessibility Insights with GAAD Co-Founders Jennison Asuncion and Joe Devon May 4, 2021. Online https://us02web.zoom.us/webinar/register/2116184963607/WN_wE9WoHfbT1izTQuOJGh43A Dementia-Friendly Design: Expert Tips for Inclusive Websites May 18, 2021. Online https://abilitynet.org.uk/webinars/dementia-friendly-design-expert-tips-inclusive-websites Translating Design Wireframes into Accessible HTML/CSS May 18-19, 2021. Online https://accessibility.deque.com/gaad-2021-translating-design-wireframes-workshop Basic Accessibility Fundamentals Bootcamp with Denis Boudreau May 20, 2021. Online https://accessibility.deque.com/basic-accessibility-fundamentals-bootcamp-0 Virtua11y Web Accessibility Conference (Kicks off with WCAG 2.2: What's new and what to do with it with Alastair Campbell) May 24-26, 2021. Online https://www.eventbrite.co.uk/e/virtua11y-web-accessibility-conference-tickets-145728869973 Dynamic CSS Dev with Lea Verou May 25-June 8, 2021. Online https://smashingconf.com/online-workshops/workshops/lea-verou Successful Design Systems Dev Workflow with Brad Frost June 29-July 13, 2021. https://smashingconf.com/online-workshops/workshops/brad-frost-june/ Level Up With Modern CSS Dev with Stephanie Eckles July 8-22, 2021. Online https://smashingconf.com/online-workshops/workshops/stephanie-eckles Qualitative Research Series July 12-16, 2021. Online https://www.nngroup.com/qualitative-series/ Multilingual Website Accessibility September 8, 2021. Online https://www.accessibilityassociation.org/content.asp?contentid=357 +05: HTML. Seeing the Wood for the Trees: Demystifying Markup in 2021 By Ian Lloyd. "…for those of us trying to make sense of the mess that we find ourselves surrounded with now, there is at least a way to don our web X-ray specs and cut out the crap, before cracking our knuckles and drafting our remediation notes." https://www.tpgi.com/seeing-the-wood-for-the-trees-demystifying-markup-in-2021/ 30 Days of HTML Day 23: and Captions, Headings, and Summaries for Tables By Jen Kramer and Erika Lee. "… is all about communicating the overall purpose of your table, and is for table headings for rows and/or columns…" https://jen4web.substack.com/p/caption +06: JAVASCRIPT. Custom Events in Vanilla JS By Chris Ferdinandi. "In your JavaScript libraries, components, and snippets, you can emit a custom event that developers can listen for with the Element.addEventListener() method. This provides a way for developers to hook into your code in ways that you didn't expect or plan for…" https://gomakethings.com/custom-events-in-vanilla-js/ +07: MISCELLANEOUS. Get the FLoC Out By Jeremy Keith. "…Google have set up a situation where it looks like FLoC is going head-to-head with fingerprinting. But if FLoC becomes a reality, it won't be instead of fingerprinting, it will be in addition to fingerprinting…The flaw in Google's reasoning is the fundamental idea that tracking is necessary for advertising. That's simply not true…" https://adactio.com/journal/18046 All About the Presentation: Don't Let Accessibility Slide By Doug Abrams. "…rather than repeating the same information that's already available on WebAIM or Microsoft's support documentation for making your slides accessible, I'll focus on what happens after you hit 'Save' and send out your meeting invitation…" https://www.tpgi.com/all-about-the-presentation-dont-let-accessibility-slide/ +08: TOOLS. DuckDuckGo Privacy Essentials (Chrome Extension) By DuckDuckGo. "Simple and seamless privacy protection for Chrome. Tired of being tracked online? We can help. At DuckDuckGo, we believe online privacy should be simple. That's why our extension has one single purpose - protecting your privacy in Chrome…" https://chrome.google.com/webstore/detail/duckduckgo-privacy-essent/bkdgflcldnnnapblkhphbgpggdiikppg/ Alt Text Reminder (Twitter Bot) "Follow me to get DM reminders when you post images without AltText…" https://twitter.com/AltTxtReminder +09: TYPOGRAPHY. To Subset or Not Subset Fonts By Eric Bailey. "One of the niche things you can do to improve the performance on your website or web app is to subset your fonts. If you are not familiar, subsetting is the act of removing glyphs and other associated information from a font file…" https://ericwbailey.design/writing/to-subset-or-not-subset-fonts/ What's in a Word? By Gareth Ford Williams. "…Before we can even consider the letters - the typography - we have to consider our readers and evaluate what we can do with considerate typography to help them access our words…" https://medium.com/the-readability-group/whats-in-a-word-53bcf217d5c1 +10: USABILITY. Unlabeled Icons: Sacrificing Usability for Aesthetics By Jacob Michelini. "Do you really not have room to label that…" https://uxplanet.org/unlabeled-icons-sacrificing-usability-to-look-pretty-415408a0e115 UX 2050 (Video) By Jakob Nielsen. "The user experience field will see dramatic changes over the next 3 decades, driven by trends in demographics and the world economy. We will end up like the Little Mermaid. (This was Jakob Nielsen's UX Conference keynote.)" https://www.nngroup.com/videos/ux-2050-keynote/ Collaboration in the Omnichannel Experience By Kim Salazar. "Collaboration is one of the 5 key components of omnichannel user experience. Collaboration between normally disparate devices or channels creates new ways to interact." https://www.nngroup.com/articles/omnichannel-collaboration/ +11: WEBWASTE & SUSTAINABILITY. Publish the Website You Can Maintain By Gerry McGovern. "90% of data does not get used three months after it's published. 91% of webpages never get found in Google. We have a global content waste industry feverishly producing enormous quantities of really expensive content that is essentially useless, and creating lots of CO2 pollution…" https://gerrymcgovern.com/publish-the-website-you-can-maintain/ [Section one ends.] ++ SECTION TWO: +12: 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.]