+++ WEB DESIGN UPDATE. - Volume 21, Issue 22, November 23, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 22 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: TOOLS. 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. Accessible PDF Training By Minnesota IT Services. "Welcome to the State of Minnesota's free e-Learning program on how to create accessible PDF documents. Each module is short and focuses on a single topic…" https://mn.gov/mnit/about-mnit/accessibility/training/pdf-101.jsp Accessibility Review of Summit Trampoline Park By Marcy Sutton. "Let's do an accessibility review of the Summit Adventure Park website…" https://testingaccessibility.com/accessibility-reviews/trampoline-park Accessibility Acceptance Criteria By T-Mobile - Accessibility Resource Center. …"Automatically generate test cases for Web, iOS and Android components…" https://www.magentaa11y.com/ 5 Insider Tips To Make Accessibility Part Of Workflow By JoAnn Rautio and Jennie Delisi. "You may have said to yourself: accessibility testing should be part of a technology project's workflow…" https://mn.gov/mnit/media/blog/?id=38-548022 Improve Accessibility of Your Teams Meetings: Questions and Answers (Part 1) By Jennie Delisi. "Tips to make your Teams Meetings more inclusive…" https://mn.gov/mnit/media/blog/?id=38-547970 Using Automated Test Results To Improve Accessibility By Mark Steadman and Noah Mashni. "The huge increase in automated accessibility testing adoption is a wonderful first step, but ultimately its impact is limited if we don't know what to do with the results. In this article, Noah Mashni and Mark Steadman share their approach to how to leverage the automated test results from the accessibility checks to drive change and reach sustainable digital accessibility transformation…" https://www.smashingmagazine.com/2022/11/automated-test-results-improve-accessibility/ COGA Research Documents Survey By W3C Cognitive and Learning Disabilities Accessibility (COGA) Task Force. COGA would like to learn how people are using their current content, and what they need to update. The survey closes November 30, 2022. https://docs.google.com/forms/d/e/1FAIpQLSc4ugu4iWRlEQ84-NWJmaiwtVWkXD1mhdCxB6MMy8N_mT56Bg/viewform Analyzing the Top 100 Retailers for Digital Accessibility By Deque Systems. "Are the top 100 retailers ready to support people with disabilities throughout this holiday buying season? Let's take a look at how they fared…" https://www.deque.com/blog/analyzing-the-top-100-retailers-for-digital-accessibility/ DOJ and Congressional Updates on Digital Accessibility By Ken Nakata. "…It wasn't long before the world of digital accessibility tracked us down. While we were walking the beach looking for fancy shells, my phone beeped…" https://convergeaccessibility.com/2022/11/21/doj-and-congressional-updates-on-digital-accessibility/ Justice Department Secures Agreement with University of California, Berkeley to Make Online Content Accessible to People with Disabilities By U.S. Department of Justice. "The Justice Department announced today that it has filed a proposed consent decree in federal court to resolve allegations that the Regents of the University of California on behalf of the University of California, Berkeley…" https://www.justice.gov/opa/pr/justice-department-secures-agreement-university-california-berkeley-make-online-content DOJ Promises To Resume Filing Federal Website Accessibility Reports By Shruti Rajkumar. "The plan comes months after a group of senators requested that the department restart its reporting, which was last completed in 2012…" https://www.huffpost.com/entry/department-of-justice-website-accessibility-compliance_n_6377124ce4b07a02ca81b517 +02: CASCADING STYLE SHEETS. CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly By Nick Schäferhoff. "Are you a beginner in CSS and constantly asking yourself if you are doing things right? Do you ever wonder if your markup is up to par? If so, it's clearly time to learn some CSS best practices…" https://torquemag.io/2022/11/css-best-practices/ An Interactive Guide to Flexbox By Josh W. Comeau. "Flexbox is a remarkably powerful layout mode…" https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/ Why You Should Never Use px to Set Font-Size in CSS By Josh Collinsworth. "Forgive the clickbait title; 'never' is a strong word, but this is an important, and poorly understood topic…" https://joshcollinsworth.com/blog/never-use-px-for-font-size Style a Parent Element Based on Its Number of Children Using CSS :has() By Bramus Van Damme. "…In CSS it's possible to style elements based on the number of siblings they have by leveraging the nth-child selector. But what if you want to style the parent element based on the number of children?…" https://www.bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/ Harnessing Groupthink: Fine-Tuning CSS Specifications By Richard Rutter. "Every now and then Clearlefties are asked to help out the CSS Working Group. Invariably it's a chance to learn, not just about upcoming CSS, but also new methods of collaboration and group decision making…" https://clearleft.com/thinking/harnessing-groupthink-fine-tuning-css-specifications +03: EVALUATION & TESTING. The Wizard of Oz Method in UX By Sara Ramaswamy. "The Wizard of Oz is a type of user-research method that involves interaction with a mock interface controlled by a human. It is used to test costly concepts inexpensively and to narrow down the problem space." https://www.nngroup.com/articles/wizard-of-oz/ UX Researchers, We Like to Watch (UX Slogan #16) (Video) By Maria Rosala. "Watching users' actual behavior helps us gain insights to improve the user experience." https://www.nngroup.com/videos/we-like-to-watch/ +04: EVENTS. The Design + Accessibility Summit November 29-December 2, 2022. Online https://creativepro.com/design-accessibility-summit/ The Current Legal Landscape for Digital Assets Accessibility Risks and How to Provide an Accessible Experience for Retail Customers December 5, 2022. Online https://www.tpgi.com/webinar-december-6-at-11am-et-the-current-legal-landscape-for-digital-assets-accessibility-risks-and-how-to-provide-an-accessible-experience-for-retail-customers/ GOVIT Symposium December 6-8, 2022. Saint Paul, Minnesota, U.S.A. https://fusionlp.org/govitsym/ Frontrunners December 8, 2022. Arlington, Virgina, U.S.A. https://frontrunners.tech/ Science,Technology, Engineering, Math (STEM) Accessibility: Acc3ss N0w February 9-10, 2023. Online https://athenpro.org/content/athen-virtual-conference +05: HTML. Autocomplete Values for Identifying Input Purpose By Rakesh Paladugula. "WCAG 2.1 Success Criterion 1.3.5 Identify input purpose is one of the success criterion that is easy to implement but difficult to understand…" https://www.maxability.co.in/2022/11/18/autocomplete-values-for-identifying-input-purpose/ What Happened To Text Inputs? (Video) By Heydon Pickering. "…This video is the story of how inputs became onputs then became something even less logical and more bad…" https://briefs.video/videos/what-happened-to-text-inputs/ +06: JAVASCRIPT. Brief Note on aria-readonly Support By Adrian Roselli. "Support for aria-readonly is nearly non-existent for the roles I tested. Should you need it, you cannot rely on it. You will be better off revising the pattern where you think you need it…" https://adrianroselli.com/2022/11/brief-note-on-aria-readonly-support-html.html A Guide To Keyboard Accessibility: JavaScript (Part 2) By Cristian Díaz. "This article is the second of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a toolset on JavaScript that you can mix into different components to create a great experience for keyboard users…" https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/ A Civilised Guide to JavaScript Array Methods By James Sinclair. "I've created a cheat sheet that will tell you precisely when to use each JS array method…" https://jrsinclair.com/javascript-array-methods-cheat-sheet +07: MISCELLANEOUS. Understanding Disability: Ableism By Ricky Onsman. "A common definition of ableism is that it is discrimination and social prejudice against people with disabilities. That's undoubtedly true, but ableism can also be described as discrimination in favor of non-disabled people…" https://www.tpgi.com/understanding-disability-ableism/ Accessibility is in Style - Styles & Style Guide By Melissa Green. "…A style guide, also referred to as a stylebook, manual of style, or style sheet, contains rules and guidelines for print and digital publications.…" https://knowbility.org/blog/2022/accessibilityisinstyle-stylesandstyleguides Twitter's Layoffs Are a Blow to Accessibility By Kate Knibbs. "…The company recently took major steps to make the platform more inclusive after pressure from disabled users. Then Elon Musk gutted its accessibility team…" https://www.wired.com/story/twitter-layoffs-accessibility/ 5 Things I Learned About Mastodon By Deborah Edwards-Onoro. "With the change of ownership and direction at Twitter, a lot of Twitter users have switched (or are considering switching) to Mastodon, the open-source decentralized social media network that launched in 2016…" https://www.lireo.com/5-things-for-mastodon/ +08: NAVIGATION. Have a 'View All' Option in the Main Navigation at Each Level of the Mobile Product Catalog (Only 24% Get It Right) By Edward Scott. "Mobile users, like desktop users, often need a broad list of products to consider…" https://baymard.com/blog/mobile-main-nav-view-all +09: TOOLS. Grouped Fields Bookmarklet By Ian Lloyd. "Finds all groups/regions that have a group label…" https://a11y-tools.com/bookmarklets/#groupedfields Reveal Focus Order Bookmarklet By Ian Lloyd. "Finds all focusable elements and shows the actual tabbing order…" https://a11y-tools.com/bookmarklets/#revealfocusorder +10: USABILITY. Make it Easy (UX Slogan #8)(Video) By Jakob Nielsen. "It's hard work to make a user interface that's easy to use. The end result may seem obvious to an outsider, but ease-of-use comes from trying out many design ideas and rejecting ones that are too difficult while polishing those that make the UI better." https://www.nngroup.com/videos/make-it-easy-ux-slogan-8/ Six Levels of UX Maturity (Video) By Kara Pernice. "Organizations may progress through 6 levels of UX Maturity, from 'absent' to 'user-driven'."" https://www.nngroup.com/videos/six-levels-of-ux-maturity/ The User Experience of Meeting Software (2022) By Jeff Sauro and Jim Lewis. "The worst of the pandemic may be over, but many changes remain, including our heavy use of meeting software…" https://measuringu.com/meeting-software-ux2022/ Stop Using No-Reply Email Addresses By Caroline Jarrett. "…They've done all that expensive work. They've acheived success - converted a potential to an actual customer. And then bam: communication from a no-reply email address. Why?…" https://www.effortmark.co.uk/stop-using-no-reply-email-addresses/ +11: WEBWASTE & SUSTAINABILITY. Web Sustainability Resources By Michele Barker. "…it seems timely to share a few resources that have crossed my radar this week…" https://css-irl.info/web-sustainability-resources/ [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.]