+++ WEB DESIGN UPDATE. - Volume 21, Issue 09, August 25, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 09 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: 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. Check Heading Accessibility Using the WAVE Tool (Video) By Pope Tech. "Learn why headings matter and watch two examples of how headings are used to navigate with Mac's VoiceOver screen reader. We'll also show how to use WebAIM's WAVE tool to see the heading structure and any errors…" https://www.youtube.com/watch?v=W_jb3D63-7s New Success Criteria in WCAG 2.2 By James Edwards. "This article is an overview of the new Success Criteria (SC) in WCAG 2.2 (Editor's Draft). We'll be looking at each of the new SCs in turn, describing their requirements in plain language, and discussing how to meet them…" https://www.tpgi.com/new-success-criteria-in-wcag22/ What to Know About Accessible PDFs From Microsoft Word and Google Docs By Deborah Edwards-Oñoro. "In her Knowbility Intro to Documents & PDFs session, Julie Romanowski shared her knowledge and insights for working with Microsoft Word and Google Docs to create accessible PDFs…" https://www.lireo.com/accessible-pdfs-microsoft-word-google-docs/ Introduction to Desktop Screen Readers - the Movie! By Bruce Lawson and Taylar Bouwmeester. "My Work Bezzie 'Stinky' Taylar Bouwmeester and I take you on a wild, roller-coaster ride through the magical world of desktop screen readers…" https://brucelawson.co.uk/2022/introduction-to-desktop-screen-readers-the-movie/ Does Accessibility Stifle the Creative Process? By Jeff Singleton. "The purpose of this post is to acknowledge the difficulty of this reality for many, to help management understand accessible content doesn't happen overnight, and to hopefully demonstrate that accessibility doesn't stifle the creative process…" https://convergeaccessibility.com/2022/08/23/does-accessibility-stifle-the-creative-process/ How Dev Teams Can Make Images Accessible in Android By Devanshu Chandra. "…to alleviate some of the confusion around making images accessible, we will be answering the following questions…" https://www.deque.com/blog/how-dev-teams-can-make-images-accessible-in-android/ Accessibility and Supporting Internet Explorer By Graeme Coleman. "…we're edging (no pun intended) towards dropping support, or at least phasing out support, in favour of Microsoft Edge. There are a few reasons for this, both technical and non-technical…" https://tetralogical.com/blog/2022/08/24/ie-support/ Humans and Machines in Accessibility Testing By The Paciello Group Interactive. "There are two ways to run accessibility testing on your websites and applications: automated, rules-based testing and manual, expert analysis…" https://www.tpgi.com/humans-and-machines-in-accessibility-testing/ Taking the Guesswork Out of Accessibility Testing By Kasey Bonifacio. "When it comes to web accessibility, testing your work is just as important as the build itself. Learn how to efficiently test for web accessibility using a checklist based on WCAG success criteria and how to effectively deploy your team to tackle the testing…" https://sparkbox.com/foundry/wcag_2.1_checklist_web_accessibility_testing_a11y_success_criteria_list 13 Days of WCAG 2.1 Web Accessibility Guidelines By Kasey Bonifacio. "Studying for the Web Accessibility Specialist Exam? Looking to learn about website accessibility? Sparkboxer Kasey created this easy-to-read guide to help…" https://sparkbox.com/foundry/13_wcag_2.1_web_accessibility_guidelines Introducing The Alt Text Library By Hannah Kolbeck. "In 1993 the alt attribute was added for image tags in the HTML 1.2 specification. Around that time someone imagined a library for alt text, you'd lookup an image and get alt text for it if any had been saved. They never created it, perhaps because the technology simply didn't exist yet, but now it does and it's time to try…" https://www.patreon.com/posts/introducing-alt-70133193 +02: CASCADING STYLE SHEETS. Using :has() as a CSS Parent Selector and much more By Jen Simmons. "It's been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what's happening inside that element." https://webkit.org/blog/13096/css-has-pseudo-class/ Use the Right Container Query Syntax By Miriam Suzanne. "Size queries are stable, and shipping in browsers…" https://www.oddbird.net/2022/08/18/cq-syntax/ How the CSS :is, :where and :has Pseudo-class Selectors Work By Craig Buckler. "CSS selectors allow you to choose elements by type, attributes, or location within the HTML document. This tutorial explains three new options - :is(), :where(), and :has()…" https://www.sitepoint.com/css-is-where-has-pseudo-class-selectors/ +03: COLOR. An Interactive Guide to Color and Contrast By Nate Baldwin. "A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast…" https://colorandcontrast.com Paul Fenwick Talks About Color Blindness and Not Using Color Alone (Podcast) By Nic Steenhout. "Paul points out that he doesn't have barriers all the time with the use of color alone, particular…" https://a11yrules.com/podcast/paul-fenwick-talks-about-color-blindness-and-not-using-color-alone/ +04: EVALUATION & TESTING. Does Changing the Number of Response Options Affect Rating Behavior? By Jeff Sauro and Jim Lewis. "Changing the number of response options in the survey might confuse participants…" https://measuringu.com/changing-the-number-of-response-options/ Does Thinking Aloud Increase Study Dropout Rates? By Jeff Sauro and Jim Lewis. "The Think Aloud (TA) method is one of the most distinguishing characteristics of usability testing…" https://measuringu.com/does-ta-increase-dropout/ How to Analyze Qualitative Data from UX Research: Thematic Analysis (Updated) By Maria Rosala. "Identifying the main themes in data from user studies - such as: interviews, focus groups, diary studies, and field studies - is often done through thematic analysis.…" https://www.nngroup.com/articles/thematic-analysis/ 5 Users: Okay for Qual, Wrong for Quant (Video) By Raluca Budiu. "The recommended sample size (the number of study participants) is very different for qualitative user testing (small N) and for quantitative research (big N). Here's why the recommendations differ." https://www.nngroup.com/videos/test-5-users-qual-vs-quant/ Five Ways to Recruit Participants for User Research (Video) By Therese Fessenden. "Getting representative members of the target audience as your test participants is essential for user research validity. You can outsource recruiting to an agency, or do it yourself. Each method has its own advantages and possible biases." https://www.nngroup.com/videos/five-ways-to-recruit-participants-for-user-research/ A Guide to Using User-Experience Research Methods By Kelley Gordon and Christian Rohrer. "Modern day UX research methods answer a wide range of questions. To help you know when to use which user research method, each of 20 methods is mapped across 3 dimensions and over time within a typical product-development process." https://www.nngroup.com/articles/guide-ux-research-methods/ Why User Personas Matter in UX Design By Madhu Kesavan. "…A user persona is a fictitious character who interacts with your company and its products or services…" https://www.uxmatters.com/mt/archives/2022/08/why-user-personas-matter-in-ux-design.php +05: EVENTS. An Introduction to Web Accessibility with Ben Myers August 25, 2022. Online https://www.meetup.com/dallas-freecodecamp-meetup/events/287123293/ Ask me Anything: Q&A with Jonathan Hassell August 25, 2022. Online https://www.eventbrite.co.uk/e/digital-accessibility-experts-live-registration-111949261254 An Overview of Essential UX Methods August 31, 2022. Online https://measuringu.zoom.us/webinar/register/5216516869454/WN_kfkc5qHsRO6tQFktfwbjCg Intersectionality, Accessibility and Inclusion September 8, 2022 (1 p.m. AEST). Online https://intopia.digital/articles/intopia-webinar-intersectionality-accessibility-and-inclusion-8-september-2022/ UX In-Person Training Event October 16-21, 2022. Washington, D.C., U.S.A. https://www.nngroup.com/training/washington-dc/ Qualitative Research Series November 14-18, 2022. Online https://www.nngroup.com/series/qualitative-research/ +06: JAVASCRIPT. Visual ARIA Update By Bryan Garaventa. "…The biggest changes and most advanced functionality are now available within the Chrome and Firefox extensions. These include…" https://www.linkedin.com/pulse/visual-aria-update-bryan-garaventa/ Bring Focus to the First Form Field with an Error By Aaron Gustafson. "While filling out a long form the other day, I couldn't figure out why it wasn't submitting. Turns out I'd forgotten to fill in a field, but I didn't know that because it had scrolled out of the viewport. This is a common problem on the web, but easily remedied with a little bit of JavaScript…" https://www.aaron-gustafson.com/notebook/bring-focus-to-the-first-form-field-with-an-error/ How to Split an Array in Two (or More) with Vanilla JS By Chris Ferdinandi. "Today, we're going to look at a few ways you can split an array into two or more separate arrays with JavaScript. …" https://gomakethings.com/how-to-split-an-array-in-two-or-more-with-vanilla-js/ TikTok's In-App Browser Reportedly Capable of Monitoring Anything You Type By Joe Rossignol. "TikTok's custom in-app browser on iOS reportedly injects JavaScript code into external websites that allows TikTok to monitor "all keyboard inputs and taps" while a user is interacting with a given website, according to security researcher Felix Krause, but TikTok has reportedly denied that the code is used for malicious reasons…" https://www.macrumors.com/2022/08/18/felix-krause-in-app-browser-javascript-tool/ +07: MISCELLANEOUS. Deaf, Hearing-Free, Hard of Hearing, Hearing Impaired, Hearing Loss… Oh, My! By Meryl K. Evans. "I tell people I was born hearing-free or in boring medical terms profoundly deaf…" https://www.linkedin.com/posts/meryl_accessibility-deaffriendly-merylmots-activity-6966439790674132992-PD-b Companies: Get Started with Accessibility and Hiring People with Disabilities By Meryl K. Evans. "Many companies overlook people with disabilities and accessibility in their diversity, equity, and inclusion (DEI) efforts…" https://meryl.net/companies-accessibility-disabilities/ Re: Selling Your Extension By Eric Bailey. "…Let's pick this email apart, as it is a pretty solid example of predatory manipulation…" https://ericwbailey.website/published/re-selling-your-extension/ 28 Years In, This Iconic Standards Body Is Going Nonprofit By Ernie Smith. "Running an organization within a larger establishment offers access to resources-but you may eventually outgrow it. That's something the W3C, a key standards body for the World Wide Web, is finding as it transitions from being a university affiliate to traditional nonprofit status…" https://associationsnow.com/2022/08/world-wide-web-consortium-w3c-nonprofit-transition/ +08: NAVIGATION. Enriched Site-Search Suggestions: Rarely Used By Kate Kaplan. "Enriched search suggestions are expanded content recommendations related to a user's search query on a website. While they can be useful, they are rarely utilized due to a range of implementation issues." https://www.nngroup.com/articles/enriched-site-search-suggestions/ +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/ Deceptive Patterns: Machine Learning, Habitual Users, and Learned Helplessness By Ijeoma Odiaka. "…some designers and AI systems use their knowledge of human behavior against users by employing deceptive patterns to manipulate them or change their behavior…" https://www.uxmatters.com/mt/archives/2022/08/deceptive-patterns-machine-learning-habitual-users-and-learned-helplessness.php Conducting an Effective Web-Site UX Audit By Archit Prajapati. "…Evaluate your Web site's usability and assess what kind of user traffic you might expect, as well as how long users are likely to spend on the site…" https://www.uxmatters.com/mt/archives/2022/08/conducting-an-effective-web-site-ux-audit.php Reimagining the Role of Friction in Experience Design By Jonathan D. Ericson. "…To meet these challenges, researchers and designers need to shift from reflexively eliminating friction to intentionally designing friction, which requires asking deeper questions about human needs and goals in addition to examining how we might help people accomplish tasks quickly and easily…" https://uxpajournal.org/friction-experience-design/ +10: WEBWASTE & SUSTAINABILITY. How Efficient Code Increases Sustainability in the Enterprise By Venture Beat. "Everything counts in large amounts. You don't have to be Google, or build large AI models, to benefit from writing efficient code. But how do you measure that…" https://venturebeat.com/2022/07/07/how-efficient-code-increases-sustainability-in-the-enterprise/ Patagonia Case Study By Lift Economy. "This is the first episode in a rebroadcast of our four part interview series with Vincent Stanley from Patagonia…" https://www.lifteconomy.com/blog/patagonia-1 Green Software Summit Outlines Developer Best Practices By Stephanie Glen. "The Green Software Foundation Global Summit highlights tech sustainability and the important role developers can play in tackling climate change…" https://www.techtarget.com/searchsoftwarequality/news/252521642/Green-software-summit-outlines-developer-best-practices [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.]