+++ WEB DESIGN UPDATE. - Volume 20, Issue 46, May 11, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 46 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: JAVASCRIPT. 06: MISCELLANEOUS. 07: TOOLS. 08: USABILITY. 09: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Please, Stop Disabling Zoom By Manuel Matuzović. "…This prevents users from being able to zoom a page on some browsers and operating systems. This can have serious negative consequences for people with low vision, elderly people and pretty much anyone who has to or wants to zoom in…" https://www.matuzo.at/blog/2022/please-stop-disabling-zoom/ Accessible Web Forms (Video) By Oliver Emberton. "An in-depth guide on how to make accessible forms, covering the latest WCAG 2.1, HTML, and ARIA standards. This is a fairly technical talk for developers…" https://silktide.com/webinars/accessible-web-forms/ Low-Hanging Fruit: 4 Accessibility Issues That Make a Website an Easy Target By Bureau of Internet Accessibility. "…we'll look at several common WCAG failures that can raise an organization's risk of compliance violations (and provide quick tips for addressing those issues)…" https://www.boia.org/blog/low-hanging-fruit-5-accessibility-issues-that-make-a-website-an-easy-target How Do You Prioritize Web Accessibility Fixes? 4 Tips By Bureau of Internet Accessibility. "…1. Prioritize accessibility fixes on high-traffic pages… 2. Prioritize accessibility issues that limit functionality… 3. Prioritize the 'easy" fixes first… 4. Think about the user - not the checklist…" https://www.boia.org/blog/how-do-you-prioritize-web-accessibility-fixes-4-tips [DRAFT] FAST Checklist By W3C Accessible Platform Architectures Working Group. "This is a draft checklist to support Framework for Accessibility in the Specification of Technologies (FAST) prepared by the Accessible Platform Architectures Working Group. The goal of FAST is to describe the features that web technologies should provide to ensure it is possible to create content that is accessible to users with disabilities…" https://w3c.github.io/apa/fast/checklist.html What Is Perceivability in Web Accessibility? WCAG Principles Explained By Bureau of Internet Accessibility. "The Web Content Accessibility Guidelines (WCAG) are the leading international standards for accessible web design…" https://www.boia.org/blog/what-is-perceivability-in-web-accessibility-wcag-principles-explained PDFs, Non-HTML Documents, and Accessibility By Whitney Lewis. "PDF and non-HTML documents can be difficult for users with assistive technology. Plus, they can take a lot of work to make accessible. So, let's learn…" https://blog.pope.tech/2022/05/03/pdfs-non-html-documents-and-accessibility/ A Different View into Accessibility Overlays - Converge Accessibility By Jeff Singleton. "…the marketing gimmicks and promises made around 'making a website accessible' or 'making web content compliant' continues at a deeper level than just making a sale for many of these accessibility overlay/plug-in providers…" https://convergeaccessibility.com/2022/05/09/a-different-view-into-accessibility-overlays/ U.S. Department of Education Announces Intent to Strengthen and Protect Rights for Students with Disabilities by Amending Regulations Implementing Section 504 By U.S. Department of Education. "…As part of the development of the proposed amendments to the Section 504 regulations, the Department is soliciting public input…" https://www.ed.gov/news/press-releases/us-department-education-announces-intent-strengthen-and-protect-rights-students-disabilities-amending-regulations-implementing-section-504 +02: CASCADING STYLE SHEETS. Learn CSS Subgrid By Ahmed Shadeed. "…In this article, I will try to highlight the problem that subgrid is expected to solve, how it works, and a few potential use-cases for it…" https://ishadeed.com/article/learn-css-subgrid/ Contextual Spacing For Intrinsic Web Design By Stephanie Eckles. "The user's browsing environment is not predictable. Tell other developers, and for goodness sakes, tell your designers. Let's learn how to coexist with that unpredictability by using adaptive, contextual spacing techniques…" https://moderncss.dev/contextual-spacing-for-intrinsic-web-design/ Practical Use Cases for :has() Pseudo-Class (Video) By Zoran Jambor. "Find out how can :has() parent selector help you simplify your code and avoid JavaScript entirely on practical, real-life examples…" https://www.youtube.com/watch?v=ljD_ENTYuB8 +03: EVALUATION & TESTING. Is UX Data Normally Distributed? By Jeff Sauro and Jim Lewis. "If you took an intro to stats class (or if you know just enough to be dangerous), you probably recall two things: something about Mark Twain's 'lies, damned lies …,' and that your data needs to be normally distributed…" https://measuringu.com/is-UX-data-normal/ Using Heatmaps to Optimize Your Web Site's User Experience By Adam Kiss. "…When it comes to gaining a competitive advantage, the optimization of your Web site's user experience can be a critical factor to consider…" https://www.uxmatters.com/mt/archives/2022/05/using-heatmaps-to-optimize-your-web-sites-user-experience.php +04: EVENTS. Introduction to Web Accessibility May 10-December 31, 2022. Online https://www.edx.org/course/web-accessibility-introduction You Don't Know What You Don't Know May 17, 2022. Online. https://www.tpgi.com/webinar-may-17-at-12pm-you-dont-know-what-you-dont-know/ Coding As A Blind Developer May 19, 2022. Online https://www.meetup.com/fedsa-community/events/285608904/ An Overview of Essential UX Metrics May 25, 2022. Online https://us02web.zoom.us/webinar/register/5216516869454/WN_jreU26xMTGueMfDpZLTcqg The Importance of Chief Accessibility Officers in Public and Private Sectors June 9, 2022. Online. https://di-dcmetro.org/the-importance-of-chief-accessibility-officers-in-public-and-private-sectors/ Quick Start to Captioning June 16, 2022. Online https://go.3playmedia.com/wbnr-06-16-2022-qsc Check Yourself: A Guide to Website Accessibility Audits June 23, 2022. Online https://www.aam-us.org/event/check-yourself-a-guide-to-website-accessibility-audits-oma-webinar/ SmashingConf Austin 2022 June 27-30, 2022. Austin, Texas, U.S.A. https://smashingconf.com/austin-2022 Pitfalls of Machine Generated PDFs June 30, 2022. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p0000183egREAQ +05: JAVASCRIPT. You Don't Need A UI Framework By Josh Comeau. "Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they'll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let's talk about it…" https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/ +06: MISCELLANEOUS. Interview with Meryl K. Evans, CPACC By Denis Boudreau. "Every week, we meet with audience members with disabilities who are willing to come forward and share a little bit about their own personal journey and experiences, attending live, in-person, or virtual speaking or training events…" https://inklusiv.ca/interview-with-meryl-k-evans-cpacc/ Reinventing W3C Governance By Robin Berjon. "…I do think that reform is possible and that a good time is now. This document is of course imperfect (I will updated it as necessary) but I do believe there is a path forward…" https://berjon.com/w3c-governance/ W3C Strategic Highlights By W3C. "We are proud to put the web standards into the web, and that our work is benefitting billions…" https://www.w3.org/2022/04/w3c-highlights/Overview.html +07: TOOLS. Contrast Grid By Eightshapes. "Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast. Include one color per line, with an optional comma-separated label…" https://contrast-grid.eightshapes.com/ Reasonable Colors By Matthew Howell. "Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes…" https://reasonable.work/colors/ AVIF Converter By Justin Schmitz. "Convert images to AVIF for free, fast. No data is sent. The magic happens in your browser…" https://avif.io/ +08: USABILITY. What User Experience and Hip-Hop Have in Common By Kenya F. Oduor and Reality Canty. "…Those of us who identify as members of … marginalized groups are more likely to consider the voice of the voiceless in our work…" https://www.uxmatters.com/mt/archives/2022/05/what-user-experience-and-hip-hop-have-in-common.php UX Roadmaps: Who, When, and How Much Time? By Sarah Gibbons. "While roadmaps differ in scope, their main benefit is building alignment. We address some of the common questions asked about the topic by practitioners." https://www.nngroup.com/articles/ux-roadmaps-faq/ Simple, Clear Language Improves UX (Video) By Garrett Goldfield. "Complex content slows down users and distracts from task performance, thus degrading the user experience. Clear language facilitates comprehension. It's that simple." https://www.nngroup.com/videos/simple-clear-language-improves-ux/ This vs. That: Confusing UX Terms Compared (Video) By Sarah Gibbons. "User experience, user interface, customer experience, service design, usability: all these terms have simple definitions and cover related but different aspects of great design." https://www.nngroup.com/videos/this-vs-that-confusing-ux-terms/ Principles By Design By Jack Moffet. "Design principles are guidelines based on accumulated experience and knowledge of the ways in which people respond to things…" https://designaday.tumblr.com/post/659190091952062464/principles-by-design Readability: The Optimal Line Length By Baymard Institute. "Having the right amount of characters on each line is key to the readability of your text…" https://baymard.com/blog/line-length-readability +08: WEBWASTE & SUSTAINABILITY. Submit a Site By lowwwcarbon. "Submit a website for review for the chance to have it featured within the low-carbon website showcase…" https://lowwwcarbon.com/submit/ Calculating Digital Emissions By Sustainable Web Design. "Calculating greenhouse gas emissions from digital products and services isn't easy. If you consider a product's entire life cycle, things quickly get complicated…" https://sustainablewebdesign.org/calculating-digital-emissions/ Toxic Waste is the Business Model of Big Tech By Gerry McGovern. "Once upon a long time ago-maybe 30-40 years ago-things were made to last…" https://gerrymcgovern.com/waste-is-the-business-model-of-big-tech/ [Section one ends.] ++ SECTION TWO: +10: 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.]