+++ WEB DESIGN UPDATE. - Volume 20, Issue 43, April 20, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 43 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 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. Accessibility Why You Need to Work Toward Progress Not Perfection By Meryl K. Evans. "Accessibility isn't all or nothing. It's progress, not perfection. And here are examples of ways to make progress…" https://meryl.net/accessibility-progress-not-perfection/ Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? By Val Serdy. "Our accessibility consultants logged over 7,500 instances when a webpage didn't meet WCAG 2.0 AA success criteria. Then, we ran some numbers…" https://equalentry.com/10-most-cited-accessibility-issues/ Why Form Labels and Instructions Are Important for Digital Accessibility By Bureau of Internet Accessibility. "…To make sure your website is accessible for the widest possible audience, you'll need to make sure your forms use appropriate labels and instructions. Here's what developers and designers should know…" https://www.boia.org/blog/why-form-labels-and-instructions-are-important-for-digital-accessibility How to Start Testing Your Website with a Screen Reader By Eric Karkovack. "…how do we take things to the next level? Testing your website with a screen reader is a great way to start…" https://speckyboy.com/testing-your-website-screen-reader/ Why Accessibility Bugs Are a Good Thing and How to Handle Them By Sheri Byrne-Haber. "Hint: 'fix the bug' is probably the least important item on the list…" https://sheribyrnehaber.com/why-accessibility-bugs-are-a-good-thing-and-how-to-handle-them/ Why Captioning Non-Speech Elements Matters for Accuracy By Rebecca Klein. "…While meeting all formatting conditions is essential for accuracy, one of the most commonly misunderstood requirements is captioning non-speech elements…" https://www.3playmedia.com/blog/why-captioning-non-speech-elements-matters-for-accuracy/ For Wide Review: Synchronization Accessibility User Requirements (SAUR) By Shawn Henry. "W3C WAI invites you to comment on the updated Working Draft of: Synchronization Accessibility User Requirements (SAUR)…" https://lists.w3.org/Archives/Public/public-wai-announce/2022AprJun/0001.html What is Accessibility Coaching and Why Does It Matter? By Michael Fairchild. "Accessibility isn't just a requirement for compliance. It's about being inclusive and accounting for human diversity…" https://www.deque.com/blog/what-is-accessibility-coaching-and-why-does-it-matter/ Accessible Description Exposure By Adrian Roselli. "If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never have to explain it again…" https://adrianroselli.com/2022/04/accessible-description-exposure.html My Cease & Desist from AudioEye By Adrian Roselli. "On Tuesday April 5, 2022, a FedEx driver dropped off an overnight envelope from Manhattan. It contained a three page Cease & Desist letter from Cozen O'Connor, the law firm representing AudioEye, Inc…" https://adrianroselli.com/2022/04/my-cease-desist-from-audioeye.html Justice Department Secures Agreement with CVS Pharmacy Inc., to Make Online COVID-19 Vaccine Registration Accessible for People with Disabilities By U.S. Department of Justice. "…Under today's settlement, CVS will conform web content about the COVID-19 vaccine, including the forms for scheduling an appointment to get the vaccine, to the Web Content Accessibility Guidelines (WCAG), Version 2.1, Level AA…" https://www.justice.gov/opa/pr/justice-department-secures-agreement-cvs-pharmacy-inc-make-online-covid-19-vaccine CVS Pharmacy Settlement Agreement (PDF) https://www.ada.gov/cvs_sa.pdf +02: CASCADING STYLE SHEETS. CSS :has( ) A Parent Selector Now By Matthias Ott. "I don't remember the exact moment anymore. But I remember that it was with a mix of disbelief and disappointment that I realized one day that there was no way to select the parent of an element in CSS…" https://matthiasott.com/notes/css-has-a-parent-selector-now CSS Parent Selector By Ahmed Shadeed. "Have you ever thought about a CSS selector where you check if a specific element exists within a parent?…" https://ishadeed.com/article/css-has-parent-selector/ +03: COLOR. Well Color Us Surprised - This SC Can Be a Tricky Customer By Ian Lloyd. "If there is one topic that causes a lot of debate among our accessibility engineers here at TPGi, it's the Success Criterion 1.4.1 Use of Color…" https://www.tpgi.com/well-color-us-surprised-this-sc-can-be-a-tricky-customer/ How to Fix Your Low-Contrast Text By Ben Myers. "…this is Part 1 of six resources geared towards helping you make sense of the most common accessibility defects and what you can do about them…" https://benmyers.dev/blog/fix-low-contrast-text/ +04: EVALUATION & TESTING. Sample Sizes for Comparing SUS Scores By Jeff Sauro and Jim Lewis. "…What sample size do you need when comparing two sets of SUS scores? To answer that question, you need several types of information, some common to all sample size estimation (confidence level to establish control of Type I errors, standard deviation, and margin of error or critical difference), others unique to statistical hypothesis testing (one- vs. two-tailed testing, setting a level of power to control Type II errors), and for comparison of means, whether the experimental design will be within- or between-subjects…" https://measuringu.com/sample-sizes-for-SUS-comparisons/ Making UX Research Goals Specific (Video) By Tanner Kohler. "User research studies need research goals: what are you trying to learn? Too broad, and you may have no actionable insights to drive the design process." https://www.nngroup.com/videos/making-ux-research-goals-specific/ +05: EVENTS. Web Accessibility Basics April 28, 2022. Online https://www.eventbrite.com/e/web-accessibility-basics-tickets-273980381697 WCAG Explained May 24, 2022. Online https://www.eventbrite.com/e/wcag-explained-tickets-273986339517 Accessible Mobile Environments June 23, 2022. Online https://www.eventbrite.com/e/accessible-mobile-environments-tickets-273988295367 UX Conference July July 16-22, 2022. Online https://www.nngroup.com/training/july/ World Usability Congress 2022 October 11-13, 2022. Graz, Austria https://worldusabilitycongress.com/ An Event Apart Denver October 10-12, 2022. Denver, Colorado, U.S.A. https://aneventapart.com/event/denver-2022 +06: HTML. Pull Request: Removes Outline Algorithm By Steve Faulkner. "This PR is an attempt to bring the HTML spec in line with the decade+ old reality of non-implementation of the outline algorithm in User Agents and the continued presence of misleading content in the HTML spec relating to the outline algorithm…" https://github.com/whatwg/html/pull/7829 +07: JAVASCRIPT. The Economics of JavaScript Web Apps By Mike Carter. "Your single page JavaScript web app probably doesn't make you as much money as its old-school alternative. Sorry…" https://mcarter.me/posts/the-economics-of-javascript The Front-End Developer's Guide to the Terminal By Josh W. Comeau. "…the missing manual of terminal fundamentals needed to work with modern JS frameworks like React, so you can move onto the fun stuff: building user interfaces…" https://www.joshwcomeau.com/javascript/terminal-for-js-devs/ +08: MISCELLANEOUS. Learn Responsive Design By Google. "A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone…" https://web.dev/learn/design/ +09: NAVIGATION. How "Skip Navigation" Links Benefit Accessibility By Bureau of Internet Accessibility. "Many websites have large amounts of redundant content on every page…" https://www.boia.org/blog/how-skip-navigation-links-benefit-accessibility +10: USABILITY. Three Methods to Increase User Autonomy in UX Design By Tanner Kohler. "Designers should help people use interfaces in ways that align with personal preferences and priorities." https://www.nngroup.com/articles/increase-user-autonomy/ +11: WEBWASTE & SUSTAINABILITY. Sustainability's Role in the Ethical Web Framework (Video) By Amy Drayer. "The web has made transparent and exponentially exacerbated some fundamental inequities in our ways of thinking and doing. So how do we change this? Amy Drayer outlines what ethics means on the web, provides principles to define some of the work, and explains how each of us can take our own journey towards web sustainability…" https://www.youtube.com/watch?v=DQPy2VnwdjY Amy's Slides: https://docs.google.com/presentation/d/1XhNIQoIO-Opg7Mb-tDmRDekZECg8qM_64fGuN-KMb5k/ [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.]