Web Design Update: May 8, 2024

[Laura Carlson]

+++ 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 <select> For Greater Conditional Styling
By Amit Sheen.
"…Amit Sheen demonstrates using :has() to apply styles conditionally when a certain <option> in a <select> 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:lcar...@d.umn.edu


[Issue ends.]