Web Design Update: March 22, 2023

459 views
Skip to first unread message

Laura Carlson

unread,
Mar 22, 2023, 6:39:57 AM3/22/23
to webdev
+++ WEB DESIGN UPDATE.
- Volume 21, Issue 39, March 22, 2023.

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

++ISSUE 39 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: COLOR.
05: EVALUATION & TESTING.
06: EVENTS.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: PHP.
11: USABILITY.
12: WEBWASTE & SUSTAINABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Foundations: Pointer Gestures
By Graeme Coleman.
"This post introduces the different forms of pointer gestures and covers how and when to provide alternatives for people who can't perform them…"
https://tetralogical.com/blog/2023/03/17/foundations-pointer-gestures/

Toolkit Tuesday: Using YouTube for Captions and Transcripts
By Adam Scott Cord, Jessica "Jay" McKay, and Melissa Green.
"…The topic of today's session is using YouTube for captions and transcripts, ensuring all videos have accurate captions and transcripts is key to making content accessible for all students to access and learn…"
https://knowbility.org/blog/2023/toolkit-tuesday-using-youtube-for-captions-and-transcripts

How Screen Readers Read Special Characters: An Update
By Sophie Ragas.
"Screen readers interpret what is on the screen. They can read most text easily and accurately, but how do they handle special punctuation and characters?…"
https://elevenways.be/en/articles/screenreaders-special-characters

Accessibility Beyond Code Compliance
By Aaron Gustafson.
"I had the great pleasure of delivering a talk about career opportunities for accessibility devs at axe-con earlier today. You can view the slides or watch the recording of this talk, but what follows is an approximation my talk's content, taken from my notes and slides…"
https://www.aaron-gustafson.com/notebook/accessibility-beyond-code-compliance/

WCAG 2.2 and 3.0 Update (Video)
By Wilco Fiers and Melanie Philipp.
"…This talk will be focused on the developments happening around WCAG 2.2 and 3.0. We'll learn what has been happening with WCAG this year, and what to expect from it in the future.…"
https://www.youtube.com/watch?v=pOoBoUVuVHs
Wilco and Melanie's Slides (PDF):
https://www.deque.com/axe-con/wp-content/uploads/2023/01/WCAG-update-axe-con-2023_03_a11y.pdf

Structuring Accessible Forms (Video)
By Rachele DiTullio.
"…We look at the basics of building a form with different input types, adding in the necessary HTML attributes to link our form elements semantically, sprinkling in ARIA attributes, and handling errors and data validation…"
https://www.youtube.com/watch?v=hc_mWh4T2bE
Rachele's Slides (PDF):
https://www.deque.com/axe-con/wp-content/uploads/2023/01/structuring-accessible-forms-1.pdf

Accessibility Maturity Models (Video)
By Jonathan Thurston and James Thurston.
"Determining the accessibility maturity of your organization is a vital step toward growing a commitment to digital inclusion, but where do you start?…"
https://www.youtube.com/watch?v=d1Loeva3KRQ

Unicode Roman Numerals and Screen Readers
By Terence Eden.
"How would you read this sentence out aloud? 'In Hamlet, Act Ⅳ, Scene Ⅸ…'…"
https://shkspr.mobi/blog/2023/03/unicode-roman-numerals-and-screen-readers/

[FireFox Bug] PDF Editor Removes Tags From Tagged PDFs 
By Adrian Roselli.
"…Steps to reproduce: When I opened Firefox 111 it prompted me to try editing a PDF. I did so using a PDF that I had tagged…"
https://bugzilla.mozilla.org/show_bug.cgi?id=1823296


+02: BOOKS.

Boudreau, Denis. "The Inclusive Speaker: How to Truly Connect With All of Your Audience Without Leaving Anyone Behind", Prominence Publishing, 2023.
https://inklusiv.ca/books/


+03: CASCADING STYLE SHEETS.

Hijacking Screenreaders with CSS
By Ben Myers.
"…Make screenreaders insert extra content, change pronunciations, or forget an element's semantics altogether - with just a few lines of everyday CSS…"
https://www.youtube.com/watch?v=kk-03n3Y4WI
Ben's Slides:
https://benmyers.dev/talks/axe-con-2023/

Focus States Research & Solutions (Slides)
By Julia Feldman, Luis Bueno, & May Chen.
"This deck will go through the research we conducted on focus states and designs solution based on that research…"
https://docs.google.com/presentation/d/1luwiP519TITHicm0g-5xnE_l47Yyw96nUJSNW8Z2wEU/edit?resourcekey=0-AHcVjjJ5TIM-9VJmxpiKlQ

When is :focus-visible Visible?
By Ire Aderinokun.
"Focus outlines (and their styling) have frequently been a point of contention between aesthetics and usability…"
https://bitsofco.de/when-is-focus-visible-visible/

Preventing Too-Short Final Lines of Text Blocks
By Richard Rutter.
"…I've put together a very rough-and-ready proof of concept here. The idea is to have something to test out the concept of a minimum final line length and maximum amount of text that can be brought down from the line above to address that…"
https://clagnut.com/blog/2425/

Trigonometric Functions in CSS
By Bramus Van Damme.
"Calculate the sine, cosine, tangent, and more in CSS…"
https://web.dev/css-trig-functions/


+04: COLOR.

Fix Color Contrast - Web Accessibility for Text & UI Design
By Oliver Schöndorfer.
"You know what's important with type? That you can read it…"
https://pimpmytype.com/color-contrast/


+05: EVALUATION & TESTING.

Research Through Broken Lenses: The Need to 'Shift Left' in UX Research (Video)
By Michele Williams.
"…Many have shown that waiting to include accessibility late in a product development cycle is costly and leads to patchwork fixes rather than integrated solutions. Advocates created a call to 'shift left' accessibility considerations earlier in the product development timeline; this presentation will explain why this must include UX Research…"
https://www.youtube.com/watch?v=9kR-P6dxUFw

The Variability and Reliability of Standardized UX Scales
By Jeff Sauro and Jim Lewis.
"…In this article, we'll look at the variability and reliability of seven commonly used standardized UX questionnaires and their implications for sample-size calculations…"
https://measuringu.com/reliability-and-variability-of-standardized-ux-scales/

Discount Usability Revisited (Jakob Nielsen Keynote) (Video)
By Jakob Nielsen.
3 methods for cheap and fast UX work are still good advice to emphasize iterative design and accelerate UX maturity improvements (This was Jakob Nielsen's keynote at the in-person Washington DC UX Conference)
https://www.nngroup.com/videos/discount-usability-revisited/


+06: EVENTS.

Shifting Left: How CMS Accessibility Can Help with Hidde de Vries
April 12, 2023.
Online
https://a11ytalks.com/posts/2023-APR/

International Society for Technology in Education (ISTE)
July 25-28, 2023.
Philadelphia, Pennsylvania, U.S.A.
https://conference.iste.org/2023/

devopsdays Chicago
August 9-10, 2023.
Chicago, Illinois, U.S.A.
https://devopsdays.org/events/2023-chicago/welcome/

HighEdWeb 2023 Annual Conference
October 8-11, 2023.
Online and Buffalo, New York, U.S.A.
https://events.highedweb.org/heweb23


+07: INFORMATION ARCHITECTURE.

Avoiding 3 Common Pitfalls of Affinity Diagramming
By Matt Brown.
"Inexperienced facilitation in affinity diagramming workshops can lead to groupings that do not serve the team goals or misrepresent underlying issues. "
https://www.nngroup.com/articles/affinity-diagramming-pitfalls/

5 Tips for New Prototypers (Video)
By Megan Brown.
"Are you new to prototyping? We compiled our favorite design and workflow tips to help you create effective prototypes for usability testing."
https://www.nngroup.com/videos/tips-for-new-prototypers/


+08: JAVASCRIPT.

Default Function Parameters in Vanilla JavaScript
By Chris Ferdinandi.
"…Today, we're going to look at how you can set default values for function parameters when none are provided…"
https://vanillajstoolkit.com/reference/variables-functions/default-parameters/

File Uploads for the Web (2): Upload Files with JavaScript
By Austin Gil.
"This is the second post in a series about uploading files for the web…"
https://austingil.com/upload-files-with-javascript/


+09: MISCELLANEOUS.

Whose Web is It, Anyway? (Video)
By Bruce Lawson.
"Sir Uncle Timbo (Tim Berners-Lee to you) famously designed the web for all people, whatever their hardware, software, language, location, or ability. As mobile devices become ubiquitous, yet controlled by a de facto duopoly, how can we ensure that the web remains open, affordable, and accessible for our 3 billion neighbours who are as yet unconnected?"
https://www.youtube.com/watch?v=V5o4DXh0RWg

How To Truly Connect with All of Your Audience Without Leaving Anyone Behind (Video)
By Denis Boudreau.
"…In this engaging and educational talk, Denis Boudreau, an expert in inclusive communication, takes us on a fantastic journey into the invisible, untapped, and underserved North American market worth hundreds of billions of dollars annually…"
https://www.youtube.com/watch?v=PWCy8YYNeC0

Describing Yourself During Meetings
By Tom Babinszki.
"Over the last few years you may have noticed that many meetings and conference presentations start by people describing themselves.…"
https://evengrounds.com/describing-yourself-during-meetings/

Ageism in Interfaces (Video)
By Alex Tait.
"…There is a bias that comes with this digital immersion, and it's lead to interfaces wrought with exclusionary assumptions…"
https://www.youtube.com/watch?v=rGVgLPrLnTo

38th CSUN Assistive Technology Keynote (Video)
By Michael Paciello.
"…Mr. Paciello has been a pioneer and influential figure in the accessibility industry for more than three decades…"
https://www.youtube.com/live/2aUP7hDgg_k?&t=1621


+10: PHP.

Quick Tip: How to Get the Current Date in PHP
By Claudio Ribeiro.
"PHP provides several functions and classes for working with dates and times. In this article, we'll look at the different ways to get the current date and time in PHP and discuss some additional considerations when working with time in PHP…"
https://www.sitepoint.com/php-get-current-date/


+11: USABILITY.

Dealing with Technical or Professional Jargon
By Kate Moran.

"Answer two questions to decide how to handle technical terminology in your writing: (1) How many readers will know this term? (2) How important is the term in your context?"
https://www.nngroup.com/articles/technical-jargon/

A Happy Compromise Between People-First and Plain Language
By U.S. General Services Administration.
"…People-first language is still plain when the words are all necessary and people know what they mean…"
https://digital.gov/2023/03/07/a-happy-compromise-between-people-first-and-plain-language/


+12: WEBWASTE & SUSTAINABILITY.

The Carbon Impact of Web Standards (PDF)
By Alex Dawson.
"A systematic investigation into the carbon impact of Web Standards such as front-end HTML and CSS; which have a cumulative impact upon how high the emissions of a website, service, or web application are…"
https://websitesustainability.com/cache/files/research23.pdf

How Slimmed-Down Websites Can Cut Their Carbon Emissions
By Sean McManus.
"I'm horrified," says Valentina Karellas. "I know grams because I work with them every day and I know how much 10g weighs. And that's just one page."
https://www.bbc.com/news/business-64623955

How to Solve E-Waste: Ultimate Producer Responsibility
By Gerry McGovern.
"We need a radically new model that properly measures the true and total cost of materials, particularly their long-term cost to the environment and the life systems that depend on it…"
https://gerrymcgovern.com/how-to-solve-e-waste-ultimate-producer-responsibility/


[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