+++ WEB DESIGN UPDATE. - Volume 21, Issue 14, September 27, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 14 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: NAVIGATION. 10: TOOLS. 11: USABILITY. 12: WEBWASTE & SUSTAINABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Trauma-informed Website Design (Video) By Melissa Eggleston. "If a doctor, therapist, or police officer can communicate in a trauma-informed way, why can't a website…" https://www.youtube.com/watch?v=Doxvsv31wOg A Designer's Guide to Documenting Accessibility (Video) By Stéphanie Walter. "Great documentation helps teams implement accessibility requirements the right way. Let's talk about why, what and how designers can document different aspects of accessibility and user interactions requirements…" https://www.youtube.com/watch?v=eDCd-isluUY The Indisputable Truth About Accessibility (Video) By Johan Huijkman. "…I started a research on how many people actually use a11y features on their mobile devices. The results were stunning: almost 50% of the 1.5 million people use one or more of these settings. In my talk I will share the insights and learnings from this research. This helped me to convince others to focus on a11y from the beginning. Now it will help you, too…" https://www.youtube.com/watch?v=iD7bqZ7K5VQ Overlays Underwhelm at ID24 By Adrian Roselli. "Owing to a last minute cancellation, I had the pleasure of presenting at Inclusive Design 24, a live streaming 24-hour solid conference…" https://adrianroselli.com/2022/09/overlays-underwhelm-at-id24.html Find Grids Vs Tables Accessibility Scary? Relief = 2 Simple Questions By Kim Wee. "Simple definitions to help business analysts, developers, and you…" https://mn.gov/mnit/media/blog/#/detail/appId/1/id/541013 You Need to Know: What's YOUR Role in NDEAM? By Jennie Delisi. "October is National Disability Employment Awareness Month (NDEAM). This year's theme is Disability: Part of the Equity Equation. Disability inclusion that is part of a multifaceted community, and that is truly inclusive, is a key part of the equation for building a strong workforce…" https://mn.gov/mnit/media/blog/?id=38-541021 Accessing the Digital World With a Visual Disability By James L. Warnken. "Blindness is a spectrum and can affect people in a variety of ways…" https://www.cantonrep.com/story/opinion/columns/guest/2022/09/18/james-warnken-advocates-for-digital-accessibility/69491432007/ Accessibility is Systemic By Jeremy Keith. "…making sure inclusive design is prioritised at an organisational level makes it much more likely that the outputs will be accessible." https://adactio.com/journal/19468 Buttons and the Baader-Meinhof Phenomenon By Manuel Matuzović. "…I've collected different correct and wrong ways of labelling buttons…" https://www.matuzo.at/blog/2022/button-baader/ Earth, Wind & Fire Accessibility PSA (Videos) By Crystal Preston-Watson. "Did you know that Earth, Wind & Fire did a series of PSAs [Public Serice Announcements] on web accessibility?…I give you four never-before-seen ads (that I didn't create last night) from the group on web accessibility best practices." Keyboard Accessible Video: https://www.youtube.com/watch?v=BvEqI2f3vJw Captions and transcripts Video: https://www.youtube.com/watch?v=SgOFMU_Fz4I Text Alternatives Video: https://www.youtube.com/watch?v=0v8gYWYE6Dc Color Alone Video: https://www.youtube.com/watch?v=BRa2nm_fz2Y Blind People Need to Be Considered More When Making Data Visualizations By Johny Cassidy. "As a blind journalist, I'm concerned that the increased use of visual data representation without careful and creative thought about accessibility is widening the inaccessibility gap.…" https://www.a11yproject.com/posts/blind-people-need-to-be-considered-more-when-making-data-visualizations/ Accessibility is for Every One By Sommer Panage. "…the field of accessibility truly needs to live in both worlds. In the world of universal design - thinking about how we can bring access to the most people AND in the world of highly specific work, the world of inidivual difference with settings and switches that allow people to use their devices exactly in the way that actually works for them." https://sommerpanage.com/posts/2022-09-16-a11y_for_everyone/ 2.4.11 Focus Appearance Adds More Complexity to WCAG Than We Should Want By Hidde de Vries. "Like many people, I have been monitoring the creation of WCAG 2.2, the upcoming new version of the Web Content Accessibility Guidelines. Nine new Sucess Criteria are proposed. One particularly worries me: 2.4.11: Focus Appearance…" https://hidde.blog/focus-appearance-too-complex/ +02: CASCADING STYLE SHEETS. CSS Rules vs. CSS Rulesets By Louis Lazaris. "…One of the things that comes up often when I make suggestions is the difference between a CSS rule and a CSS ruleset…" https://www.impressivewebs.com/css-rules-vs-css-rulesets/ A Practical Guide to Centering in CSS By Alex Ivanovs. "…We will focus on specific use cases such as as vertical and horizontal centering, as well as how to center things when you're not using Flexbox or Grid…" https://stackdiary.com/centering-in-css/ Use Cases for CSS Comparison Functions By Ahmed Shadeed. "In this article, I will explore a few use-cases for comparison functions, and explain each one in detail. Mostly, the use cases will be about situations other than using them for fluid sizing, as this is the most popular use case and I will keep that to the last." https://ishadeed.com/article/use-cases-css-comparison-functions/ +03: COLOR. Clarifying Color Contrast & Font Size Guidelines By Marcy Sutton. "I received a question from someone who was working through the Design Thinking & People Skills workshop and had a question about one of the challenges8…" https://testingaccessibility.com/clarifying-contrast-and-font-guidelines +04: EVALUATION & TESTING. Business Software UX & NPS Benchmarks (2022) By Jeff Sauro and Jim Lewis. "…Benchmarking is an important step in improving the user experience of software and should include measures of usability and loyalty. Third-party benchmarks such as the ones described here complement internal benchmarking programs by providing more context. It's a lot easier to know how well your product is doing when you know where it stands relative to the competition or the industry average.…" https://measuringu.com/business-software-ux2022/ +05: EVENTS. Democratizing Accessibility Within Google Workspace September 28, 2022. Online https://www.abledocs.com/en/events/2022/democratizing-accessibility-within-google-workspace The Evolution of the Captioning Industry with Larry Goldberg September 29, 2022. Online https://go.3playmedia.com/wbnr-09-29-2022-evolution Ensuring that the 'World's Knowledge is Accessible By All': Canadian Blind Scholars Share their Experiences of Journal and other Digital Content October 3, 2022. Online and Montreal, Canada https://www.crkn-rcdr.ca/en/conference/2022-crkn-conference-strength-community/program/ensuring-worlds-knowledge-accessible-all Where Accessibility Champions Can Find the Time & Knowledge They Need to Succeed October 6, 2022. Online https://accessibility.deque.com/accessibility-program-fundamentals-webinar Web Accessibility Lawsuit Trends in 2022 October 6, 2022. Online https://go.3playmedia.com/wbnr-10-06-2022-trends Accessibly (Re)Creating the Past October 19, 2022. Online https://www.meetup.com/a11yvr/events/288589895/ Preparing for WCAG 2.2 with Sarah Pulis and Andrew Arch October 4, 2022 (12 p.m. Australian Eastern Daylight Time) Online https://intopia.digital/articles/intopia-webinar-preparing-for-wcag-2-2/ +06: HTML. A Details Element as a Burger Menu Is Not Accessible By Gerardo Rodriguez. "…the details/summary elements come with accessibility issues, so it's not an inclusive solution…" https://cloudfour.com/thinks/a-details-element-as-a-burger-menu-is-not-accessible/ Will Serving Real HTML Content Make A Website Faster? Let's Experiment! By Scott Jehl. "…serving meaningful HTML can be one of the absolute best things you can do for a site's performance. WebPageTest Experiments are designed to help us understand which changes are worth our effort before we do any of the work, and the 'Mimic Pre-Rendered HTML' experiment is a particularly great example of that value…" https://blog.webpagetest.org/posts/will-html-content-make-site-faster/ Quick Reminder: HTML5 Required and Pattern Are Not a Security Feature By Chris Heilmann. "…Whilst this is an excellent way to get the browser to provide feedback to your users, it is not a security measure. Any form that relies on this feature alone can be defeated by using the Developer Tools Console and using JavaScript to submit the form…" https://christianheilmann.com/2022/09/22/quick-reminder-html5-required-and-pattern-are-not-a-security-feature/ +07: JAVASCRIPT. How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript By Chris Ferdinandi. "A student of mine asked me how I would get a navigation link’s siblings when it’s clicked. Today, we’re going to figure that out.…" https://gomakethings.com/how-to-get-all-sibling-elements-of-a-link-or-button-with-vanilla-javascript/ +08: MISCELLANEOUS. Five Walled Gardens: Why Browsers are Essential to the Internet and How Operating Systems are Holding Them Back (PDF) By Mozilla. "…This report has two purposes: first, to present Mozilla's research (both recent surveys and years of knowledge) into consumer interaction with browsers. Secondly, to highlight the foreclosure of browser engines and independent browsers by operating systems.…" https://research.mozilla.org/files/2022/09/Mozilla_Five-Walled-Gardens.pdf First Board of Directors to Initiate Critical Functions of W3C Inc By W3C. "…The W3C Board of Directors will be the governing body of the Consortium, have ultimate authority on its strategic direction, have a legal obligation to ensure that W3C implements its mission to lead the Web to its full potential, and have fiduciary responsibility over W3C as a whole…" https://www.w3.org/blog/news/archives/9685 +09: NAVIGATION. Top Task Analysis: Make it Fast and Efficient By Paul Boag. "Top task analysis is an excellent way of ensuring users can find the content and functionality they care about. What is more, it doesn't need to be demanding to run…" https://boagworld.com/content-strategy/top-task-analysis/ Audience-Based Website Navigation (Video) By Page Laubheimer. "Segmenting a website's navigation by audience categories will often degrade usability, either because users belong in multiple categories, or because they feel the need to look at content targeted at several segments." https://www.nngroup.com/videos/audience-based-website-navigation/ +10: TOOLS. Platform for app Accessibility By Abra and Q42. "Appt is a new platform for app accessibility, created by Abra and Q42. Appt's goal is to empower developers and organizations to build accessible apps for everyone. This beta version with data on accessibility features, code samples, guidelines and more will be expanded in the coming months…" https://beta.appt.org/en JPEG Compressor By Riley Grace. "Resize and optimize the images including GIFs, JPEG, PNG, JPG, SVG, and WEBP…" https://jpegcompress.com/ +11: USABILITY. Failing to Fix Your Forms is Costing You Money By Caroline Jarrett. "…Don't make excuses. Fix the forms. I'm not asking you to do the best possible form. I'm not asking you to do a full digital transformation. I'm only asking you to set aside a morning every now and then…" https://www.effortmark.co.uk/failing-to-fix-your-forms-is-costing-you-money/ Types of User Pain Points (Video) By Sarah Gibbons. "Problems with a customer's experience can be big or small and fall into 3 categories: interaction level, journey level, and relationship level. UX resources should be prioritized to find and fix the most painful issues." https://www.nngroup.com/videos/types-of-user-pain-points/ +12: WEBWASTE & SUSTAINABILITY. Could Sustainable Websites Increase Energy Consumption By Tom Greenwood. "…when it comes to the web, Sustainable Web Design is the solution to the Jevons paradox. By maximising efficiency in web design, development and content creation, we can ensure that we preserve the benefits of more efficient hardware. Then by trying to ensure that the web projects we work on are actually good for the world, we can harness the secondary rebound effect to create positive rather than negative environmental impact…" https://www.wholegraindigital.com/blog/jevons-paradox/ How to Shrink AI’s Ballooning Carbon Footprint By Elizabeth Gibney. "Emissions data for different locations could help researchers to reduce the environmental cost of machine-learning experiments." https://www.nature.com/articles/d41586-022-01983-7 Citizen Activism for More Sustainable Tech By Gerry McGovern. "What can an individual do to make the most sustainable choice when buying a new laptop or smartphone? Don’t buy. Hold on to your device for one more year…" https://gerrymcgovern.com/citizen-activism-for-more-sustainable-tech/ [Section one ends.] ++ SECTION TWO: +13: 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.]