Web Design Update: April 5, 2022

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 20, Issue 41, April 5, 2022.

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

++ISSUE 41 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: EVALUATION & TESTING.
04: EVENTS.
05: JAVASCRIPT.
06: TOOLS.
07: USABILITY.
08: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Cognitive Accessibility Design Patterns - New User Interface
By W3C Web Accessibility Initiative.
"Cognitive accessibility objectives and design patterns are now
available as a set of web pages from Cognitive Accessibility Guidance
list. The objectives and design patterns are 'supplemental guidance'
to WCAG 2 as explained in About Supplemental Guidance…"
https://www.w3.org/WAI/news/2022-03-31/new-format-coga-patterns/

WCAG AAA in Language I Can Understand
By Martin Underhill.
"In this final part of my makes-sense-to-Martin summary of the Web
Content Accessibility Guidelines (WCAG), I cover the often hard to
meet AAA rules (success criteria)…"
https://www.tempertemper.net/blog/wcag-aaa-in-language-i-can-understand

aria-labelledby Usage Notes
By Steve Faulkner.
"Like aria-label, aria-labelledby provides the opportunity for a
developer to expose a short text string as the accessible name for an
element. The mechanism to do so differs…"
https://html5accessibility.com/stuff/2022/04/03/aria-labelledby-usage-notes/

Accessible Description Exposure
By Adrian Roselli.
"…this post is about how and where the accessible description is
exposed by assorted screen readers, it has the added benefit of
showing you where and how the accessible name is exposed as well.…"
https://adrianroselli.com/2022/04/accessible-description-exposure.html

Accessible Cards
By Kitty Giraudel.
"I was recently helping my partner and their team with implementing an
accessible card component. I've iterated a few times on the demo I
created until I realized that it might be worth a blog post to walk
through it since there are quite a few things going on…"
https://kittygiraudel.com/2022/04/02/accessible-cards/

Foolishly Responsive
By Adrian Roselli.
"Honoring April Fools' Day I have created a foolishly responsive
accordion control…"
https://adrianroselli.com/2022/04/foolishly-responsive.html

Advancing Digital Accessibility in Academic and Workplace Education
By Teach Access and Frontiers.
"Teach Access is excited to be part of a new Frontiers Research Topic
on digital accessibility education. The aim is to build capacity to
support a collective commitment and shared responsibility for
accessibility in the digital world.
https://www.linkedin.com/feed/update/urn:li:activity:6914225494758449152/
and
https://www.frontiersin.org/research-topics/34619/advancing-digital-accessibility-in-academic-and-workplace-education

Making PowerPoint Decks More Accessible
By Sheri Byrne-Haber.
"An essential component to maximizing remote participation by people
with disabilities…"
https://sheribyrnehaber.medium.com/making-powerpoint-decks-more-accessible-edd3ca0dd816

Power BI: Accessibility Tips
By Matthew Deeprose.
"What can we do to make our Power BI reports more accessible? In this
20-minute presentation I explain the four principles of the Web
Content Accessibility Guidelines and how they relate to the creation
of Power BI reports…"
https://matthewdeeprose.github.io/powerBI

The 2022 WebAIM Million Report
By Jared Smith.
"The results of WebAIM's annual analysis of the home pages for the top
one million web sites are now available."
https://webaim.org/blog/webaim-million-2022/

How to Document Accessibility Issues - Part 2
By Jeff Singleton.
"…There are two types of reporting for accessibility issues we are
going to address: 1.) End User Reports Accessibility. 2.) Tester
Reports…"
https://convergeaccessibility.com/2022/03/28/how-to-document-accessibility-issues-part-2/

Legal Update: March 2022
By Ken Nakata.
"March was a busy month at Converge Accessibility. In addition to DOJ
issuing its disappointing guidance on web accessibility, there were
also a few interesting legal cases to churn through…"
https://convergeaccessibility.com/2022/04/04/legal-update-march-2022/


+02: CASCADING STYLE SHEETS.

Start Using color-scheme CSS Property (Video)
By CSS Weekly.
"An introduction to color-scheme CSS property (and meta tag) which can
change how native browser elements are rendered-in light or dark
mode…"
https://www.youtube.com/watch?v=nQzRTsjBXfQ

What's New in @bramus/Specificity v2
By Bramus Van Damme.
"…Yesterday, after 11 betas, version 2.0.0 of @bramus/specificity was
released. Let's take a look…"
https://www.bram.us/2022/03/31/calculate-the-specificity-of-a-css-selector-with-bramus-specificity-v2/


+03: EVALUATION & TESTING.

Building a Fluent Assistive Technology Testing Pool to Improve Campus
Digital Accessibility (PDF)
By Kyle Shachmut and Amy Deschenes.
"Usability testing that includes people who are fluent in assistive
technology is an important way to ensure
that digital products meet the needs of all users…"
https://files.eric.ed.gov/fulltext/EJ1247072.pdf

Top 3 Informational Interview Questions in UX
by Mayya Azarova.
"Informational interviews allow you to connect with users and other
people and get a glimpse into their world and how and why they work.
They serve as an informal research tool for learning about a new
domain or role.
https://www.nngroup.com/videos/top-3-informational-interview-questions-in-ux/

Creating Engaging Reports & Asynchronous Presentations
By Rachel Krause.
"To keep your stakeholders and team members engaged, incorporate
storytelling techniques such as writing for your audience, adding
anecdotes, and using analogies in your asynchronous research
deliverables."
https://www.nngroup.com/articles/engaging-reports-presentations/


+04: EVENTS.

Information Architecture Conference (IAC22)
April 18-23, 2022.
Online
http://www.theiaconference.com/

WAI-CooP Project Open Meeting
April 19, 2022, 14:00-16:00 Central European Time.
Online.
https://lists.w3.org/Archives/Public/public-wai-announce/2022AprJun/0000.html

Pixel Pioneers Bristol
June 10, 2022.
Bristol, England, United Kingdom
https://pixelpioneers.co/events/bristol-2022

UX Conference June
June 18-24, 2022.
Online
https://www.nngroup.com/training/june/

Exploring the ADA Web Guidelines
July 25, 2022.
Online
https://www.meetup.com/Accessibility-Twin-Cities/events/284831865/

HighEdWeb 2022 Annual Conference
October 9-12, 2022.
Online and Little Rock, Arkansas, U.S.A.
https://events.highedweb.org/heweb22


+05: JAVASCRIPT.

Make Beautifully Resilient Apps With Progressive Enhancement
By Austin Gil.
"Ignoring progressive enhancement could be seriously hurting your
conversions. This article will show you how to build resiliency into
your apps…"
https://austingil.com/resilient-applications-progressive-enhancement/

How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List
By Manuel Matuzović.
"Ever wondered how to build a paginated list that works with and
without JavaScript? In this article, Manuel explains how you can
leverage the power of Progressive Enhancement and do just that with
Eleventy and Alpine.js…"
https://www.smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/


+06: TOOLS.

Tools from the Cambridge Engineering Design Centre
By University of Cambridge.
"This page links to some of the tools from the Inclusive Design
Toolkit, produced by the Cambridge Engineering Design Centre. These
tools can help designers, students and managers to better understand
and address the needs of a wide range of users…"
http://www.cedc.tools/


+07: USABILITY.

Data Tables: Four Major User Tasks
By Page Laubheimer.
"Summary: "Table design should support four common user tasks: find
records that fit specific criteria, compare data, view/edit/add a
single row's data, and take actions on records."
https://www.nngroup.com/articles/data-tables/

Stop Obsessing Over Features: Focus on User Goals to Solve Real Problems (Video)
By Rachel Krause.
"Focusing on shipping new features instead of solving customer
problems results in products and services that don't serve real users.
Shift the mindset from 'what did we get done' to 'how valuable is the
work that we're delivering' to avoid becoming a feature factory.
https://www.nngroup.com/videos/stop-obsessing-over-features-focus-on-user-goals/

What Is Microcopy?
By Nick Bobich.
"Microcopy is a small - no pun intended - but mighty part of your
website's design. This guide will help you craft great microcopy to
make the most of it…"
https://builtin.com/design-ux/microcopy

UX Win: My Best Buy Program Updates
By Deborah Edwards-Oñoro.
"…Best Buy designed an effective and easy-to-understand email message
highlighting the changes in their My Best Buy program…"
https://www.lireo.com/ux-win-my-best-buy-program-updates/


+08: WEBWASTE & SUSTAINABILITY.

Solve Deep Needs, Not Superficial Wants
By Gerry McGovern.
"…Why do we need to be constantly creating stuff for the tiny tasks?
Why do we neglect maintenance on the top tasks? Why do we focus so
much on superficial wants instead of focusing relentlessly on deep
needs?"
https://gerrymcgovern.com/solve-deep-needs-not-superficial-wants/

[Section one ends.]


++ SECTION TWO:

+09: 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.]