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