Web Design Update: December 7, 2022

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 21, Issue 24, December 7, 2022.

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

++ISSUE 24 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: JAVASCRIPT.
07: MISCELLANEOUS.
08: PHP.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Making Accessibility Simpler in Higher Education and Beyond!
By Matthew Deeprose.
"A 'Lunch and Learn' session at TechSharePro 2022 delivered on 16 November 2022. Let's review three approaches to making accessibility more approachable for busy colleagues by answering these three questions: How can we demystify alternative text for complex images like charts and graphs? How can we simplify accessible brand palette colour choices? How can we amplify engagement with accessibility? While this session is based on experiences within the Higher Education sector, they are applicable in other organisations…"
https://matthewdeeprose.github.io/techshare_pro_22__simplify_accessibility

Let's Talk Accessibility with Carie Fisher and Melanie Sumner (Video)
By Alexandra White.
"Join Alexandra White from Google as she talks about the importance of building accessible web experiences to help you deliver your product to everyone, everywhere."
https://www.youtube.com/watch?v=xvGDgDRWl_E

The 411 on 4.1.1
By Adrian Roselli.
"There is a non-zero chance that WCAG Success Criterion 4.1.1 Parsing will go away in WCAG 2.2. This isn't a problem for users, regardless of the problems it may pose for the WCAG process, ACT rules, automated testing tools, or ossified testing processes…"
https://adrianroselli.com/2022/12/the-411-on-4-1-1.html

Making Microservices Accessible
By Craig Abbott.
"…Almost anything can be made accessible. But, depending on how you build your microservice will determine how much work you have to do…"
https://www.craigabbott.co.uk/blog/making-microservices-accessible

Nick Colley Speaks About ADHD and Engagement Patterns on the Web
By Nicolas Steenhout.
"Nick Colley says '…in the analytics somewhere, there's a dashboard, and it says when they released shorts, I really started to enjoy Instagram. But actually, if you came in, saw what the impact is, it's like me miserably hooked to this dopamine loop of it is like, is really not enjoyable.'"
https://a11yrules.com/podcast/nick-colley-speaks-about-adhd-and-engagement-patterns-on-the-web/

Alyssa Cheeseman Talks About Screen Readers and False WCAG Conformance Claims
By Nicolas Steenhout.
"Alyssa says 'sometimes accessibility is kind of still up in the air and a lot of corporate managers don't really understand that until a big bug happens and you lose customers because of it'".
https://a11yrules.com/podcast/alyssa-cheeseman-talks-about-screen-readers-and-false-wcag-conformance-claims/

Accessible Front-End Patterns For Responsive Tables (Part 1)
By Adrian Bece.
"There is no universal solution for making every kind of table responsive and usable on smaller screens, so we have to rely on various patterns, which Adrian explains in this two-part series…"
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1/

Accessibility and MVPs
By David A. Kennedy.
"Building minimal viable products (MVPs) means sacrifices. But sacrifice features, not critical functionality, like accessibility…"
https://davidakennedy.com/blog/accessibility-and-mvps/

My Experiences With Inaccessible Legal Docs and Processes - and How to Fix Them
By Patrick Sturdivant.
"To observe this year's International Day of People with Disabilities (IDPWD), I would like to share my experience with e-signature software…"
https://www.deque.com/blog/inaccessible-legal-docs-esign-processes/

Swearing and Automatic Captions
By Eric Bailey.
"…Inclusivity means accommodating how an individual chooses to express themselves. If that does not align with your view of what is appropriate, I encourage you to think through the privilege and power dynamics at play. I also encourage you to question an experience's defaults and how they came to be."
https://ericwbailey.website/published/swearing-and-automatic-captions/

UC Berkeley Enters Into Consent Decree with DOJ About Its Websites and Other Online Content
By Minh N. Vu, Seyfarth Shaw LLP.
"…UC Berkeley and the DOJ resolve an 8-year investigation with a comprehensive Consent Decree that requires UC Berkeley to make virtually all the content on its online platforms accessible to people with disabilities within three years and adopt comprehensive policies and procedures to ensure accessible online content…"
https://www.lexology.com/library/detail.aspx?g=93c3dd86-a844-44df-ba55-0bb60ad3a3d2

Legal Update: November 2022
By Ken Nakata.
"…This month, my Lexis feed churned out more nexus cases, as courts struggle with trying to make sense of what the requirement means and how to apply it.…"
https://convergeaccessibility.com/2022/12/05/legal-update-november-2022/


+02: CASCADING STYLE SHEETS.

The Large, Small, and Dynamic Viewport Units
By Bramus Van Damme.
"New CSS units that account for mobile viewports with dynamic toolbars."
https://web.dev/viewport-units/

PX or REM in CSS? Use REM. Here's why…
By Austin Gil.
"When choosing between pixels and rems in CSS, you should almost always use rems. It's a simple rule to follow. This article explains why…"
https://austingil.com/px-or-rem-in-css/


+03: EVALUATION & TESTING.

Show Me the Data (UX Slogan #15) (Video)
By Kate Moran.
"Members of a design team will often argue for different solutions to a UI problem. That's when to say 'show me the data' to resolve the debate by empirical insights, rather than who argues the best."
https://www.nngroup.com/videos/show-me-the-data/


+04: EVENTS.

How to Find and Fix the Top 3 Accessibility Issues
December 13, 2022.
Online
https://accessibility.deque.com/how-to-find-and-fix-the-top-three-accessibility-issues

Department of Education Digital Accessibility Audits: The Importance of Being Proactive
December 16, 2022.
Online
https://www.texthelp.com/resources/webinars/department-of-education-digital-accessibility-audits/

Accessibility in Technology Procurement and Use
January 17, 2023.
Online
https://webaim.org/training/procurement/

Automatic Captions: Our Experiments and Best Practices
January 24, 2023.
Online
https://www.meetup.com/a11ynyc/events/290027375/

ATHEN (Access Technology Higher Education Network) Virtual STEM Conference: Acc3ss N0w
February 9-10, 2023.
Online
https://athenpro.org/content/athen-virtual-conference


+05: HTML.

HTML Semantics and Accessibility Cheat Sheet
By WebAIM.
"The following table lists the most common and useful HTML elements that have an impact on accessibility for users with disabilities…"
https://webaim.org/resources/htmlcheatsheet/

Brief Note on Description List Support
By Adrian Roselli.
"Description list support is generally good (with Safari being the outlier), even if you may not like how it is supported…"
https://adrianroselli.com/2022/12/brief-note-on-description-list-support.html

How to Transfigure Wireframes Into HTML
By Lara Aigmüller.
"Soon enough in your career as a web developer, you encounter the situation where a designer hands over a wonderful web design in all its large-screen glory. Your mission now is to transform it into code to present a prototype as soon as possible, starting with nothing but an empty text file…"
https://www.htmhell.dev/adventcalendar/2022/1/

You Don't Need ARIA For That
By Dennis E. Lembrée.
"In web development, writing semantic HTML is important for accessibility, and also provides some nice side effects such as supporting browser 'reader' modes, SEO, graceful degradation, and exporting…"
https://www.htmhell.dev/adventcalendar/2022/2/

Landmarks and Where to Put Them
By Kilian Valkhof.
"…These are elements that are used to define the structure of your entire HTML and you probably know some of them already…"
https://www.htmhell.dev/adventcalendar/2022/4/

Reading the meter
By Dana Byerly.
"The <meter> element is a little known and rarely used semantic element…"
https://www.htmhell.dev/adventcalendar/2022/5/


+06: JAVASCRIPT.

JavaScript
By web.dev.
"…Write accessible JavaScript"
https://web.dev/learn/accessibility/javascript/

Shadow DOM and Accessibility: The Trouble With ARIA
By Nolan Lawson.
"…if you want to use shadow DOM without breaking accessibility, then this is one of the things you will have to grapple with…"
https://nolanlawson.com/2022/11/28/shadow-dom-and-accessibility-the-trouble-with-aria/

Using SRI to Protect From Malicious JavaScript
By Saptak Sengupta.
"At some point of developing a website, there might come a time where we need to progressively enhance using JavaScript…"
https://www.htmhell.dev/adventcalendar/2022/3/


+07: MISCELLANEOUS.

Advent Calendars for Web Professionals: 2022 Edition
By Deborah Edwards-Oñoro.
"…Check out my collection of Advent calendars and let me know which one is your favorite…"
https://www.lireo.com/advent-calendars-for-web-professionals-2022-edition/

Web Development Advent Calendars for 2022
By Adrian Roselli.
"Web developers around the world have for years given a nod to Saturnalia solstice Isaac Newton's birthday Yule wassailing mummering end of Gregorian calendar year Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below…"
https://adrianroselli.com/2022/12/web-development-advent-calendars-for-2022.html


+08: PHP.

All I Want for Christmas
By Brent Roose.
"Let's set aside all practical concerns for a moment - it's Christmas, after all. If you could choose - freely choose: what would you change about PHP?…"
https://24daysindecember.net/2022/12/01/all-i-want-for-christmas/


+09: USABILITY.

Proximity: Gestalt Principle for User Interface Design (Video)
By Lillian Yang.
"UI elements that are close together are perceived as belonging together, whereas users think that things that are apart play different roles in the interaction."
https://www.nngroup.com/videos/proximity-gestalt/

UX Mapping Methods: Visual-Design Guide
By Sarah Gibbons and Kelley Gordon.
"Visual-design principles can be applied consistently throughout the process of creating a polished UX map. Start by choosing a tool, then create a visual system, establish the basic layout, and finally add content and make adjustments."
https://www.nngroup.com/articles/ux-mapping-methods-visual-design-guide/

Bad UX Writing: 5 Mistakes to Avoid
By Jessica Day.
"…The quality of UX writing shapes how users feel about using a product or service. So getting UX writing right is a crucial requirement…"
https://www.uxmatters.com/mt/archives/2022/12/bad-ux-writing-5-mistakes-to-avoid.php

Putting the Kibosh on UI vs. UX
By Cameron Moll.
"This year I've seen more attempts than ever to draw distinctions between the practice of visual design vs. experience design, or 'UI' vs. 'UX', or whatever labels you prefer…"
http://cameronmoll.com/journal/putting-the-kibosh-on-ui-vs-ux


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