+++ WEB DESIGN UPDATE. - Volume 21, Issue 40, March 29, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 40 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: MISCELLANEOUS. 07: TYPOGRAPHY. 08: USABILITY. 19: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Preparing Accessibility for the Future and the Present (Video) By Jutta Treviranus. "…Is it time to refocus and rethink our strategies? What is the role of accessibility in escalating deployment of AI and the emergence of new virtual worlds? How do we address the emerging threats and opportunities, including the risks in an accessibility dogma and the opportunity to practice what we preach?…" https://www.youtube.com/watch?v=xTWlRLG48eE Jutta's slides (PDF): https://www.deque.com/axe-con/wp-content/uploads/2023/01/Juttas-Axe-con-Presentation.pdf Web Accessibility Firechat with Léonie Watson & Hidde de Vries (Video) By Jan Deppisch and Moritz Giessmann. "We had a nice virtual fire chat on web #accessibility. We had Léonie, Hidde and Moritz with us to talk with our community on various #a11y aspects, including the latest developments (such as in the area of voice recognition). The discussions were be kickstarted by a lightning talk from Léonie about CSS Speech, followed by a talk from Hidde about CMS accessibility." https://www.youtube.com/watch?v=oMhV5mNntWc Annotating Designs for Accessibility (Video) By Claire Webber. "Digital Accessibility Consultant Claire Webber delivered a webinar in February 2023 on annotating designs for accessibility…Annotating designs with accessibility information is a powerful way to focus on accessibility early in the design phase, as well as communicate your accessibility requirements to developers and testers…" https://www.youtube.com/watch?v=NX06O_l7EBc Microsoft Inclusive Design: The Cognitive Model (Video) By Anna E. Cook. "…In this session, we'll learn about the newest addition to the toolkit, a set of guidelines to recognize cognitive differences, and the kinds of exclusion that emerge from failing to recognize them…" https://www.youtube.com/watch?v=u5fTk6BuvEI Trust Is the True Measure of Inclusion Change My Mind (Video) By Elle Waters. "In our industry, we place a significant focus on an organization's ability to meet established accessibility standards, and for good reason. We need these objectively testable criteria to measure a baseline for access…" https://www.youtube.com/watch?v=_4qrWQANnF0 Essential Accessibility Annotations for a Smoother Design-to-Development Handoff (Video) By Carie Fisher. "Accessibility annotations are similar in concept to design annotations in that they are often added to a wireframe or design to help explain elements that a developer may not otherwise perceive, understand, or account for during implementation…" https://www.youtube.com/watch?v=eqVXoIMZYwU Carie's Slides (PDF): https://www.deque.com/axe-con/wp-content/uploads/2023/01/Deque-axe-con-2023_a11y.pdf Connecting Dots of an Accessibility Audit By Raghavendra Satish Peri. "You need to make sure your digital products and services meets level AA of the Web Content Accessibility Guidelines 2.1 (WCAG 2.1) as a minimum…" https://www.digitala11y.com/connecting-dots-of-an-accessibility-audit/ Advertisers Should Think of Accessibility as a Gateway to Creativity By Josh Loebner. "It's time to embrace inclusion as a sublime differentiator that elevates your work…" https://www.adweek.com/brand-marketing/accessibility-gateway-to-creativity/ Sabbath Mode and Assistive Technology Features By Eric Bailey. "…just because an assistive technology feature exists does not mean it is guaranteed that a person who could benefit from its use knows the feature exists and is actively using it. This means designing and building an accessible experience as the default…" https://ericwbailey.website/published/sabbath-mode-and-assistive-technology-features/ A Quick Guide to Reviewing a VPAT ACR By Karl Groves. @karlgroves@mastodon.social "For the most part, the VPAT is used by Government Agencies in the Executive Branch of the US Federal Government as a way to verify the accessibility of ICT products and services they purchase…" https://karlgroves.com/a-quick-guide-to-reviewing-a-vpat-acr/ AXSChat with Lainey Feingold, Disability Rights Lawyer and Author of Structured Negotiation: A Winning Alternative to Lawsuits (Video) By AXSChat. "Lainey is a disability rights lawyer who has worked to make the digital world more accessible since 1995…" https://vimeo.com/810107575 +02: CASCADING STYLE SHEETS. CSS-only Widgets Are Inaccessible By Adrian Roselli. "…Any person, post, article, tweet, expert, fortune cookie, company, etc., that claims its CSS-only interactive widget is accessible is probably wrong. While it may not be intentional, it is incumbent on you to confirm the accessibility because the person making the claim often has not." https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined By Scott O'Hara. "This will retread and extend on my previous Inclusively Hidden post…" https://www.scottohara.me//blog/2023/03/21/visually-hidden-hack.html Windows High Contrast Mode and Focus Outlines or: My Focus Indicators Were Inaccessible By Martin Underhill. "I have an apology to make… In order to make my website's keyboard focus outlines look nice in Safari, I inadvertently broke things for people who use Windows High Contrast Mode (WHCM) with the keyboard alone…" https://www.tempertemper.net/blog/windows-high-contrast-mode-and-focus-outlines What is CSS Overflow Property? By Mark Harbottle. "In this article, we'll give a quick overview of the CSS overflow property, what its purpose is, and how we can use it to ensure our layouts work well on all devices and screen sizes…" https://www.sitepoint.com/css-overflow/ +03: EVALUATION & TESTING. Do Click Tests Predict Live Site Clicks? By Jeff Sauro, Will Schiavone, and Jim Lewis. "How important and predictive is the first click on a website…" https://measuringu.com/do-click-tests-predict-live-site-clicks/ User-Feedback Requests: 5 Guidelines By Anna Kaley. "Surveys asking users to give feedback during or after an interaction should not interrupt the users' task and should be sent to the appropriate channel. They need to be short, easy to complete, and give the user the opportunity to provide details about their experience." https://www.nngroup.com/articles/user-feedback/ Super Conversion Funnel: A Refresher on A/B Testing By Nikola Sekulic. "…today we are taking a look at how you can decide between different versions of different UX and UI features to not only create a unified cross-platform experience, but choose the best versions for your customers. Here's how A/B testing helps you get there…" https://www.loop11.com/super-conversion-funnel-a-refresher-on-a-b-testing/ +04: EVENTS. Emerging Technologies in User Experience Design and Research March 30, 2023. Online https://www.eventbrite.com/e/emerging-technologies-in-user-experience-design-and-research-tickets-556503315397 Accessibility: The Legal Perspective April 4, 2023. Online https://www.eventbrite.co.uk/e/accessibility-the-legal-perspective-tickets-557695541377 How To Tell Whether Universal Design for Learning is Working April 6, 2023. Online https://go.3playmedia.com/wbnr-04-06-2023-udl Accessibility, Product, & UX Spring Fling Mixer April 19, 2023. Cleveland, Ohio, U.S.A. https://www.meetup.com/cleveland-accessibility-meetup/events/292371354/ UX Strat September 11-13, 2023. Boulder, Colorado, U.S.A. https://uxstrat.com/usa/ Inclusive Design 24 (#id24) September 21, 2023. Online https://inclusivedesign24.org/2023/ +05: HTML. The search Element By Scott O'Hara. "Today, March 24th 2023, the HTML specification added a new grouping content element. The search element…" https://www.scottohara.me//blog/2023/03/24/search-element.html A Simple Custom By Steve Faulkner. "For whatever reason some people don't like the standard HTML checkbox and radio button, they seek to jazz 'em up and in the process the often jizz up the usability/accessibility of these controls…" https://mastodon.social/@SteveFaulkner/110090188869466799 HTML Concepts: Customized Built-In Elements By Jens Oliver Meiert. "HTML allows to define custom elements, elements which enable authors to 'build their own fully-featured DOM elements.'…" https://meiert.com/en/blog/html-customized-built-in-elements/ +06: MISCELLANEOUS. The "Tender Technicians" of Nielsen Norman Group Videos By Jaci Wilkinson. "Nielsen Norman Group (NN/g) YouTube content predominantly features young, white or white-presenting, normatively attractive women…" https://journals.publishing.umich.edu/weaveux/article/id/2131/ The Accessibility to Burnout Pipeline (Video) By Shell Little. "Accessibility practitioners are currently at risk of Burnout due to the nature of our work. No matter our role, our work often gets prioritized over our well-being due to a wide variety of factors seemingly out of our control. If you're feeling overwhelmed, overworked, or burnt out, know you are not alone…" https://www.deque.com/axe-con/sessions/the-accessibility-to-burnout-pipeline/ Shell's slides: https://www.deque.com/axe-con/wp-content/uploads/2022/12/The-Accessibility-to-Burnout-Pipeline_a11y.pdf +07: TYPOGRAPHY. The IL1 Typography Test By Rachel Krause. "Using typefaces with distinct characters can help users easily differentiate alphanumeric data. Choose typefaces that pass the I-L-1 test for data tables and information seen at-a-glance." https://www.nngroup.com/videos/il1-typography-test/ +08: USABILITY. The UX Cookbook By University of Arizona Libraries. "Handcrafted recipes to get you started with everything UX - user research, design, usability testing, and more…" https://theuxcookbook.com/ UX Basics: Study Guide By Tim Neusesser. "Unsure where to start? Use this collection of links to our articles and videos to learn more about the basics of user experience…" https://www.nngroup.com/articles/ux-basics-study-guide/ +09: WEBWASTE & SUSTAINABILITY. The Carbon Cost of Social Media By Sarah Walkley. "…On average, we spend 145 minutes a day on social media. Taking average emissions of 1.15gCO2e per minute, Greenspector calculates an individual's use of social media generates 60kgCO2e per year. We generate a similar amount by driving the 535km between London and Edinburgh in a small car…" https://carbonliteracy.com/the-carbon-cost-of-social-media/ #15 Data Tsunami with Gerry McGovern and Katie Singe By Green IO. "Did you know that 81% of energy will be consumed before you turn your laptop on for the first time?…" https://greenio.gaelduez.com/e/08jzvk08-15-data-tsunami-and-data-governance-with-gerry-mc-govern-and-katie-singer-digital-sustainability-waste The Ultimate Guide to Image Optimisation By Karolina Szczur. "Image optimisation is often the first step in a person's web performance and page speed journey…" https://calibreapp.com/blog/image-optimisation-guide Tracking the Impact of the World's Largest Company Websites By Ecoping. "By tracking company websites over time we can help reduce the carbon emissions with each page view…" https://ecoping.earth/indexes [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.]