Web Design Update: September 4, 2024

486 views
Skip to first unread message

Laura Carlson

unread,
Sep 4, 2024, 1:35:18 PM9/4/24
to webdev
+++ WEB DESIGN UPDATE.
- Volume 23, Issue 10, September 4, 2024.

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

++ISSUE 10 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: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: HTML.
08: INFORMATION ARCHITECTURE.
09: JAVASCRIPT.
10: MISCELLANEOUS.
11: STANDARDS, GUIDELINES & PATTERNS.
12: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Combating Access Trauma
By Robert Kingett.
"I experienced a feeling today that I didn’t have a word or phrase for…I opened the email and skimmed the first line out of curiosity. The first thing I heard was, 75655356878796656432190.JPG. I immediately reeled back like I’ve just been slapped across the face…"
https://robertkingett.com/posts/6617/

Understanding AccName: Part One
By Melanie Sumner.
"…I'm going to try to get down some thoughts and see if I can make AccName a little more approachable for developers…"
https://melsumner.github.io/understanding-accname-part-one

Headings
By WebAIM.
WebAIM updated their headings document.
https://webaim.org/techniques/headings/

The Power of Headings: Why LinkedIn Needs Them
By Monika Prasad.
"Isn't it annoying when you beautifully format your article, and when you copy-paste it to a LinkedIn post, it looks like a mess?…"
https://www.digitala11y.com/the-power-of-headings-why-linkedin-needs-them/

There Be A11y Dragons With Eric Bailey (Podcast)
By Jerod Santo.
"Eric Bailey joins Jerod to discuss everything Dungeons & Dragons taught him about writing alt text, building accessible websites, Primer, the problem with a11y overlays & more."
https://changelog.com/jsparty/335

Dear 3rd Party Vendor: How to Check 3rd Party Vendors for Accessibility Plus an Email Template
By Whitney Lewis.
"…In this article, we'll focus on what you should ask for and what red flags to pay attention to. At the end is an email template you can use to start the accessibility conversation with your 3rd party vendors…"
https://blog.pope.tech/2024/09/02/check-3rd-party-vendors-for-accessibility/

What Everyone Should Know About Digital Accessibility with Sarah Horton and David Sloan (Video)
Panelists: Sarah Horton, David Sloan, Dr. Yasmine Elglaly, Sarah Lewthwaite, and Meenakshi Das.
"…In their book, What Every Engineer Should Know About Digital Accessibility, Sarah Horton and David Sloan provide a broad-based approach to learning about accessibility, through introducing foundational principles that underpin learning regardless of the role of the learner and the technology with which they will be working. This webinar builds on that approach…"
https://www.youtube.com/watch?v=vlWBI7gObOQ

Talkin' Tables - WebAIM Conference 2024
By Adrian Roselli.
"I spoke at the 2024 Web Accessibility in Mind Conference (in partnership with PopeTech). …"
https://adrianroselli.com/2024/08/talkin-tables-webaim-conference-2024.html

Tackling a System's Accessibility Without Testing
By James Buller and Guerman Cope.
"…We're passionate about improving the user experience and creating a diverse and inclusive environment, so we really wanted to understand what was stopping teams from fully embedding accessibility in all stages of design, development, and deployment. We conceived the idea of an accessibility assurance review…"
https://accessibility.blog.gov.uk/2024/09/03/tackling-a-systems-accessibility-without-testing/

Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency
By Matthew Deeprose.
"This is an extended version of a presentation I gave at the July 2024 meeting of the International Ally User Group…"
https://matthewdeeprose.github.io/harnessCopilot.html

WCAG & ADA Compliance: The Importance of Accessibility Audits
By Caitlin de Rooij.
"Boost your proficiency in web accessibility with the A11Y Collective. Understand WCAG/ADA compliance, perform accessibility audits, and avoid legal pitfalls…"
https://www.a11y-collective.com/blog/accessibility-audits/

5 Steps for an Agile Approach to Accessibility
By Melissa Morse.
"Staying agile is necessary for any product or program manager tasked with navigating the complexities of creating accessible digital products…"
https://www.tpgi.com/5-steps-for-an-agile-approach-to-accessibility/


+02: CASCADING STYLE SHEETS.

Querying the Color Scheme
By Roma Komarov.
"…For many things, we don't even need the media queries themselves: there is this great CSS property color-scheme…"
https://blog.kizu.dev/querying-the-color-scheme/

Building a Breakout Element With Container Units
By Andy Bell.
"We recently redesigned this site and a part of that was a sidebar-based article view…"
https://piccalil.li/blog/building-a-breakout-element-with-container-units/

Estelle Weyl and Eric Meyer Wright the Book on CSS (Video)
David East and Adam Argyle, hosts.
"CSS: The Definitive Guide is exactly 1126 pages, written by Eric Meyer and Estelle Weyl. As they both said, "We read the CSS spec so you didn't have to." We ask them a ton of CSS questions and they gave us a ton of CSS answers…"
https://www.youtube.com/watch?v=GuAM6dNeJCQ

Anchor Positioning (Video)
By Tab Atkins-Bittner.
Tab's CSS Day presentation.
https://www.youtube.com/watch?v=p18LhnYNkDQ


+03: COLOR.

Creating Accessible Digital Colour Palettes Using the 60-30-10 Design Rule
By Josh Crawford.
"…There are plenty of colour accessibility tools, resources and design principles that support appealing layouts for digital designs. One such principle is the '60-30-10' rule, which can serve as a helpful guide when selecting your colour palette…"
https://www.visionaustralia.org/business-consulting/digital-access/Creating-accessible-digital-colour-palettes-60-30-10-design-rule


+04: DRUPAL.

Drupal 11: New Features to Empower Ambitious Site Builders
By Peggy McGregor.
"Drupal 11 launched at the beginning of August…"
https://evolvingweb.com/blog/drupal-11-new-features-empower-ambitious-site-builders


+05: EVALUATION & TESTING.

In Search of a Clutter Metric for Websites
By Jim Lewis and Jeff Sauro.
"…In this article, we describe our search for a way to quantify the perception of clutter on websites…"
https://measuringu.com/in-search-of-a-clutter-metric-for-websites/

A/B Testing 101
By Tim Neusesser.
"A/B tests incrementally improve the user experience of a product while effectively reaching business goals…"
https://www.nngroup.com/articles/ab-testing/

Discovery: Study Guide
By Maria Rosala.
"Unsure where to start? Use this collection of links to our articles and videos to learn how to run successful discovery efforts in your UX-design process…"
https://www.nngroup.com/articles/discovery-study-guide/


+06: EVENTS.

Pieces of an Accessibility Audit: What's in an Accessible Name?
September 10, 2024.
Online
https://www.tpgi.com/pieces-of-an-accessibility-audit-whats-in-an-accessible-name/

Testing Websites with Users with Disabilities
September 11, 2024.
Online
https://it.ucsf.edu/news-events/events/2024-09-11-0900/testing-websites-users-disabilities

Mid-Day Drupal Meetup
September 12, 2024.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/twin-cities-drupal-group/events/303003927/

Using Controllers for Keyboard Accessibility with Nikki Massaro
September 12, 2024.
Online
https://a11ytalks.com/posts/2024-sep

NextGen Accessibility Summit
September 17, 2024.
Online
https://tdiconf.com/

San Diego Accessibility and Inclusive Design
September 19, 2024.
San Diego, California, U.S.A.
https://www.meetup.com/a11ysd/events/302724850

Enhancing Accessibility Through Customer Experience
September 24, 2024.
Online
https://www.accessibilityonline.org/cioc-508/session?id=111132


+07: HTML.

The aside Element
By Heydon Pickering.
"…<aside> is specified to carry 'content that is tangentially related' to the main theme of the page: supplemental or background information…"
https://heydonworks.com/article/the-aside-element/

Paragraphs
By Scott O'Hara.
"…In HTML there is the the p element, which is the element you use if you want to explicitly markup text and other phrasing conetnt as a paragraph. But also in HTML, there is the more general concept/definition of paragraphs…"
https://www.scottohara.me/blog/2024/08/29/paragraphs.html

Prayer for the Un-Entitled User
By Steve Faulkner.
"…It is safe to say at this time (September 2024) that the display of title attribute content on keyboard focus is not implemented interoperably…"
https://html5accessibility.com/stuff/2024/09/03/a-prayer-for-the-un-entitled-user/

Code Overview
By University of Minnesota Libraries.
"…The code in the design system is recommended to meet the outlined principles, focusing on optimization, accessibility, as well as responsiveness…"
https://umnlibraries.github.io/design-system/code/index.html


+08: INFORMATION ARCHITECTURE.

A Plea for the Lost Practice of Information Architecture
By Vicky Teinaki.
"How a mystery house attraction shows the perils of designing without an overall plan…"
https://scribe.rip/a-plea-for-the-lost-practice-of-information-architecture-19a5ae5ca65e

Information Architecture First Principles
By Jorge Arango.
"…These IA 'first principles' apply to structuring digital systems, but also to any other endeavor than aims for clarity…"
https://jarango.com/2024/09/01/information-architecture-first-principles/


+09: JAVASCRIPT.

What the Heck Is ARIA? A Beginner's Guide to ARIA for Accessibility (Video)
By Kat Shaw.
"ARIA attributes bridge the gap to address accessibility issues that cannot be managed with native HTML. Join us as we explore what ARIA is, what it can do, when you should use it - and when not to. At the end of this talk, attendees will be able to properly apply ARIA attributes to their sites and apps, including when it's best to stick with native HTML…"
https://www.youtube.com/watch?v=Gvr27vkZCTE

Developers Rail Against JavaScript 'Merchants of Complexity'
By Richard MacManus.
"When both Pieter Levels and Alex Russell convincingly argue against using complex JavaScript frameworks, maybe frontend devs should listen…"
https://thenewstack.io/developers-rail-against-javascript-merchants-of-complexity/

What Is React.js?
By Heydon Pickering.
"Its proponents can be weird, it takes itself far too seriously, and its documentation is interminable. These are some ways that some people have described Christianity. This video is about React.js…"
https://briefs.video/videos/what-is-react/


+10: MISCELLANEOUS.

A Note on Estimated Reading Times
By Baldur Bjarnason.
"…Basically, estimated reading times are useless to the reader. Give them something useful instead."
https://www.baldurbjarnason.com/2024/on-reading-time/

Under-Engineered Estimated Reading Time Feature
By Adrian Roselli.
"…I have a near-perfect solution. It works for most sighted users, using their familiarity with their own reading speed. It requires only a couple steps from authors…"
https://adrianroselli.com/2024/09/under-engineered-estimated-reading-time-feature.html

Misfire
By Alex Russell.
"We're in a bad place when even the W3C TAG falls for Apple's privacy schtick…"
https://infrequently.org/2024/07/misfire/

RadioShack Catalogs
"In the virtual corridors of RadioShackCatalogs.com, a digital archive unfolds like a time capsule, preserving the history of RadioShack from its inception in 1921…"
https://www.radioshackcatalogs.com/index.htm#main_catalogs


+11: STANDARDS, GUIDELINES & PATTERNS.

Semi-Annual Reminder to Learn and Hire for Web Standards
By Adrian Roselli.
"…So much comes for free when you do."
https://adrianroselli.com/2024/09/semi-annual-reminder-to-learn-and-hire-for-web-standards.html


+12: XML.

What RSS Needs
By Mark Nottingham.
"Feed readers are an example of user agents: they act on behalf of you when they interact with publishers, representing your interests and preserving your privacy and security. The most well-known user agents these days are Web browsers, but in many ways feed readers do it better - they don't give nearly as much control to sites about presentation and they don't allow privacy-invasive technologies like cookies or JavaScript…Feed support should be built into browsers, and the user experience should be excellent…However, convincing the browser vendors that this is in their interest is going to be challenging - especially when some of them have vested interests in keeping users on the non-feed Web…"
https://www.mnot.net/blog/2024/08/25/feeds


[Section one ends.]


++ SECTION TWO:

+13: 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.]
Reply all
Reply to author
Forward
0 new messages