Web Design Update: November 30, 2022

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 21, Issue 23, November 30, 2022.

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

++ISSUE 23 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: HTML.
06: MISCELLANEOUS.
07: STANDARDS, GUIDELINES & PATTERNS.
08: USABILITY.
09: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Preparing for WCAG 2.2 (Video)
By Sarah Pulis and Andrew Arch.
"This webinar was co-delivered by Sarah Pulis (Director of Accessibility Services) and Andrew Arch (Principal Accessibility Consultant) in October 2022 to help organisations prepare for implementation of the Web Content Accessibility Guidelines (WCAG) version 2.2…"
https://www.youtube.com/watch?v=gGs5aI5Iw_0

Intersectionality, Accessibility, and Inclusion (Video)
By Twss Hutlel.
"This webinar was presented by Tess Hutley as part of Intopia's webinar series in September 2022.…"
https://www.youtube.com/watch?v=GW_u-WXAAoA

For Review: Collaboration Tools Accessibility User Requirements - First Draft 
By Shawn Lawton Henry.
"W3C WAI invites you to comment on the First Public Working Draft of: 'Collaboration Tools Accessibility User Requirements…"
https://lists.w3.org/Archives/Public/public-wai-announce/2022OctDec/0005.html

Chatbot Accessibility Playbook
By MITRE Corporation.
"We need feedback from end-users, development teams, and others to make this playbook a success…"
https://mitre.github.io/chatbot-accessibility-playbook/

Designing for Users With Dyscalculia or Low Numeracy
By Jane McFadyen, Laura Parker, Rachel Malic.
"You can use these tools and resources to help you improve accessibility across different products and services…"
https://designnotes.blog.gov.uk/2022/11/28/designing-for-people-with-dyscalculia-and-low-numeracy/

A Word About Language
By Ricky Onsman.
"I've spent a good portion of this week writing about WCAG 3.0, the third version of the Web Content Accessibility Guidelines…"
https://onsman.com/a-word-about-language/

Positioning Notification Messages With Accessibility in Mind
By Christian Heilmann.
"Sometimes you want to notify a user that something has happened in your application. To be as inclusive as possible, it is important to display these notifications close to where the action happened. Here is how to do that with plain javascript…"
https://christianheilmann.com/2022/11/25/positioning-notification-messages-with-accessibility-in-mind/

Captioning Tip Sheet
By Described and Captioned Media Program.
"The Captioning Tip Sheet is intended as a quick reference for captioners…"
https://dcmp.org/learn/225-captioning-tip-sheet

Setting Up a Screen Reader Testing Environment on Your Computer
By Sara Soueidan.
"…we're going to walk through the process of setting up your screen reader testing environment, from downloading virtualization software if you need it, to installing screen readers, and setting up keyboard configuration. We'll also learn what screen reader and browser combinations are most relevant for your testing work…"
https://www.sarasoueidan.com/blog/testing-environment-setup/

Implementing Website Accessibility Standards in Higher Education - Lessons Learnt
By Niamh Daly, et al.
"The ability of people with disability (PwD) to access online content in a Higher Education Institution (HEI) is highly dependent on the level of conformance to Web Content Accessibility Guidelines (WCAG) 2.1…"
https://ahead.ie/journal/Implementing-Website-Accessibility-Standards-in-Higher-Education-Lessons-Learnt-

UC Berkeley Agrees to Make Online Content Accessible to Settle Justice Department Lawsuit
By Natalie Schwartz.
"…Although the agreement only impacts one university, it could signal that the Justice Department will be keeping a close eye on whether higher education institutions are providing accessible content…"
https://www.highereddive.com/news/uc-berkeley-online-free-content-accessible-lawsuit-justice-department/637248/


+02: CASCADING STYLE SHEETS.

Addressing Concerns About CSS Speech
By Léonie Watson.
"The case for CSS Speech is not just about screen readers, but they do of course matter…"
https://tink.uk/addressing-concerns-about-css-speech/

Color Formats in CSS
By Josh W. Comeau.
"CSS has a whole slew of different color formats: hex codes, rgb(), hsl(), lch(), the list goes on…"
https://www.joshwcomeau.com/css/color-formats/

The Curious Case of Inline Magic Space (Video)
By Josh W. Comeau.
"…a short (≈7 min) video that digs into a super confusing CSS problem. In the process of solving it, we'll uncover a critical fact about how CSS is structured, something that can help us better understand the language as a whole…"
https://courses.joshwcomeau.com/inline-magic-space

Re-Coding Apple Black Friday Dates
By Andy Clarke.
"Most parts of Apple's website are fabulously flexible. But today, I was browsing for Black Friday deals and found a fixed-width design element which I was determined to make flexible…"
https://stuffandnonsense.co.uk/blog/re-coding-apple-black-friday-dates

+03: EVALUATION & TESTING.

Checklist for Planning a User Test (Video)
By Maria Rosala.
"A list of 10 things you should do *before* you actually run a usability study. Good planning leads to good research insights."
https://www.nngroup.com/videos/checklist-planning-user-test/

How Many Participants Do You Need?
By Caroline Jarrett.
"'How many participants do I need for my usability test?' is a topic that has been much discussed over the years. A thought for you: 'One is enoug'…"
https://www.effortmark.co.uk/one-is-enoug/

Why and How to Use Demographics in UX
By Samhita Tankala.
"Well-designed questions related to age, gender, race, income and other demographic characteristics help UX researchers screen participants, recruit a diverse participant pool, and segment data. These questions are sensitive and should put research participants at ease."
https://www.nngroup.com/articles/demographics-in-ux/


+04: EVENTS.

All You Need to Know About Drupal 10
November 30, 2022.
Online
https://evolvingweb.com/webinar-all-you-need-to-know-about-drupal-10

Accessibility VPATs and ACRs: Uncovering Hidden Insights
December 6, 2022.
Online
https://us06web.zoom.us/webinar/register/4116696422135/WN_kt4YyukXSTyTedMmcRbnbA

AccessU 2023
April 30-May 3, 2023.
Online and Austin,Texas, U.S.A.
https://events.humanitix.com/john-slatin-accessu-2023-powered-by-knowbility

Vision and Strategy in UX Series
May 1-5, 2023.
Online
https://www.nngroup.com/series/ux-vision-strategy/


+05: HTML.

The <label> Element
By Russ Weakley.
"This article takes a look at the <label> element, including which elements need labeling, explicit vs implicit labeling, and more…"
https://maxdesign.com.au/articles/label.html

The Shape-Shifting "a" Element
By Russ Weakley.
"Do you remember when HTML elements were classified into some broad categories like "block-level", "inline" and "replaced" elements?…"
https://www.maxdesign.com.au/articles/a-element.html

HTML Content Model Categories
By Russ Weakley.
"In HTML 4.01, there was a distinction between block-level and inline elements. In HTML 5, this distinction between block and inline has been replaced with a more complex set of content categories. Each element in HTML falls into zero or more categories that group elements with similar characteristics…"
https://russmaxdesign.github.io/html5-content-types/

HTML Concepts: Unstyled Documents
By Jens Oliver Meiert.
"What is an unstyled document?…"
https://meiert.com/en/blog/html-unstyled-documents/


+06: MISCELLANEOUS.

IE - RIP or BRB? (Video)
By Bruce Lawson.
"Here's a YouTube video of a talk I gave for the nerdearla conference, with Spanish subtitles. Basically, it's about Safari being 'the new IE', and what we at Open Web Advocacy are doing to try to end Apple's browser ban on iOS and iPads, so consumers can use a more capable browser, and developers can deliver non-hamstrung Progressive Web Apps to iThing users."
https://brucelawson.co.uk/2022/ie-rip-or-brb/

Twitter Was a Lifeline for People With Disabilities. Musk's Reign Is Changing All of That
By Megan McCluskey.
"…For people with disabilities who'd found an emotional support system on Twitter, anxiety over Musk's upheaval was especially sharp…"
https://time.com/6230469/disability-users-twitter-elon-musk/

No To Spy Pixels
By Dave Smyth.
"Many of the emails we receive from organisations contain tiny images that relay information back to the sender. These are called tracking or spy pixels…"
https://notospypixels.com/


+07: STANDARDS, GUIDELINES & PATTERNS.

Celebrating Web Standards on Blue Beanie Day, November 30
By Deborah Edwards-Oñoro.
"…Blue Beanie Day reminds us all of the importance of web standards and creating accessible websites…"
https://www.lireo.com/celebrating-web-standards-on-blue-beanie-day-november-30/


+08: USABILITY.

Avoid Unnecessarily Complex Password-Creation Requirements (82% Don't) 
By Baymard Institute.
"Requiring users to use overly complex passwords will result in fewer users creating accounts, and more users being unable to immediately access their existing accounts…"
https://baymard.com/blog/password-requirements-and-password-reset

How to Look at a Form: Boye and Company
By Caroline Jarrett.
"…we focused on my favourite topic - forms that work…"
https://www.effortmark.co.uk/how-to-look-at-a-form-boye-and-company/

How to Get Helpful Feedback (Video)
By Sarah Gibbons.
"To get useful feedback on UX design or research, set the stage with stakeholders before presenting the work. Provide context and deliberately ask for the types of feedback that will be most helpful to you."
https://www.nngroup.com/videos/get-helpful-feedback/

Three Pillars of User Delight
By Therese Fessenden.
"Delight can be experienced viscerally, behaviorally, and reflectively. A great design is supported by all three of these pillars and is best evaluated with specific research methods.
https://www.nngroup.com/articles/pillars-user-delight/

Building Capacity for UX
By Young Mi Choi.
"What does it mean to design for usability and experience? This is a question that is regularly on my mind, especially with regard to design education…"
https://uxpajournal.org/building-capacity-ux/


+09: WEBWASTE & SUSTAINABILITY.

COP27 Egypt: A Webpage Sustainability Review
By Fershad Irani.
"With COP26 about to take place in Glasgow, let's take a quick look at how the COP26 homepage holds up in terms digital sustainability. What's its carbon footprint, and can it be improved?…"
https://fershad.com/writing/cop27-egypt-a-webpage-sustainability-review/ 

Data Is Out of Control: The Story of COVID and Airborne Transmission
By Gerry McGovern.
"ata is out of control. Content is out of control. In fact, data and content were never in control for the vast majority of organizations. Content management was always a joke. Data management was always a joke. At best, we have data and content publishing and storage…"
https://gerrymcgovern.com/data-is-out-of-control-the-story-of-covid-and-airborne-transmission/

Website Carbon: Beyond Data Transfer
By Fershad Irani.
"Measuring the carbon emissions of websites and apps is no easy thing. Most tools use the amount of data being transferred to calculate the overall emissions. But to get more detailed, relevant results we need to go beyond just data transfer…"
https://fershad.com/writing/website-carbon-beyond-data-transfer/

Digital Reset - D4S - Digitalization for Sustainability
By Steffen Lange, Tilman Santarius et al.
"…This report has analysed the role played by digital technologies in the past. And it has re-
vealed how digitalisation can become a force for transformation if its potential is governed
by an active digital policy…"
https://digitalization-for-sustainability.com/digital-reset/


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