+++ WEB DESIGN UPDATE. - Volume 23, Issue 02, July 10, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 02 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: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Feedback on a Pagination Pattern By Adrian Roselli. "Remy Sharp asked on the Mastodon about pagination as he found it in the W3C Design System…" https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html WCAG (Level A) Bang for Your App a11y Buck By Steve Faulkner. "Does WCAG 2.2 Level A apply to Native apps? yes, mostly…" https://html5accessibility.com/stuff/2024/07/08/wcag-level-a-bang-for-your-app-a11y-buck/ Auditing Accessibility of Mobile Apps - 2024 Update By Bogdan Cerovac. "Any help to make native mobile application accessibility clearer is welcome. We really need to know more to make apps more accessible." https://cerovac.com/a11y/2024/07/auditing-accessibility-of-mobile-apps-2024-update/ Accessible PDF Forms Online - There's a Catch By Ricky Onsman. "…my primary recommendation is still that, if at all possible, avoid using PDFs online - especially forms…" https://www.tpgi.com/accessible-pdf-forms-online-theres-a-catch/ How to Transform Your Approach to Digital Accessibility From a Reactive Break-Fix Cycle to a Proactive Shift Left Approach By Greg Williams. "…There are two ways organizations typically approach digital accessibility. One approach is proactive. It's efficient, cost-effective, and results in better and more accessible products. The other approach is reactive. It's expensive, inefficient, and continues to expose users to accessibility barriers…" https://www.deque.com/blog/transform-digital-accessibility-from-a-reactive-break-fix-to-a-proactive-shift-left/ 7 Ways to Champion Accessibility in Your Company By Christiane Link. "…If you feel implementing accessibility in your organisation is hard, here are some thoughts that might help you…" https://accessiblelink.substack.com/p/7-ways-to-champion-accessibility Don't Use Web•dev for Accessibility Info By Adrian Roselli. "…the accessibility content in many of Web.dev's articles and posts is problematic…" https://adrianroselli.com/2024/07/dont-use-webdev-for-accessibility-info.html Overlays Misunderstand Accessibility By Joe Dolson. "…As a concept, overlays are fundamentally flawed, because they are used by a website, not a human being…" https://www.joedolson.com/2024/07/overlays-misunderstand-accessibility/ Analysis of Compliance with WCAG Guidelines Regarding Contrast Implementation in an E-Learning Quiz (PDF) By Krzysztof Dziedzic, Marcin Barszcz, and Tomasz Wiśniewski. "…This paper focuses on analyzing the correctness of implementing a component allowing the assessment of WCAG compliance in designed quizzes using an exercise creator…" https://ph.pollub.pl/index.php/jcsi/article/view/6034 Enabling Tabular Data Exploration for Blind and Low-Vision Users By Yanan Wang, Arjun Srinivasan, and Yea-Seul Kim. "…Our work focuses on enabling data exploration for BLV users using data tables. We conducted a formative study and subsequently developed a prototype tailored to the needs of BLV users. This prototype enables various analytical operations through keyboard-based interactions. Our observational user study using the prototype shed light on how BLV users conduct data exploration, ofering valuable insights into the analytical behavior of BLV users…" https://dl.acm.org/doi/pdf/10.1145/3643834.3661609 ADA Update: Title II's Final Rule Clarifies Captioning and Audio Description in Higher Education By Elisa Lewis. "…WCAG 2.1 provides specific guidelines for captioning and audio descriptions… 1.2.5 Audio Descriptions (Pre-recorded Video)… 1.2.2 Captions (Pre-recorded Video)… 1.2.3 Audio Only (Pre-recorded Audio …In short, this means that higher education institutions will need to make these adjustments to their digital platforms including across all websites and mobile apps…" https://www.3playmedia.com/blog/ada-update-final-rule-a-clearer-picture-for-captioning-and-audio-description-in-higher-education/ +02: CASCADING STYLE SHEETS. Layout and Reading Order (Video) By Rachel Andrew. "We have a problem with CSS layout, in particular automatic methods such as the proposed CSS masonry. It is easy to disconnect the source order, used for tabbing and reading out the content, from the way things appear to be ordered in the layout. This talk shares a new proposal to fix this, currently being prototyped in Chrome." https://www.youtube.com/watch?v=X6azWrtHS-k Rachel's slides: https://noti.st/rachelandrew/AoKXhe Utility First CSS Isn't Inline Styles (Video) By Sarah Dayan. "…Let's dive in into that maybe controversial topic no utility classes are not the same as inline styles…" https://www.youtube.com/watch?v=g6wtyg3O4Fo The Next Big Thing in CSS: margin-trim! (Video) By Dmitry Mayorov. "…Learn why margin-trim is a game-changer for keeping your CSS clean and maintainable. I'll walk you through a problem it solves first, explore various existing solutions, and show you a neat demo using margin-trim at the end…" https://www.youtube.com/watch?v=UE01cIWJBko +03: EVALUATION & TESTING. Research Repositories 101 By Maria Rosala. " Research repositories organize user research in a central place, making research-related documentation easy to access and consume…" https://www.nngroup.com/articles/research-repositories/ +04: EVENTS. Alternative Text Creation - Interactive Session July 17, 2024. Online https://accessingenuity.com/blogs/access-ingenuity-webinars/alternative-text-creation-interactive-session-digital-accessibility-webinar Creating Source Files in Microsoft Word for PDF Remediation July 31, 2024. Online https://accessingenuity.com/blogs/access-ingenuity-webinars/creating-source-files-in-microsoft-word-for-pdf-remediation-digital-accessibility-webinar UX Virtual Training September 7-20, 2024. Online https://www.nngroup.com/training/september/ Accessibility in Technology Procurement and Use September 10, 2024. Online https://webaim.org/training/procurement/ +05: HTML. Requirement Rules for Checkboxes By Aaron Gustafson. "…I had created a jQuery plugin that allowed me to indicate that a user should choose a specific number of items from within a checkbox group. Yesterday I turned that plugin into a web component: form-required-checkboxes…" https://www.aaron-gustafson.com/notebook/requirement-rules-for-checkboxes/ +06: INFORMATION ARCHITECTURE. Towards a Strategic Information Architecture By Jorge Arango. "…There's a need for what I call strategic information architecture (SIA): explicitly structuring information to support the organization's strategic directions…" https://jarango.com/2024/07/07/towards-a-strategic-information-architecture/ +07: JAVASCRIPT. Create an Accessible Combobox Using ARIA By Whitney Lewis. "In this article, we'll review how to make a combo box accessible…" https://blog.pope.tech/2024/07/01/create-an-accessible-combobox-using-aria/ It's About Time I Tried to Explain What Progressive Enhancement Actually Is By Andy Bell. "…Progressive enhancement is a design and development principle where we build in layers which automatically turn themselves on based on the browser's capabilities. The idea of progressive enhancement is that everyone gets the perfect experience for them, rather than a pre-determined 'perfect' experience from a design and development team.…" https://piccalil.li/blog/its-about-time-i-tried-to-explain-what-progressive-enhancement-actually-is/ +08: MISCELLANEOUS. New Web Development. Or, Why Copilots and Chatbots Are Particularly Bad for Modern Web Dev By Baldur Bjarnason. "…The paradigm shift that web development is entering hinges on the fact that while React was a key enabler of the Single-Page-App and Component era of the web, in practice it normally tends to result in extremely poor products. Built-in browser APIs are now much more capable than they were when React was first invented"… https://www.baldurbjarnason.com/2024/new-web-dev/ AI Is Soaked in Racism and Misogyny By Gerry McGovern. "…Data is political. What you collect. What you don't collect…" https://gerrymcgovern.com/ai-is-soaked-in-racism-and-misogyny/ +09: WEBWASTE & SUSTAINABILITY. Changes to the Sustainable Web Design Model and Website Carbon By Georgie Monaghan. "This month sees a major update to the methodology used by a number of major website carbon calculators, including Website Carbon. Version 4 of the Sustainable Web Design Model (SWDM) is currently in a consultation phase and will go live soon. Work to integrate the new model into Website Carbon will finish shortly after the new model is approved…" https://www.wholegraindigital.com/blog/changes-to-the-sustainable-web-design-model-and-website-carbon/ [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.]