+++ WEB DESIGN UPDATE. - Volume 22, Issue 51, June 12, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 51 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: MISCELLANEOUS. 08: NAVIGATION. 09: USABILITY 10: WEBWASTE & SUSTAINABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. ADA Title II and You (Video) By Keith Hays and Khaled Musa. "Public universities are facing increasing legal scrutiny, and the recent updates to ADA Title II are no exception. In this session we will share an overview of the new ADA Title II requirements and invite discussion on how these new requirements may necessitate a transformation of digital accessibility compliance initiatives…" https://mediaspace.umn.edu/media/t/1_eeyrz3jy How to Add and Write Captions for YouTube Videos (Video) By Pope Tech. "Learn the four different ways to add captions to your videos including uploading a file, auto-sync, typing manually, and automatic captions…" https://www.youtube.com/watch?v=U47-smBUNeA YouTube and Vimeo Web Component Adrian Roselli. "If you want something done right, post it wrong…" https://adrianroselli.com/2024/06/youtube-and-vimeo-web-component.html How to Write Text Descriptions (Alt Text) in BBC News Articles By British Broadcasting Corporation (BBC). "This guidance is for staff who use digital images when creating content for BBC News…" https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text Support for aria-errormessage is Getting Better, but Still Not There Yet By Bogdan Cerovac. "I like the idea behind aria-errormessage and hope it will soon get enough support to make error messages more accessible and establish itself as best practice. NVDA support is coming soon, but beware potential iOS bug and lack of TalkBack support…" https://cerovac.com/a11y/2024/06/support-for-aria-errormessage-is-getting-better-but-still-not-there-yet/ Accessibility Overlays Are Not for Disabled People By Martin Underhill. "…they profess to make a website more accessible, but do little-to-nothing of any real use; in fact, they can actually hinder a disabled user's experience of a website…" https://www.tempertemper.net/blog/accessibility-overlays-are-not-for-disabled-people Improving Web Accessibility with Web Platform Tests By Rahim Abdi. "Last year, a colleague introduced me to the Interop Accessibility project…" https://webkit.org/blog/15400/improving-web-accessibility-with-web-platform-tests/ The European Accessibility Act and Irish Law By Thomas Logan and Ken Nakata. "The purpose of the European Accessibility Act (EAA) is to ensure products and services are accessible to people with disabilities…" https://equalentry.com/accessibility-act-europe-irish-law/ +02: CASCADING STYLE SHEETS. Collaboration, the Future of CSS, Sass, and the Web with Miriam Suzanne (Podcast) By OddBird. "In this episode of the Mechanical Ink podcast, host Schalk Neethling sits down with Miriam Suzanne, a multifaceted expert in web development, an invited expert to the CSS Working Group, and a founder of OddBird…" https://www.oddbird.net/2024/06/10/mechanical-ink/ +03: DRUPAL. Will Drupal Starshot Help Drupal Compete? By Seth Brown. "A quick summary of Drupal Starshot, why we need it, potential roadblocks as it progresses, and how we intend to help it succeed…" https://www.lullabot.com/articles/could-drupal-starshot-help-drupal-compete +04: EVALUATION & TESTING. Accessibility in S-kaupat.fi Website for Elderly Customers (PDF) By Nelli Savolainen. "The purpose of this thesis project was to investigate, from the perspective of accessibility, the user experience of elderly customers on the S-kaupat.fi online store." https://www.theseus.fi/bitstream/handle/10024/862124/Savolainen_Nelli.pdf Bop Box, Top-Two Box, Bottom Box, or Net Box? By Jeff Sauro and Jim Lewis. "…We prefer top-box over top-two-box scores when the research focus is on the prediction of future behavior. Participants can have a very positive attitude, a tepid attitude, or a very negative attitude. Because measurements of extreme responses tend to be better predictors of future behavior than tepid responses, we prefer top-box to top-two-box measurements for most rating scale items…" https://measuringu.com/top-top-two-bottom-net-box/ Create Your Own Research-Participant Database By Kim Salazar. "Make user research and recruiting more efficient by keeping your own database of research participants. What's important when choosing tools? What data should you store, and how should you govern the use of the database?" https://www.nngroup.com/videos/research-participant-database/ +05: EVENTS. Digital Accessibility for Older Adults June 26, 2024. Online https://www.tpgi.com/webinar-june-26-at-12pm-et-digital-accessibility-for-older-adults/ Virtual Web Accessibility Training July 9-10, 2024. Online https://webaim.org/training/virtual/ Beyond Tellerrand Berlin November 7-8, 2024. (Correct dates. I got them wrong last week. Apologies.) Berlin, Germany https://beyondtellerrand.com/events/berlin-2024 Disability Rights Advocates Gala November 13, 2024. San Francisco, California, and New York, York U.S.A. https://dralegal.org/annual-gala/ +06: HTML. Doing My Heading In By Steve Faulkner. "…Many HTML elements and attributes are mapped to accessibility semantics in the browser. For example,

has a role=heading and a property level=1. This information is used by assistive technology (AT), such as screen readers, to convey meaning to users aurally, just as text size and placement conveys meaning to users who consume the UI visually. AT users find the information useful by being able to understand which content is acting as a heading, being able to access the UI structure and navigate by headings…" https://html5accessibility.com/stuff/2024/06/05/doing-my-heading-in/ Fine-tuning Text Inputs By Garrett Dimon. "Web forms and inputs support a variety of additional attributes that can provide hints to the browser and improve the user experience of filling out forms online. With the tiniest bit of extra effort, we can make sure our forms help rather than hinder…" https://garrettdimon.com/journal/posts/fine-tuning-text-inputs +07: MISCELLANEOUS. Hi I'm Jennie and I'm Disabled By Jennie Berry. "…I'm not 'differently abled'; …I'm not 'special'; …I'm not 'a person of determination', …I'm not 'a superhero' …I'm not 'too young to be in a wheelchair'…I'm not 'diffabled' (and yes, I've had numerous made up words like this before) …Please be mindful of how impactful terminology can be. To me, DISABLED isn't a bad word…" https://www.linkedin.com/feed/update/urn:li:activity:7201835979626741760/ Fortified Against Technoableism (Video) By Ashley Shew. "…this talk is aimed at fortifying ourselves against technoableism to work toward a future built without barriers…" https://mediaspace.umn.edu/media/t/1_87kbb1tz Exploring Accessibility with Ken Nakata (Video) By James Warnken. "Ken and I dive into the topic of bridging the gap that is currently happening in the accessibility space between physical environments and the digital world…" https://www.youtube.com/watch?v=3f8sb_5hyEE Gaady Awards By Joe Devon and Jennison Asuncion. "…Know a project or team that deserves to be recognized? Submit your nomination…" https://gaad.foundation/what-we-do/gaadys +08: NAVIGATION. Maybe Don't Name That Landmark By Adrian Roselli. "…You probably don't need to name that landmark…" https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html Menu-Design Checklist: 17 UX Guidelines By Page Laubheimer. "People rely on menus to find content and use features. Use this checklist to make sure your menus do their job." https://www.nngroup.com/articles/menu-design/ +09: USABILITY. Who Cares About Forms? You Should - Here's Why (Video) By Caroline Jarrett. "…In this talk, Caroline will unravel the surprising complexities and significant impacts of well-designed forms. She'll demonstrate how something as seemingly mundane as forms are actually at the heart of effective communication and business processes. Attendees will discover the hidden costs of poorly designed forms, from wasted money to missed opportunities, and learn how strategic form design can significantly enhance efficiency and user experience…" https://www.chicagocamps.org/caroline-jarrett-who-cares-about-forms-you-should-heres-why/ The Current State of Accounts & Self-Service UX: 5 Common Pitfalls & Best Practices By Iva Olah. "The Accounts & Self-Service area of e-commerce sites severely underperforms when compared to other e-commerce themes…" https://baymard.com/blog/current-state-accounts-selfservice Global-Local Dynamics: Strategies for Cross-Cultural UX Design in a Globalized World By Apala Lahiri Chavan and Revathy Sivasubramaniam. "…This essay has these main goals: 1.) Introducing CHH as a useful tool alongside Hofstede's dimensions. 2.) Illustrating how hybridization can be a smart strategy for designing products that work across cultures, and providing real-life examples to demonstrate its effectiveness…" https://uxpajournal.org/cultural-ux-design-globalized-world/ +10: WEBWASTE & SUSTAINABILITY. Sustainable Computing in the New World of AI By Kimm Fesenmaier. "…When you look especially at new campuses that are being built in areas where there haven't been many data centers before, you're plopping down major energy- and water-using resources in moderate-size cities. This has an impact on energy and water rates for people who live there. There's the pollution associated with the backup generators at the data centers, which have to be run in order to do regular maintenance…" https://www.caltech.edu/about/news/sustainable-computing-in-the-new-world-of-ai [Section one ends.] ++ SECTION TWO: +11: 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.]