+++ WEB DESIGN UPDATE. - Volume 21, Issue 17, October 19, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 17 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: 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. John Tubbs Talks About Dyslexia and User Choice (Podcast) By Nicolas Steenhout. "John says, among other things: 'Let the user choose. Don't ever dictate to someone's assistive technology'…" https://a11yrules.com/podcast/john-tubbs-talks-about-dyslexia-and-user-choice/ Representation in alt Text By Aaron Gustafson. "…By including information about people's physical attributes in the alt text we author, we can both normalize and embrace our differences. We can celebrate diversity and promote representation.…" https://www.aaron-gustafson.com/notebook/representation-in-alt-text/ Aspects of Accessibility (a11y) - Semantics, Contrast and... Anxiety? By Sara J. Wallén. "…This article is intended to be only a brief overview that covers a11y issues with: Page structure, Contrast levels, Anxiety-inducing design…" https://sarajw.hashnode.dev/aspects-of-accessibility-a11y-semantics-contrast-and-anxiety Intro To Why Accessibility is Important for Good SEO By Matthew Luken. "As technologies advance, they start to intersect, merge and embed themselves across our digital lives…" https://www.deque.com/blog/intro-to-why-accessibility-is-important-for-good-seo/ Inclusive Name Inputs - Because Not Everyone Is Called Chad Pancreas By Bruce Lawson. "Recently, 'Stinky' Taylar and I were evaluating some third party software for accessibility. One of the problems was their sign-up form…" https://brucelawson.co.uk/2022/inclusive-name-inputs-because-not-everyone-is-called-chad-pancreas/ 4 Required Tests Before Shipping New Features By Stephanie Eckles. "…Include these tests to improve the accessibility of your features and assist your users in successfully completing tasks…" https://thinkdobecreate.com/articles/4-required-tests-before-shipping-new-features/ Accessibility Checkers - A Good Start, Not a Solution By Melissa Green. "An accessibility checker is a digital tool that can help you find potential accessibility errors on a website, based on the site's source code…" https://knowbility.org/blog/2022/accessibility-checkers-a-good-start-not-a-solution How to Build the Foundation For Digital Accessibility By Greg Williams. "Accessibility isn't a project, it's a practice…" https://www.deque.com/blog/how-to-build-the-foundation-for-digital-accessibility/ Harvard University Class Action Claims Website Inaccessible to Visually Impaired, Blind By Jessy Edwards. "Harvard University failed to design its website so that it would be fully accessible to blind and visually impaired individuals, a new class action lawsuit alleges…" https://topclassactions.com/disability-class-action-lawsuit/harvard-university-class-action-claims-website-inaccessible-to-visually-impaired-blind/ +02: CASCADING STYLE SHEETS. Why We Need CSS Speech By Léonie Watson. "In these times when almost every device and platform is capable of talking to you, you may be surprised to learn that there is no way for authors to design the aural presentation of web content, in the way they can design the visual presentation…" https://tink.uk/why-we-need-css-speech/ CSS Type Grinding: Casting Tokens (sm|md|etc) into Useful Values (aka Style Queries without Style Queries thanks to @property) By Bramus Van Damme. "My favorite use case for Style Queries is the ability to change a bunch of styles based on the value of a so called 'higher-order variable'…" https://www.bram.us/2022/10/14/css-type-grinding-casting-tokens-smmdetc-into-useful-values-aka-style-queries-without-style-queries-thanks-to-property/ +03: EVALUATION & TESTING. The Enormous Impact of Education Accessibility (Podcast) By Monica Michelle. "Monica speaks with Lucy Greco, a Web Accessibility Evangelist for the Universities of California. In this episode, Lucy shares her personal experience navigating the education system as a disabled student and how she now supports other students to create learning conditions that work for them…" https://empoweredus.org/technically-sick/The-Enormous-Impact-of-Education-Accessibility What Percentage of Participants Think Aloud? By Jeff Sauro and Jim Lewis. "…to better understand sources of potential biases and limits to the generalizability of the findings from think-aloud studies, we wanted to first understand what percentage of participants from online panels would think aloud and how many ultimately provide TA videos of a quality high enough to be useful…" https://measuringu.com/what-percentage-of-participants-can-think-aloud/ A Step-by-Step Guide to Writing Better Research Questions By Nancy Howard. "…here is a step-by-step guide to writing better research questions…" https://www.loop11.com/a-step-by-step-guide-to-writing-better-research-questions/ +04: EVENTS. Introduction to Web Accessibility October 14-December 31, 2022. Online https://www.edx.org/course/web-accessibility-introduction Be A Digital Ally: Accessibility Checkers October 20, 2022. Online https://events.humanitix.com/be-a-digital-ally-accessibility-checkers The State of Digital Accessibility with Tim Springer October 26, 2022. Online https://www.levelaccess.com/resources/the-state-of-digital-accessibility-webinar/ Meta-Funka Accessibility Hackathon October 30, 2022 Submission Deadline. November 30, 2022 Live Streamed Final. Online https://www.funka.com/en/meta-funka-accessibility-hackathon-2022 How Anyone Can Manage Accessibility Program - Ask Me Anything (AMA) November 9, 2022. Online https://www.tpgi.com/webinar-november-9-at-12pm-et-how-anyone-can-manage-accessibility-program-ask-me-anything-ama/ Designing 'With' & Not 'For,' rootid's Culture Shifting Process November 17, 2022. Online https://a11ytalks.com/posts/2022-NOV Accessibility Course with David Berman November 17, 2022. Online https://wcag2.com/training/2022-nov-17-accessibility-course-online/ Digital Accessibility in Engineering and Science November 17, 2022. Online https://www.mathworks.com/company/events/seminars/digital-accessibility-engineering-science-3874451.html World Wide Waste with Gerry McGovern Online Novemeber 30, 2022. https://register.gotowebinar.com/register/4288961090301726987 +05: HTML. ARIA and HTML By Google Developers. "…HTML and ARIA play important roles in making digital products accessible, especially when it comes to assistive technology (AT) such as screen readers…" https://web.dev/learn/accessibility/aria-html/ Edit Someone Else's Website: contenteditable and designMode By Austin Gil. "You may be familiar with using devtools to modify a website's HTML. In this blog post, I'll show you two more ways: contenteditable and designMode." https://austingil.com/contenteditable-and-designmode/ +06: JAVASCRIPT. How to Check if an Array Includes All of the Values From Another With Vanilla JS By Chris Ferdinandi. "Today, one of my students asked what the best way was to check if all of the items in one array were included in another. Today, we're going to look at how to do that…" https://gomakethings.com/how-to-check-if-an-array-includes-all-of-the-values-from-another-with-vanilla-js/ Two JavaScripts By Remy Sharp. "…"One for the server - where you can go wild. One for the client - that should be thoughtful and careful…" https://remysharp.com/2022/10/13/two-javascripts +07: MISCELLANEOUS. Become a Better Developer by Resisting to Redo Your Websites All the Time By Jens Oliver Meiert. "…Iterating, and learning to iterate, comes with advantages that make you a better developer…" https://meiert.com/en/blog/redo-vs-iterate/ Wired.com: 20 Years Later By Douglas Bowman. "Twenty years ago today, Wired launched a seminal redesign of its website that helped catapult forward web technology and what our industry understood as possible for commercial websites…" https://stopdesign.com/archive/2022/10/11/wired-com-20-years-later.html The Top 5 Challenges to Accessibility in Higher Education with Ann Fredricksen, Ander Bolduc, and Alex Martinez (Video) By 3Play Media. "Implementing accessibility in higher education poses many challenges. We have brought together a panel of higher education professionals to discuss the top five challenges to accessibility at their universities and how they overcome them…" https://www.3playmedia.com/resources/recorded-webinars/wbnr-10-12-2022-challenges/ +08: NAVIGATION. Understanding User Pathways in Analytics By Page Laubheimer. "While analytics cannot be the only source of data about user journeys, path reports can provide insights about potential issues, typical navigation routes, and the content that users interact with right before key actions." https://www.nngroup.com/articles/analytics-pathways/ +09: USABILITY. Applying the 8 Golden Rules of User-Interface Design By Anna Siarkiewicz and Dawid Sobolewski. "…Although Shneiderman defined his eight golden rules back in 1985, their timelessness has ensured that they are still in use by application and Web designers all around the world…" https://www.uxmatters.com/mt/archives/2022/10/applying-the-8-golden-rules-of-user-interface-design.php Designing for Users with Disabilities: 10 Factors to Consider By Shreya Jain. "…In today's world, everyone should have the same opportunities to make use of and benefit from the conveniences that modern technology provides to users…" https://www.uxmatters.com/mt/archives/2022/10/designing-for-users-with-disabilities-10-factors-to-consider.php Psychology for UX: Study Guide By Tanner Kohler. "Unsure where to start? Use this collection of links to our articles and videos to learn about some principles of human psychology and how they relate to UX design." https://www.nngroup.com/articles/psychology-study-guide/ Empty States in Application Design: 3 Guidelines (Video) By Kate Kaplan. "Well-designed empty states in applications can help increase user confidence, improve system learnability, and help users get started with key tasks quickly." https://www.nngroup.com/videos/empty-states-in-application-design-guidelines/ Design for Them Not for You (UX Slogan #13) (Video) By Sarah Gibbons. "It does not matter whether you like a design or whether you find the product easy to use. We must design for the way real customers actually behave." https://www.nngroup.com/videos/design-for-them/ +10: WEBWASTE & SUSTAINABILITY. Sustainability, Part III Chapter 20 of the Web Almanac By Laurent Devernay, Gerry McGovern, and Tim Frick. "…To get started on an existing website, you can: * Optimize images (WebP + lazy-loading + responsiveness + cache + quality) and make sure this is done automatically * Avoid implementing videos. If they are necessary, do not autoplay nor preload them * Look for a more sustainable hosting. You should then…" https://almanac.httparchive.org/en/2022/sustainability Carbon Hack 22 By Taikai. "Join the race to build sustainable software…" https://taikai.network/gsf/hackathons/carbonhack22/overview [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.]