+++ WEB DESIGN UPDATE. - Volume 20, Issue 45, May 4, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 45 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: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 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. Under-Engineered Multi-Selects By Adrian Roselli. "…This post demonstrates a different way to let users select multiple choices from a set. Ideally one that is less confusing and more forgiving of mistakes…" https://adrianroselli.com/2022/05/under-engineered-multi-selects.html Choosing Benchmarking Metrics for Website Accessibility By Bureau of Internet Accessibility. "To create accessible digital content, you'll need to track your progress…" https://www.boia.org/blog/choosing-benchmarking-metrics-for-website-accessibility Web Accessibility Checklist By Julian Salas. "A checklist for creating accessible websites and web applications…" https://webaccessibilitychecklist.com/ Will Digital Accessibility Make My Website Ugly? By Bureau of Internet Accessibility. "What does an accessible website look like? That's completely up to you - but adopting the best practices of web accessibility certainly won't ruin the way your content looks. Contrary to popular misconception, content does not need to be minimalistic or 'ugly" to be useful for people with disabilities…" https://www.boia.org/blog/will-digital-accessibility-make-my-website-ugly Legal Update: April 2022 By Ken Nakata. "For several decades, web accessibility lawsuits in many circuits in the United States require establishing a “nexus” between an (inaccessible) website and a traditional bricks-and-mortar place of public accommodation…" https://convergeaccessibility.com/2022/05/02/legal-update-april-2022/ +02: CASCADING STYLE SHEETS. Stop Removing Focus By Todd Libby. "You know that border around interactive items on a Web page? Links, form components (checkboxes, buttons, text fields), tags, pagination. That border that differs in the browsers you use and test in. The "ugly" outline that designers hate…" https://dev.to/colabottles/stop-removing-focus-2o7b Flexibly Centering an Element with Side-Aligned Content By Eric A. Meyer. "In a recent side project that I hope will become public fairly soon, I needed to center a left-aligned list of links inside the sides of the viewport, but also line-wrap in cases where the lines got too long (as in mobile). There are a few ways to do this, but I came up with one that was new to me…" https://meyerweb.com/eric/thoughts/2022/04/26/flexibly-centering-an-element-with-side-aligned-content/ The CSS Art Paradox By Jens Oliver Meiert. "The most sophisticated CSS being applied to the most meaningless, bloated, and unmaintainable HTML…" https://meiert.com/en/blog/the-css-art-paradox/ +03: COLOR. Does the Contrast Ratio Actually Predict the Legibility of Website Text? By Sam Waller. "Since 2008, the Web Content Accessibility Guidelines (WCAG) contrast formula has implied that the legibility of text on websites can be predicted according to the ratio of the amount of light that the monitor emits for the brightest colour, compared to the darkest colour. If all other text parameters are equal, then bigger ratios mean the text ought to be more legible…" https://www.cedc.tools/article.html +04: EVALUATION & TESTING. A Guide to Task-Based UX Metrics By Jeff Sauro and Jim Lewis. "…In current practice, the essential task-based UX metrics are those associated with actions and attitudes. Less commonly used are behavioral/physiological and combined metrics…" https://measuringu.com/task-based-metrics/ Analytics vs. Quantitative Usability Testing (Video) By Kate Moran. "Both UX research techniques help you gain quantitative insight into user behavior. However, each method provides different types of information and can answer different kinds of research questions." https://www.nngroup.com/videos/analytics-vs-quantitative-usability-testing/ Steal this Interview Script By Elaina Natario. "The following is the boilerplate script I use for 1:1 remote user interviews for prototypes…" https://thoughtbot.com/blog/steal-this-interview-script +05: EVENTS. How to Use CSS Animations and Stay Performant (and Accessible) May 17, 2022. Online https://blog.logrocket.com/logrocket-css-meetup-how-to-use-css-animations-and-stay-performant-and-accessible/ Virtual Accessibility Awareness Lab May 18, 2022. Online https://accessibility.deque.com/gaad-2022-virtual-accessibility-awareness-lab Accessibility Fundamentals Bootcamp May 19, 2022. Online https://accessibility.deque.com/gaad-2022-accessibility-fundamentals-bootcamp The DOJs Latest Guidance for Web Accessibility: What it Means, Why it Matters, and its Impact on Compliance Efforts May 19, 2022. Online https://www.law.com/2022/04/25/the-dojs-latest-guidance-for-web-accessibility-what-it-means-why-it-matters-and-its-impact-on-compliance-efforts/ Breaking Into the Digital Accessibility Profession June 7, 2022. Online. https://www.meetup.com/A11yNYC/events/285355915/ SmashingConf SF 2022 June 20-23, 2022. San Fransisco, California, U.S.A. https://smashingconf.com/sf-2022 Web Accessibility in Mind Conference by WebAIM in partnership with PopeTech September 7-8, 2022. Online https://conference.webaim.org/ Web Summit November 1-4, 2022. Lisbon, Portugal https://websummit.com/ World Usability Day November 11, 2022. Global https://worldusabilityday.org/ +06: HTML. Foundations: Lists By Léonie Watson. "TA list is generally agreed to be a series of words or phrases that are grouped together for a reason…" https://tetralogical.com/blog/2022/04/29/lists/ +07: JAVASCRIPT. Trust By Jeremy Keith. "I've noticed a strange mindset amongst front-end/full-stack developers. At least it seems strange to me. But maybe I'm the one with the strange mindset and everyone else knows something I don't. It's to do with trust and suspicion…" https://adactio.com/journal/19021 +08: MISCELLANEOUS. If One Person is Remote, Everyone Should be Remote By Martin Underhill. "…I don't want to exclude anyone from a conversation so the days of in-real-life meetings are over. There may be the odd time I happen to be in my closest office at the same time as some others in a meeting, but if even one person is dialling in, we all will be!" https://www.tempertemper.net/blog/if-one-person-is-remote-everyone-should-be-remote Tips for Accessible Screen Sharing By Jon Whiting. "…No matter how you share, you may benefit from a few tips to help you share your screen in ways that will improve access for all…" https://webaim.org/blog/tips-for-accessible-screen-sharing/ +09: USABILITY. The C's of Great UX Mentorship (Video) By Evan Sunwall. Both mentors and mentees need to put effort into the relationship: here are 3 traits for each side, plus 2 more than both should share. https://www.nngroup.com/videos/great-ux-mentorship/ UX Camp Spring Home Edition 2022 Returns May 21, 2022 By Deborah Edwards-Oñoro. "…If you're a user experience professional, student, or someone interested in learning about user experience, it's an event you don't want to miss…" https://www.lireo.com/ux-camp-spring-home-edition-2022-returns-may-21-2022/ +10: WEBWASTE & SUSTAINABILITY. Government Websites Need a Green Standard By Mike Gifford. "…three simple things you can do make your government website green: Reduce your image size… Minimize your code… Switch to a green web host…Low carbon websites are a win-win-win solution for everyone. Users have a better customer experience with faster load times, organizations are able to reduce their net carbon emissions, and everyone knows that a little less CO2 is going into our atmosphere." https://www.govloop.com/community/blog/government-websites-need-a-green-standard/ It's Time for the Internet to Become More Sustainable, Says New Coalition By Roya Sabri. "…As it builds digital sustainability standards, the coalition is actively looking for additional collaborators. Interested parties can reach out on the contact form of the Sustainable Web Design site." https://www.triplepundit.com/story/2022/internet-sustainable-web/742191 We Don't Have an Energy Production Problem. We Do Have an Energy Consumption Problem. By Gerry McGovern. "The amount of CO2 that electricity causes depends on the type of fuel that is used to produce it…" https://gerrymcgovern.com/we-dont-have-an-energy-production-problem-we-do-have-an-energy-consumption-problem/ [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.]