+++ WEB DESIGN UPDATE.
- Volume 23, Issue 08, August 21, 2024.

An email newsletter to distribute news and information about web design and development. 

++ISSUE 08 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: COLOR.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: USABILITY.
09: XML.

SECTION TWO: 
10: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Captions vs. Subtitles: Leave No Viewer Behind
By Meryl K. Evans.
"…Some countries use 'subtitles' instead of 'captions.' But in the U.S., captions and subtitles are not the same thing. The word isn't important, but the difference is important…"
https://meryl.net/captions-vs-subtitles/

Understanding Accessibility Webinar (Video)
By Michael Harshbarger.
"Understanding Accessibility: Learning from People with Disabilities, will provide you with valuable insights and practical knowledge to enhance your knowledge and implementation of accessibility…"
https://www.youtube.com/watch?v=CdyjaHUYAxo

Batteries Included Accessibility: A Pragmatic Guide to Get Started Today (Video)
By Brett Haymaker. 
"This webinar aims to provide a blueprint for junior, mid-level and senior developers who are interested in raising the accessibility bar for their applications…"
https://www.youtube.com/watch?v=VElT6oaREY4

Before Filing that Keyboard Bug…
By Adrian Roselli.
"Are you using a Mac or another Apple iDevice and think you found a keyboard bug? Try…"
https://adrianroselli.com/2024/08/before-filing-that-keyboard-bug.html

WCAG 2.2 Map by Theme
By Andrew Hick. 
"This diagram groups all the success criteria from the Web Content Accessibility Guidelines (WCAG) by theme, to version 2.2, levels A and AA. It illustrates the practical links between each criterion which may not be apparent in the guideline names…"
https://www.andrewhick.com/accessibility/wcag-map/

WCAG 2.2 Explorer
By Vicky Teinaki. 
"An interactive way to explore WCAG (up to level AA - as required in a lot of countries) with key categories…"
https://wcag-2-point-2-explorer.notion.site/6d8f6cb4081349e99e7bcd85770cca00

Accessibility Acceptance Criteria
By T-Mobile Accessibility Resource Center. 
"Automatically generate test cases for Web, iOS and Android components…"
https://www.magentaa11y.com/

80 / 20 Accessibility
By Marcus Herrmann.
"…the topic of accessibility, like so many things, follows the Pareto principle and is, in its vast majority, a low-threshold and actionable topic for which there is no need to have a paralysing respect towards…"
https://marcus.io/blog/80-20-accessibility

Should We Think About Accessibility Differently? Privacy and Security Comparisons
By Thomas Logan and Ken Nakata.
"…In this episode of A11yInsights, we're talking about how to communicate effectively with Chief Information Officers around the requirements of digital accessibility…"
https://equalentry.com/accessibility-privacy-security/

How Can Accessibility Improve Your Conversion Rate Optimization Efforts?
By Bogdan Cerovac.
"I did some work with conversion rate optimization and I couldn't help myself thinking about how accessibility impacts conversion…"
https://cerovac.com/a11y/2024/08/how-can-accessibility-improve-your-conversion-rate-optimization-efforts/


+02: CASCADING STYLE SHEETS.

State of CSS 2024
By Sacha Greifet, et al.
The State of CSS 2024 survey is open.
https://survey.devographics.com/en-US/survey/state-of-css/2024

Start Over-Engineering Your CSS (Video)
By Kevin Powell.
"…in this talk we'll dive into the benefits of going over the top and embracing complexity in our solutions. We'll explore how this can deepen our understanding of CSS and how complex solutions can sometimes be better than their simple alternatives, leaving us with robust solutions that are more useful than their simple alternatives…"
https://www.youtube.com/watch?v=k_3pRxdv-cI

What if You Used Container Units for… Everything? 
By Chris Coyier.
"…Turns out, surprise surprise, that it's not that easy. There are plenty of things that container queries are awkward at or just not the right unit for…"
https://frontendmasters.com/blog/what-if-you-used-container-units-for-everything/

Is CSS Grid Really Slower Than Flexbox?
By Ben Frain.
"Search for 'is CSS Grid slower than Flexbox' and you'll find a few posts explaining that it is. In my experience, even if it was, it is not anymore. Well, not for the scenario I tested anyway.…"
https://benfrain.com/is-css-grid-really-slower-than-flexbox/


+03: COLOR.

A Visionary Approach: How an Argonne Team Developed Accessible Maps for Colorblind Scientists
By Marguerite Huber.
"Argonne researchers worked with the CVD community to improve colormaps to be more inclusive and accessible…"
https://www.anl.gov/article/a-visionary-approach-how-an-argonne-team-developed-accessible-maps-for-colorblind-scientists


+04: EVENTS.

Web Accessibility for Designers - Oliver Schöndorfer with Mina Nabinger
August 27, 2024.
Online
https://www.youtube.com/live/bKCao6z7FSg

What the Heck is ARIA? A Beginner's Guide to ARIA for Accessibility With Kat Shaw
August 29, 2024.
Online
https://a11ytalks.com/posts/2024-aug

The Dos and Don'ts of Disability Representation in Media
September 10, 2024.
Online and New York, New York, U.S.A.
https://www.meetup.com/a11ynyc/events/302790681/

UX Measurement Boot Camp
September 10-October 3, 2024,
Online
https://measuringu.com/events/ux-measurement-bootcamp-2024/

Accessibility Internet Rally (AIR) Kick Off
September 19, 2024.
Online
https://knowbility.org/programs/air

The Deathly Hallows of Accessibility Testing With Sarah Pulis
October 30, 2024
Online
https://www.accessibilityassociation.org/s/webinar-details?id=a0A4z00001CRXiQEAX

UX Virtual Training
November 17-22, 2024.
Online
https://www.nngroup.com/training/november-asia-au/


+05: HTML.

The area Element
By Heydon Pickering.
"If you've never killed a Tamagotchi, you've probably never used an <area> element. Like Tamagotchis, <area> elements used to be all the rage, fell out of favor, and obstinately continue to exist…"
https://heydonworks.com/article/the-area-element/

The article Element
By Heydon Pickering.
"It was a sunny day (in the Southern Hemisphere, possibly?) in October 2014 when HTML5 was officially released. I remember it like it was yesterday…"
https://heydonworks.com/article/the-article-element/


+06: JAVASCRIPT.

All About JavaScript Loops
By Erick Merchant.
"…let's spend a while exploring the different types of loops, what we can do with each of one, and why you might use one over another…"
https://css-tricks.com/all-about-javascript-loops/


+07: MISCELLANEOUS.

Artificial Intelligence (AI) vs. Difference 
By Jutta Treviranus (Guest article).
"This article is written by Jutta Treviranus. Jutta is an AI ethics expert. She discusses how artificial intelligence (AI) can make existing social inequalities worse…"
https://www.lflegal.com/2024/08/artificial-intelligence-ai-vs-difference/

When Should We Trust AI? Magic-8-Ball Thinking
By Caleb Sponheim.
"It's easy to place too much trust in genAI tools. Use only information you can verify or recognize to be true."
https://www.nngroup.com/articles/ai-magic-8-ball/

A Web Development Term a Day…
By Jens Oliver Meiert.
"…Since last year, The Web Development Glossary (with its 3,700+ terms) is not only an irregularly updated ebook, but also a website (WebGlossary.info). You can now also use the glossary's information to learn about a new term every day…"
https://meiert.com/en/blog/a-web-development-term-a-day/

Perfect Bug Report
"A simple checklist of the essential items to include in your bug reports. Bookmark this. Your developer will love you…"
https://www.perfectbugreport.io/


+08: USABILITY.

The Labour Party's Website Could've Done Better (Video)
By Andy Clarke.
"What was up with Labour's 2024 election website design? Well, besides the absence of any typographic or visual hierarchy, inconsistent use of colour, and the lack of focus on key calls to action, there was the fact that their design lacked a clear identity. The layout, images, and typographic design were interchangeable with countless other websites-hardly an example of the Change that Labour wanted to present. How would I fix this?…"
https://www.youtube.com/watch?v=F0oKpEeBxgY

Better Usability Through Information Architecture
By Jorge Arango.
"Making products more usable isn't just about ergonomics; semantic structures matter too…"
https://jarango.com/2024/08/18/better-usability-through-information-architecture/

Rant Alert: The Dark Side of Nudging on Instagram
By Patricia Reiners.
"I have to be honest; I'm really frustrated. As a UX designer and strategist, I understand the importance of user engagement. But Instagram's recent nudging tactics to get users to turn on push notifications have crossed a line for me…"
https://www.linkedin.com/posts/patricia-reiners_rant-alert-the-dark-side-of-nudging-activity-7216690143661854720-Cd0n


+09: XML.

Feed Me!
By Ricky Onsman. 
"I am an unabashed fan of RSS…"
https://www.tpgi.com/feed-me/


[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.]