+++ WEB DESIGN UPDATE. - Volume 20, Issue 33, February 9, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 33 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 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. The Impact of Motion Animation on Cognitive Disability By James Edwards. "The impact of motion animation on people with a vestibular disorder is well documented, and known to cause nausea, dizziness, or headaches, in affected users. However the impact on people with some cognitive disabilities is less commonly discussed…" https://www.tpgi.com/the-impact-of-motion-animation-on-cognitive-disability/ No Accessibility Without Disabilities By Eric Eggert. "People who are tasked with remediating accessibility often have little experience of how people with disabilities actually use the web. This leads to overcomplicated solutions, as they underestimate the capabilities of disabled people…" https://yatil.net/blog/no-accessibility-without-disabilities Do We Need Screen Reader for Accessibility Testing By Raghavendra Satish Peri. "I was talking to a friend & the conversation towards how people with disability like me find accessibility bugs…" https://www.digitala11y.com/do-we-need-screen-reader-for-accessibility-testing/ How to Use the Accessibility Tree for A11Y Testing By Giovani Camara. "In this article, I will explain why you should use the accessibility tree more often when testing and how I use the accessibility tree…" https://giovanicamara.com/blog/how-to-use-the-accessibility-tree-for-a11y-testing/ Accessibility Testing Best Practices in CI/CD By Mark Steadman. "…Using automation is a great way to get the developers on board with accessibility, and can pave the way to full accessibility testing practices in the future!" https://blog.testproject.io/2022/02/07/accessibility-testing-best-practices-in-ci-cd/ Understanding the W3C's Accessibility Conformance Testing (ACT) Requirements By Bureau of Internet Accessibility. "The Web Content Accessibility Guidelines (WCAG) are the international standard for digital accessibility, and to create content that works well for your entire audience, you'll need to earn conformance with WCAG…" https://www.boia.org/blog/understanding-the-w3cs-accessibility-conformance-testing-act-requirements Our Accessibility Team Shares Best Practices for Creating Twitter Content By Hayley Dorney. "Around a billion people worldwide, or 15% of the global population, have some form of disability.1 How can you make sure your brand is creating content for this audience…" https://business.twitter.com/en/blog/our-accessibility-team-shares-best-practices.html Amber Hinds on Why Accessibility Matters (Podcast) By Nathan Wrigley. "On the podcast today we have Amber Hinds…" https://wptavern.com/podcast/12-amber-hinds-on-why-accessibility-matters Bridging the Digital Divide for People with Intellectual Disability: Roundtable Report By Good Things Foundation Australia. "Our recommendations on how to close the digital divide for people with intellectual disability…" https://www.goodthingsfoundation.org.au/news/bridging-the-digital-divide-for-people-with-intellectual-disability-roundtable-report/ Legal Requirements for Live Captioning By Rebecca Klein. "If you're hosting live virtual events, you should be providing live captions for many reasons…" https://www.3playmedia.com/blog/legal-requirements-for-live-captioning/ +02: CASCADING STYLE SHEETS. Use Cases For CSS fit-content By Ahmad Shadeed. "In this short article, we'll explore some use-cases for CSS fit-content…" https://ishadeed.com/snippet/fit-content/ CSS: Understanding the Cascade By Bramus Van Damme. "Last week I was a guest speaker at CSS Café, and dug into all that at with a brand new talk CSS: Understanding the Cascade…" https://www.bram.us/2022/02/05/css-understanding-the-cascade/ +03: COLOR. Foundations: Colour Contrast By Henny Swan. "Good contrast is about using colours that provide enough variation between the content and background…" https://tetralogical.com/blog/2022/02/04/colour-contrast/ +04: EVALUATION & TESTING. Sharing Findings for Maximum Impact By Aras Bilgen. "This is a sample chapter from Research Practice: Perspectives from UX Researchers in a Changing Field, Gregg Bernstein, editor. 2021 Greggcorp…" https://www.uxmatters.com/mt/archives/2022/02/sharing-findings-for-maximum-impact-1.php Remote User Interviewing Basics By Nina Tsarykovich. "One of the most popular methods in UX research, a user interview is a technique designed to get qualitative information directly from users…" https://www.uxbooth.com/articles/remote-user-interviewing-basics/ UX-Lite Usefulness Update By Jeff Sauro and Jim Lewis. "Can an experience be useful without meeting your needs…" https://measuringu.com/UX-Lite-usefulness-update/ +05: EVENTS. Three Workshop Series with Marcy Sutton: Semantics & ARIA, Interactions & Mechanics, Design & People Skills February 16, 23, and March 2, 2022. Online https://ti.to/marcy-sutton/three-workshop-series-2022/ Introducing ARRM: Assigning Ownership to Get Things Done February 22, 2022. Online https://a11ytalks.com/posts/2022-FEB Overlays Underwhelm with Adrian Roselli March 1, 2022. Online https://www.meetup.com/A11yNYC/events/283381479/ Mobile-Accessibility Testing Toolbox March 2, 2022. Online https://www.tpgi.com/webinar-march-2-at-12pm-et-mobile-accessibility-testing-toolbox/ World IA Day March 5, 2022. Online https://www.worldiaday.org/ Accessible Best Practices for Social Media March 9, 2022. Online https://www.meetup.com/Cleveland-Accessibility-Meetup/events/283569074/ Accessible Social Media 2.0 March 15, 2022. Online http://dev.accessibilityonline.org/ada-tech/session/?id=110992 Association for Computing Machinery (ACM) Special Interest Group on University and College Computing Services (SIGUCCS) Conference March 27-30, 2022. Online https://siguccs.org/Conference/2022/ Creative Accessibility March 28, 2022. Online https://www.meetup.com/Accessibility-Twin-Cities/events/282508560/ +06: JAVASCRIPT. Four Different Ways to Inject Text and HTML into an Element with Vanilla JavaScript By Chris Ferdinandi. Today, we're going to look at four different techniques you can use to get and set text and HTML in DOM elements…" https://gomakethings.com/four-different-ways-to-inject-text-and-html-into-an-element-with-vanilla-javascript/ Five More Ways to Inject HTML Into the Dom with Vanilla JavaScript By Chris Ferdinandi. "Yesterday, we looked at four ways to inject text and HTML into the DOM with vanilla JS. Today, we're going to look at five more…" https://gomakethings.com/five-more-ways-to-inject-html-into-the-dom-with-vanilla-javascript/ "Evergreen" Does Not Mean Immediately Available By Eric Bailey. "…Future-proof (and, er, past-proof) yourself with an approach that accommodates it." https://css-tricks.com/evergreen-does-not-mean-immediately-available/ +07: MISCELLANEOUS. 25 Web Development Terms You've Never Heard Of By Jens Oliver Meiert. "Web Development has its own, special vocabulary that easily consists of several thousand terms…" https://meiert.com/en/blog/25-web-development-terms/ +08: NAVIGATION. Considering Dynamic Search Results and Content By Scott O'Hara. "…Concerning UI where content is dynamically displayed or filtered based on user input from a text field: This is a proposal of behavior. You might need modifications for your specific use case. Get user feedback. Provide people an instructional cue…" https://www.scottohara.me/blog/2022/02/05/dynamic-results.html +09: TYPOGRAPHY. Accessibility and Font Sizes By Craig Abbott. "It's now 2022, and I'm still seeing far too many websites using static pixel sizes for fonts…" https://www.craigabbott.co.uk/blog/accessibility-and-font-sizes +10: USABILITY. Clutter-Free: One of the 3 Cs for Better Charts By Kate Moran. "Cut out the chartjunk; eliminate elements that distract from your data visualization." https://www.nngroup.com/articles/clutter-charts/ UX Win: State Senator Polehanki's Newsletter By Deborah Edwards-Onoro. "…State Senator Polehanki's email newsletter offers an enjoyable reading experience, with a focus on a clean layout, good formatting, and readability…" https://www.lireo.com/ux-win-state-senator-polehankis-newsletter/ Touch Design for Mobile Interfaces (PDF) By Steven Hoober. "Mobile devices, especially phones, have rapidlybecome our main communication and con- nected information devices…" https://www.smashingmagazine.com/provide/eBooks/touch-design/touch-design-for-mobile-interfaces.pdf Building Like It's 1984: A comprehensive guide to creating intuitive context menus By Michaël Villar. "In this post, we'll go through some of the basics, as well as some more advanced interactions, for building seamless context menus…" https://height.app/blog/guide-to-build-context-menus Modern, Single-Page Web Design: UX Design Trends and Tips By Hardik Shah. "The quick navigational experience and rapid content consumption of a single-page Web site prevent users from becoming distracted by extra page elements…" https://www.uxmatters.com/mt/archives/2022/02/modern-single-page-web-design-ux-design-trends-and-tips.php +11: WEBWASTE & SUSTAINABILITY. Reducing The Web's Carbon Footprint: Optimizing Social Media Embeds By Michelle Barker. "In this article, we'll look specifically at what we can do to reduce the impact of social media embeds and social sharing widgets - or even some strategies to avoid them altogether. While the spotlight is on reducing the environmental impact, many of these tips will be great for performance too…" https://www.smashingmagazine.com/2022/02/reducing-web-carbon-footprint-optimizing-social-media-embeds/ [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.]