Web Design Update: June 21, 2023

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 21, Issue 52, June 21, 2023.

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

++ISSUE 52 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: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: USABILITY.
11: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

6 Quick Tests You Can Do to Test Your Forms for Accessibility
By Karl Groves.
"Whenever I do a full audit for a website, I have almost 40 individual, highly granular, form-related checks. Those checks can be boiled down to the following 6 high level goals…"
https://karlgroves.com/6-quick-tests-you-can-do-to-test-your-forms-for-accessibility/

Flashing Content
By Ellen Liebert, Jeanne Spellman, and Rachael Bradley Montgomery.
"…Given the serious consequences of using flashing content, it is strongly recommended that all flashing is avoided…"
https://www.ta11y.org/learning/topic?key=change.flash

The Five Types of People Who Produce Inaccessible Code
By Eric Bailey.
"There are roughly five types of people you'll meet doing accessibility development work…"
https://ericwbailey.website/published/the-five-types-of-people-who-produce-inaccessible-code/

Open Source and Accessibility: How We Can Make Government Digital Services Available to Everyone
By Mike Gifford.
"The problem: Digital accessibility in government services is difficult. Why it matters: Digital content isn't accessible for all users and reports of accessibility errors are often never addressed. The solution: Using open source technologies to develop fast and affordable government-wide accessibility solutions…"
https://apolitical.co/solution-articles/en/open-source-and-accessibility-how-we-can-make-government-digital-services-available-to-everyone

The Office for Civil Rights' Processing of Web Accessibility Complaints
By U.S. Department of Education, Office of Inspector General.
"Our objectives were to review the Office for Civil Rights' (OCR) process for resolving web accessibility complaints that were previously dismissed and subsequently reopened as directed investigations and OCR's approach to evaluating web accessibility complaints submitted after the November 2018 revision of its Case Processing Manual…"
https://oig.ed.gov/reports/other/office-civil-rights-processing-web-accessibility-complaints

Web Accessibility Global Usage Survey
By RUMster.
"…We will have data from this survey available at Web Accessibility Survey and on /r/blind later this year (2023) for everyone in raw versions and in reports…"
https://72pcs53kctq.typeform.com/a11ysurvey

The Gaadys
By The GAAD Foundation.
"…Nominate a project team or company who you think has created an outstanding digital product that meets accessibility standards and exceeds expectations.
The deadline for nominations is July 15, 2023…"
https://gaad.foundation/what-we-do/gaadys

Can Web Developers Be Held Liable?
By Ken Nakata.
"When they are hit with a web accessibility complaint, most businesses say that they relied on their web developers to make sure that their websites would be accessible. Yet, when they find out that it is really hard (if not impossible) to sue a web developer for creating an inaccessible website, they're naturally frustrated…"
https://convergeaccessibility.com/2023/06/19/can-web-developers-be-held-liable/

Mid-Year Digital Accessibility Legal Landscape: Trends, Tips, and Predictions
By Level Access.
"Digital accessibility lawsuit volume is showing a slight uptick in 2023 from 2022.…"
https://www.levelaccess.com/blog/mid-year-digital-accessibility-legal-landscape-trends-tips-and-predictions/


+02: CASCADING STYLE SHEETS.

The New CSS
By Matthias Ott.
"Alright, let's write more about CSS! CSS! CSS!…"
https://matthiasott.com/notes/the-new-css

Rebuilding a Comment Component With Modern CSS
By Ahmad Shadeed.
"As a part of my curious UI inspection, I thought about why not to look at popular websites and see how they implemented the comment component layout. At first, I thought this will be an easy task, but it wasn't.…"
https://ishadeed.com/article/comment-component/

An Introduction to @scope in CSS
By Ollie Williams.
"…There are two selling points of @scope: styling based on proximity and setting a lower boundary for a selector…"
https://fullystacked.net/posts/scope-in-css/

Day 101: Scoping
By Manuel Matuzović.
"Similar to container queries or cascade layers, we have another new impactful feature in CSS: scoping.…"
https://www.matuzo.at/blog/2023/100daysof-day101/

Design vs. Accessibility and the CSS visually-hidden Class
By Cristian Diaz.
"In web development, there are many times when design and accessibility clash…"
https://blog.logrocket.com/design-accessibility-css-visually-hidden-class/

State of CSS Survey 2023 is Live!
By Chen Hui Jing.
"I'm excited to share with everyone that the State of CSS survey for 2023 has gone live…"
https://chenhuijing.com/blog/state-of-css-survey-2023-is-live/


+03: COLOR.

Going Beyond Color Contrast (Video)
By Schalk Neethling.
"In this video, you will be introduced to tools that will help you use automated tools to identify accessibility issues beyond color contrast…"
https://www.youtube.com/watch?v=YxA_cxyMJ1E


+04: EVALUATION & TESTING.

An Error Messages Scoring Rubric
By Tim Neusesser and Evan Sunwall.
"Identify UX problems with error messages consistently and effectively using a scoring rubric based on established usability best practices for error messages."
https://www.nngroup.com/articles/error-messages-scoring-rubric/

Wizard of Oz Method in UX (Video)
By Sara Ramaswamy.
"The Wizard of Oz is a UX research method that involves interaction with a mock interface controlled by a human. It is used to test costly concepts inexpensively and to narrow down the problem space."
https://www.nngroup.com/videos/wizard-of-oz/

When and Why to Use a Click Test
By Jeff Sauro, Dylan Atkins, and Jim Lewis.
"…In this article, we cover when and why to use click testing in UX research…"
https://measuringu.com/why-and-when-to-use-a-click-test/?

Informed Consent for UX Research (Video)
By Therese Fessenden.
"Ethically sound UX research requires informed consent from a research participant. Informed consent means the participant fully understands what the study entails and the potential consequences of participating."
https://www.nngroup.com/videos/informed-consent/


+05: EVENTS.

The Web is Inherently Accessible with Rachele DiTullio
August 7, 2023.
Online
https://www.meetup.com/women-who-code-boulder-denver/events/294144455

UX Virtual Training
September 9-15, 2023.
Online
https://www.nngroup.com/training/september/

World Interaction Design Day 2023
September 26, 2023.
Online
https://www.interactiondesignday.org/

Adobe Max
October 10-12, 2023.
Online and Los Angeles, California, U.S.A.
https://max.adobe.com/


+06: HTML.

Making a Positive Change: PDF to HTML
By GOV.UK.
"…Perhaps the most surprising outcome from the panel was about Carbon Dioxide emission in relation to the use of PDF as a communication medium…The Government Digital Service (GDS) states 'Compared with HTML content, information published in a PDF is harder to find, use and maintain'…"
https://accessibility.blog.gov.uk/2023/06/12/making-a-positive-change-pdf-to-html/


+07: JAVASCRIPT.

aria-hasPopUp Less Is More
By Steve Faulkner.
"…Leave the aria-haspop attribute off an element in cases where the Aural UI is misleading/incorrect and instead: Add the hint to the accessible name, for example…"
https://html5accessibility.com/stuff/2023/06/20/aria-haspopup-less-is-more/


+08: MISCELLANEOUS.

Interview with Jamie Knight (and Lion)
By Denis Boudreau.
"…let's dive right into this week's interview with Jamie Knight (he/him) and Lion. Jamie has autism, mobility issues and comes to us from London, England…"
https://inklusiv.ca/interview-with-jamie-knight-and-lion/

I Won't Pretend That Disability Simulation Works
By Emily Ladau.
"To me, it feels like the opposite of acceptance to have my entire identity as a person with a physical disability reduced to an isolated simulation experience. We must move away from equating empathy with acceptance…"
https://www.huffpost.com/entry/i-wont-disability-simulation_b_4936801

A Prayer Wheel for Capitalism
By Baldur Bjarnason.
Baldur on Artificial Intelligence: "The value in writing lies in what we discover while writing. Auto-generating text based on other people’s discoveries and then automatically summarising that text by finding commonalities with existing text creates a loop of mechanised nonsense…"
https://softwarecrisis.dev/letters/bubble-emotions/


+09: NAVIGATION.

The Problem With Sticky Menus That Appear on Scroll and What to Do Instead
By Adam Silver.
"…some people suggest showing and hiding the menu as the user scrolls up and down…his approach is worse than regular sticky menus…"
https://adamsilver.io/blog/the-problem-with-sticky-menus-that-appear-on-scroll-and-what-to-do-instead/


+10: USABILITY.

AI: First New UI Paradigm in 60 Years
By Jakob Nielsen.
"AI is introducing the third user-interface paradigm in computing history, shifting to a new interaction mechanism where users tell the computer what they want, not how to do it - thus reversing the locus of control."
https://www.nngroup.com/articles/ai-paradigm/


+11: WEBWASTE & SUSTAINABILITY.

Reducing Waste in the Digital Design Process
By Gerry McGovern.
"Digital design tools rarely pay attention to weight and waste. We must become much more focused, as we design and create digital data, about its weight and the often huge waste that it leaves behind in the form of drafts, copies, etc…"
https://gerrymcgovern.com/reducing-waste-in-the-digital-design-process/


[Section one ends.]


++ SECTION TWO:

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