+++ WEB DESIGN UPDATE. - Volume 22, Issue 46, May 8, 2024. 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. A Brief Note on Highlighted Text By Adrian Roselli. "If you plan to style text highlighted by the browser, you must give it sufficient contrast - 3:1 for the highlight block against its background and (probably) 4.5:1 for the text within that highlighted block against that background…" https://adrianroselli.com/2024/05/a-brief-note-on-highlighted-text.html Quick-and-Dirty Accessibility By William Driver. "…These five techniques won't, by themselves, make your applications and websites accessible, but they'll get you much closer…" https://www.tpgi.com/quick-and-dirty-accessibility/ Identity and Inclusion in Alt Text By University of Colorado Boulder. "This is meant to be a entry point to create a deeper understanding of the implications alt text has when people are the subject of an image…" https://www.colorado.edu/digital-accessibility/accessibility-newsletter/accessibility-minute-april-2024 Images as the First Thing in a Button or Link By Martin Underhill. "An accessibility problem I encounter regularly is where the text of an interactive element like a button or link is preceded with an image, and the image is accessible…" https://www.tempertemper.net/blog/images-as-the-first-thing-in-a-button-or-link Accessible Button Components for Mobile Device Screen (PDF) By Jaeryeong Choe. "…The results suggest that accessibility of UI buttons can be affected by six aspects, target size, color contrast, color use, states, visual hierarchy, and composition…" https://www.theseus.fi/bitstream/handle/10024/852861/Choe_Jaeryeong.pdf WCAG After Quarter of a Century - We Still Need More Awareness By Bogdan Cerovac. "Quarter of a century later and we still don't have enough awareness, support, knowledge, buy-in for accessibility. It is improving, but slowly, we need even more advocates…" https://cerovac.com/a11y/2024/05/wcag-after-quarter-of-a-century-we-still-need-more-awareness/ Accessibility Evolution of Organizations By Bogdan Cerovac. "Sometimes it can be hard to embrace accessibility when we only consider the business perspective. And some people need harsh motivation, when good for people and good for business arguments are not enough…" https://cerovac.com/a11y/2024/04/accessibility-evolution-of-organizations/ Accessibility Training at Microsoft By Erica Zelmanowicz. "…we're excited to announce the launch of our updated Accessibility Fundamentals learning path, free for all, and available now on MS Learn…" https://blogs.microsoft.com/accessibility/accessibility-training-at-microsoft/ Web Accessibility Regulation for the Private Sector? By Ken Nakata. "Just a month ago, I blogged about the Department of Justice issuing its new final regulation for state and local government websites. As part of that blog, I predicted that we wouldn't see a similar Title III web accessibility in the near future-or possibly ever. But I now have to change my answer…" https://convergeaccessibility.com/2024/05/06/web_accessibility_regulation_private_sector/ +02: CASCADING STYLE SHEETS. Misconceptions about CSS Specificity By Bramus Van Damme. "…To remove some of the confusion, here's a list of misconceptions about Specificity in CSS…" https://www.bram.us/2024/05/05/misconceptions-about-css-specificity/ Shades of Grey with color-mix() By Michelle Barker. "Greys. Who doesn't love 'em?…" https://css-irl.info/shades-of-grey-with-color-mix/ An Alternative Proposal for CSS Masonry By Rachel Andrew. "The Chrome team is keen to see an implementation of masonry type layouts on the web. However, we feel that implementing it as part of the CSS Grid specification as proposed in the recent WebKit post would be a mistake…" https://developer.chrome.com/blog/masonry Combining CSS :has() And HTML element is chosen by the user and how we gain even more conditional styling capabilities when chaining :has() with other pseudo-classes, such as :not() - no JavaScript necessary…" https://www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/ Will the CSS Scope Feature replace Angular's View Encapsulation? By Alexander Lehner. "…I'll explain the basics of this new CSS feature and test its capabilities with an Angular demo application…" https://www.oidaisdes.org/css-scope-view-encapsulation.en/ +03: DRUPAL. Understanding What Drupal Editors and Authors Need By Megh Plunkett and Cristina Chumillas. "To validate changes to Drupal's administration menus and user interface, we employed various types of usability testing, we ran card sorting exercises, a survey, and several rounds of user testing…" https://www.lullabot.com/articles/understanding-what-editors-and-authors-drupal-need +04: EVALUATION & TESTING. A Blueprint for Writing Survey Questions By Jeff Sauro and Jim Lewis. "Like with writing an article or book, it can be a challenge to sit down and write survey items…" https://measuringu.com/blueprint-for-writing-survey-questions/ +05: EVENTS. Higher Ed and the Revised Title II Requirements: How CIDI Can Assist May 14, 2024. https://gatech.zoom.us/webinar/register/WN_MPrOagAEToeeDIcPpo3Cng#/registration Colour Accessibility: Best Practices and Common Mistakes May 16, 2024, 12 p.m. Australian Eastern Standard Time. Online https://www.digitalaccesstraining.com/courses/colour-accessibility-best-practices-and-common-mistakes Author-Friendly Content Quality Assurance with Editoria11y June 12, 2024. Online https://a11ytalks.com/posts/2024-jun Mid-Day Drupal Meetup June 13, 2024. Online https://www.meetup.com/twin-cities-drupal-group/events/kcngwsygcjbrb/ Drupal Camp Asheville 2024 July 12-13, 2024. Asheville, North Carolina, U.S.A. https://www.eventbrite.com/e/drupal-camp-asheville-2024-tickets-887290659247 UX Virtual Training July 13-19, 2024. Online https://www.nngroup.com/training/july/ SmashingConf New York 2024 October 7-10, 2024. Online and New York, New York, U.S.A. https://smashingconf.com/ny-2024 Design + Accessibility Summit October 8-11, 2024. Online https://creativepro.com/design-accessibility-summit/ WordPress Accessibility Day October 9-10, 2024. Online. https://wpaccessibility.day/ +06: HTML. Semantics and the Popover Attribute: Which Role to Use When? By Hidde de Vries. "With the new popover attribute in HTML, we can put elements in the top layer and allow them to disappear with 'light dismiss'. This attribute adds behaviour, not semantics: you're supposed to add your own role when it makes sense. In this post, we'll look at different roles that could make sense for your popover-behaved elements…" https://hidde.blog/popover-semantics/ +07: JAVASCRIPT. Why Are My Live Regions Not Working? By Patrick H. Lauke. "Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work…" https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/ WAI-ARIA: Role=Paragraph By Raghavendra Satish Peri. "A paragraph of content…" https://www.digitala11y.com/wai-aria-roleparagraph/ Securing Slient-Side JavaScript By Jeremy Keith. "I mentioned that I overhauled the JavaScript on The Session recently. That wasn't just so that I could mess about with HTML web components. I'd been meaning to consolidate some scripts for a while…" https://adactio.com/journal/21104 +08: MISCELLANEOUS. Breaking Barriers in Blindness and Business with Tom Babinski By AXSChat. "When Tom Babinski, a beacon in the world of accessibility, recounts his ascent from navigating life as a blind individual in Hungary to becoming an influential force in the industry, you can't help but be captivated…" https://www.axschat.com/tom-babinszki-founder-and-director-of-even-grounds/ The Revenge of the Home Page By Kyle Chayka. "As social networks become less reliable distributors of the news, consumers of digital journalism are seeking out an older form of online real estate…" https://www.newyorker.com/culture/infinite-scroll/the-revenge-of-the-home-page Declarative Design By Jeremy Kieth. "A presentation given at the final An Event Apart in San Francisco, as well as at Pixel Pioneers in Bristol, Web Summer Camp in Croatia, and Wey Wey Web in Spain…" https://adactio.com/articles/21110 +09: USABILITY. 7 Tips for Memorable and Easy-to-Understand Imagery By Sara Ramaswamy. "A few relevant, high-quality visuals placed next to associated text can boost users' comprehension of your content and its memorability." https://www.nngroup.com/articles/7-tips-memorable-imagery/ Content Standards in Design Systems By Anna Kaley. "Content standards in design systems support a holistically consistent user experience and efficient collaboration between writers, content, and UI designers." https://www.nngroup.com/articles/content-design-systems/ Cookie Permissions: 6 Design Guidelines (Video) By Samhita Tankala. "Design cookie permissions that strike the balance between respecting user privacy and being user-friendly." https://www.nngroup.com/videos/cookie-permissions-guidelines/ How Do You Accidentally Run for President of Iceland? A digital endorsement process gone wrong. By Anna Andersen. "Be wary of generic buttons. CTAs should be clear and descriptive. Don't overwhelm people with too much information. Use visual hierarchy and clear headings to break up a page into sections so that people can scan - because that's what people do…" https://uxdesign.cc/how-do-you-accidentally-run-for-president-of-iceland-0d71a4785a1e [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.]