+++ WEB DESIGN UPDATE. - Volume 21, Issue 28, January 4, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 28 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: TYPOGRAPHY. 07: USABILITY. 08: WEBWASTE & SUSTAINABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Alt Text Writing Tips By Accessible Social. "Images play a key part on social media, but how does someone with a serious vision disability experience a picture? Assistive technology needs alternative text, a summary of an image's key visual details, to accurately describe it to a user…" https://www.accessible-social.com/images-and-visuals/alt-text-writing-tips Carry On Testing 2023 By Steve Faulkner. "In my role at TPGi I regularly get asked for advice on how stuff works. For example, the other day I was asked by a colleague 'Can aria-current be used on a span?'…" https://www.tpgi.com/carry-on-testing-2023/ Overlapping Interactive Areas By Martin Underhill. "When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility problems arise…" https://www.tempertemper.net/blog/overlapping-interactive-areas #365DaysIOSAccessibility By Daniel Devesa Derksen-Staats. "Day 48. Accessibility values are about state. Using them appropriately will make the experience better for Voice Control users. Think of a repeat button (values could be: off, one or all songs) or a notifications tab (value could be: x new items)…" https://mastodon.social/@dadederk@iosdev.space/109608604261763518 10 Ways Designers and Researchers Can Meaningfully Engage With Disabled People in 2023 By Alex Haagaard. "It's often a lot easier to explain what not to do when it comes to disability engagement in research and design, than to tell people what they should be doing…" https://alexhaagaard.medium.com/10-ways-designers-and-researchers-can-meaningfully-engage-with-disabled-people-in-2023-f4fcc5b38f3b Federal Web Accessibility Focus Has Private Sector on Notice By J. Edward Moreno. "Federal agencies, as well as the private sector, are facing pressure due to a growing focus on web accessibility by the Department of Justice, which recently sought to increase its own online user-friendliness with a makeover of its ADA.gov website…" https://news.bloomberglaw.com/daily-labor-report/federal-web-accessibility-focus-puts-private-sector-on-notice ADA Web Site Compliance Still Not a Thing By Adrian Roselli. "Updated January 3, 2023… With today wrapping up the 117th session of Congress, it seems unlikely Duckworth's S.4998 or Sarbanes' H.R.9021 Websites and Software Applications Accessibility Act is going anywhere…" https://adrianroselli.com/2022/03/ada-web-site-compliance-still-not-a-thing.html#Update06 +02: CASCADING STYLE SHEETS. Deploying CSS Logical Properties On Web Apps By Nicolas Hoffmann. "You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann shares his experience of how he and his team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects…" https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/ Styling a 'pre' That Contains a 'code' By Eric A. Meyer. "I've just committed my first :has() selector to production CSS and want to share it, so I will…" https://meyerweb.com/eric/thoughts/2022/12/29/styling-a-pre-that-contains-a-code/ 100 Days Of More Or Less Modern CSS By Manuel Matuzović. "It's time to get me up to speed with modern CSS. There's so much new in CSS that I know too little about. To change that I've started #100DaysOfMoreOrLessModernCSS. Why more or less modern CSS? Because some topics will be about cutting-edge features, while other stuff has been around for quite a while already, but I just have little to no experience with it…" https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/ +03: EVALUATION & TESTING. 48 UX Metrics, Methods, & Measurement Articles from 2022 By Jeff Sauro and Jim Lewis. "…in 2022, we posted 48 articles and welcomed several new clients to our MUIQ UX testing platform…" https://measuringu.com/ux-2022/ +04: EVENTS. Introduction to Web Accessibility January 3-June 30, 2023. Online https://www.edx.org/course/web-accessibility-introduction How to Create Accessible Videos January 18, 2023. Online Other webinars in addition to this one are also listed on: https://www.accessingenuity.com/january-2023-webinars/ Real-Time Accessibility Testing and Remediation January 30, 2023. Online https://www.meetup.com/accessibility-twin-cities/events/290317258/ Confab The Content Strategy Conference April 30-May 3, 2023. Minneapolis, Minnesota, U.S.A https://www.confabevents.com/ AccessU May 1-5, 2023. Online and Austin, Texas, U.S.A https://events.humanitix.com/john-slatin-accessu-2023-powered-by-knowbility Qualitative Research Series May 1-5, 2023. Online https://www.nngroup.com/series/qualitative-research/ Accessibility Summer Camp June 2, 2023. Online https://www.accessibilityict.org/ +05: JAVASCRIPT. Cloning Arrays and Objects in Vanilla JavaScript By Chris Ferdinandi. "Today, I wanted to look at copying arrays and objects, how JavaScript handles some things under-the-hood, and some modern approaches that make things a bit easier…" https://gomakethings.com/cloning-arrays-and-objects-in-vanilla-javascript/ Conditional API Responses For JavaScript vs. HTML Forms By Austin Gil. "Learn how to build backend APIs that support progressive enhancement by detecting if a request was submitted with HTML forms or JavaScript…" https://austingil.com/http-javascript-vs-html/ +06: TYPOGRAPHY. Fluid Typography: Predicting A Problem With Your User's Zoom-In By Ruslan Yevych. "In this article, Ruslan Yevych will show you an easy way how to predict the appearance of a problem known as WCAG Failure Under 1.4.4 Resize Text (AA) while zooming the page. You will have a clear understanding of the possible risks of using responsive typography at the stage of development…" https://www.smashingmagazine.com/2022/12/fluid-typography-predict-problem-users-zoom-in/ +07: USABILITY. User-Experience Quiz: 2022 UX Year in Review By Raluca Budiu. "Test your usability knowledge by taking our quiz. All questions and answers are based on articles that we published last year." https://www.nngroup.com/articles/ux-quiz/ Connectedness: Gestalt Principle for User Interface Design (Video) By Sana Behnam. "Visual design elements that are connected (for example, by a line) are seen as belonging together. This principle is strong enough to overrule small differences between the items." https://www.nngroup.com/videos/connectedness-gestalt/ Not All UX Trends are Right for You (Video) By Samhita Tankala. "It can be tempting to follow the next big UX trend. Before adopting a UX trend, we must evaluate how the trend will support users and impact our workflows." https://www.nngroup.com/videos/not-all-ux-trends/ The State of Mobile User Experience By Raluca Budiu. "Fifteen years from the original iPhone, the quality of mobile user experience has stabilized. Mobile standards have emerged and the lines between the mobile web and native apps are becoming blurrier." https://www.nngroup.com/articles/state-mobile-ux/ Overcategorization of the Product Catalog Can Lead to Abandonment (Yet 75% Get It Wrong) By Edward Scott. "Overusing categories can force users into overly narrow product scopes, leading to users struggling to find suitable products…" https://baymard.com/blog/ecommerce-over-categorization The State Of Usability In 2023 By Vitaly Friedman. "That's how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don't do on the web. From disabled copy-paste to magic link sign-in…" https://www.smashingmagazine.com/2023/01/usability-2023/ +08: WEBWASTE & SUSTAINABILITY. Why It's Time To Take Control Of Rising Energy Costs For Mobile Data By Jan Haglund. "…We are in a new era, where people and companies have started to save energy by lowering indoor temperatures and turning off lights. Why shouldn’t curbing redundant data use also be an option, particularly if it makes no perceivable difference to the end-user experience? It is time to take control of data traffic…" https://www.forbes.com/sites/forbestechcouncil/2022/12/26/why-its-time-to-take-control-of-rising-energy-costs-for-mobile-data/ [Section one ends.] ++ SECTION TWO: +09: 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.]