+++ WEB DESIGN UPDATE.
- Volume 21, Issue 06, August 3, 2022.

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

++ISSUE 06 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: TOOLS.
10: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Bag Some AAA wins Where You Can
By Martin Underhill. 
"Accessibility isn't just about achieving and maintaining compliance with the Web Content Accessibility Guidelines (WCAG) 2.1 AA; there are lots of things that aren't covered by WCAG that are worth doing. There are also lots of hugely beneficial AAA success criteria (rules) that are relatively easy to meet…"
https://www.tempertemper.net/blog/bag-some-aaa-wins-where-you-can

7 Quick Facts About WCAG 2.2 
By Level Access.
"…Here are some quick facts to keep in mind about WCAG 2.2…"
https://www.levelaccess.com/7-quick-facts-about-wcag-2-2-2/

WCAG - 2.4.1 Bypass Blocks (Level A)
By Holistic Accessibility.
"This ensures that people who do not use a mouse can quickly and easily reach the primary content of the page…"
https://holistica11y.com/wcag-2-4-1-bypass-blocks-level-a/

Captioned Video Accessibility: "Stranger Things" Captions, a Fascinating Case Study
By Meryl K. Evans. 
"Please know this is about progress over perfection. This isn't a criticism. It's education. Learning from the show's captions and how to improve."
https://meryl.net/stranger-things-captions/

Planning, Creating and Publishing Accessible Social Media Campaigns
By Government Communication Service.
"…Inaccessible social media campaigns risk alienating our audience, reducing our impact and breaching key legislation including the Public Sector Equality Duty (part of the Equality Act 2010). Accessibility should be built in from the start - it's the right thing to do and will help your campaigns reach more of the people you need to…"
https://gcs.civilservice.gov.uk/guidance/digital-communication/planning-creating-and-publishing-accessible-social-media-campaigns/

Underengineer Your Websites (with Adrian Roselli) (Video)
By Ben Myers.
"Oftentimes, the most accessible, interoperable experiences are the ones that require the most minimal engineer - and few know that better than Adrian Roselli. In his 'Under-Engineered' blogposts, Adrian goes over minimal, accessible, and interoperable solutions to common interface patterns. Join us for Some Antics as Adrian shows us how we can go about underengineering our own interfaces…"
https://www.youtube.com/watch?v=hKDn-Q4zRPg&t=1416s

Speaking Up and Speaking Out: Tactical Communication in Accessibility
By Meryl K. Evans.
"Cam Beaudoin shared real-world experience to share what's needed to speak to others and motivate them to take action in accessibility."
https://equalentry.com/accessibility-tactical-communication/

The 10 Affirmations of Good Digital Accessibility
By Patrick Sturdivant.
"…consider the following 10 activities and behaviors you can embrace to promote digital equality and inclusion year-round…"
https://www.deque.com/blog/10-affirmations-good-digital-accessibility/

Where's the Fun in Accessibility?
By Elise Hein.
"UX is not only about the way it works, but about delight, whimsy, wit, and beauty. But when it comes to accessibility, we tend to take the term literally. Why?…"
https://uxdesign.cc/wheres-the-fun-in-accessibility-b78c6b9d280d

Web Accessibility in Mind Conference: Free, Virtual Web Accessibility Conference on September 7-8, 2022
By Deborah Edwards-Oñoro.
"The inaugural Web Accessibility in Mind Conference, a two-day virtual conference hosted by WebAIM in partnership with Pope Tech, launches September 7-8, 2022…"
https://www.lireo.com/web-accessibility-in-mind-conference-free-virtual-web-accessibility-conference-on-september-7-8-2022/

ADA32: The ADA Has Applied to Digital for Decades
By Lainey Feingold.
"This is an article about the Americans with Disabilities Act. The law was passed 32 years ago. Since that time it has supported the right of disabled people to participate in the digital world. As early as 1996 the US Department of Justice said the ADA applied to the internet. This article has links so you can learn more about how the ADA has helped with websites that people with disabilities can use and other things. Lainey believes that people should not be afraid of the ADA. The law can be a way to open doors without fear. It can be a powerful enabler for a digital world that everyone can participate in…"
https://www.lflegal.com/2022/07/ada-32/

DOJ Announces New Title II ADA Web Accessibility Regulation
By Ken Nakata.
"…the U.S. Department of Justice announced a new regulation for web accessibility under Title II of the Americans with Disabilities Act…"
https://convergeaccessibility.com/2022/07/27/doj-announces-new-title-ii-ada-web-accessibility-regulation/

Website Accessibility Regulations On The Horizon: DOJ To Start Title II Rulemaking For State and Local Governments Next Year
By Seyfarth Shaw LLP.
"Department of Justice (DOJ) announced its intent to begin the rulemaking process to enact website accessibility regulations applicable to state and local governments under Title II."
https://www.adatitleiii.com/2022/07/website-accessibility-regulations-on-the-horizon-doj-to-start-title-ii-rulemaking-for-state-and-local-governments-next-year/


+02: CASCADING STYLE SHEETS.

The Horizontal Overflow Problem
By Chen Hui Jing.
"…Our conclusion to this issue is that the case of unintentional horizontal overflow on mobile really can be avoided with a litle bit more care and awareness that the problem exists. There are many ways to solve problems in CSS, and that's a huge plus, not something to be annoyed about…"
https://chenhuijing.com/blog/the-horizontal-overflow-problem/

Exploring CSS Grid's Implicit Grid and Auto-Placement Powers
By Temani Afif.
"When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container…"
https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/

Help Design the State of CSS Survey 2022!
By Lea Verou.
"Since 2019, the annual State of CSS survey has collected feedback from web developers from across the world to try and take the pulse of the CSS ecosystem, and it's become a valuable resource not only for CSS developers, but also for browser vendors…"
https://lea.verou.me/2022/07/help-design-the-state-of-css-survey-2022/


+03: COLOR.

Escaping the sRGB Prison (Video)
By Chris Lilley.
" Imagine that I told you that you are only allowed to use two-thirds of the colors that your screen can display. All the brightest and most vivid shades are not allowed. Unacceptable, right?! Welcome to Web design for the last seven years…"
https://www.youtube.com/watch?v=zkun6wAPc1s

What are Color Gamuts
By Chris Lilley.
"So, CSS Color 4 adds Wide Color Gamut colors to CSS. But what is a gamut, anyway…"
https://svgees.us/blog/whatGamuts.html


+04: EVALUATION & TESTING.

Firefox (and other browsers), Forgotten?
By Todd Libby.
"…make sure things are copacetic between Chrome and other browsers. Accessibility of those components or applications and sites depend on it. Users most importantly depend on it…"
https://dev.to/colabottles/firefox-and-other-browsers-forgotten-3e91

Focus Groups 101
By Therese Fessenden.
"Well-run focus groups help gather some initial feedback from a group of people. However, their bias potential makes them insufficient as a standalone research method. Workshop techniques can help maximize participation and reduce the potential for bias."
https://www.nngroup.com/articles/focus-groups-definition/

Collecting UX Metrics During Qualitative User Studies (Video)
By Kate Moran.
"Qualitative user research aims at insights, not numbers. Metrics for individual users help tell the story of how each person did, but mean values across a small sample won't be reliable."
https://www.nngroup.com/videos/collecting-ux-metrics-qualitative-user-studies/


+05: EVENTS.

Fireside Chat with Judy Heumann  
August 4, 2022.
Online
https://go.3playmedia.com/wbnr-08-04-2022-judy

How You Can Future-Proof and Differentiate Your Business
"…invest in accessibility infrastructure as a core value"
August 16, 2022.
Online
https://www.meetup.com/a11ynyc/events/287411302/

European Digital Accessibility Virtual Event
September 23, 2022.
Online
https://www.accessibilityassociation.org/s/european-forum-2022

A11y Camp
November 3 and 10, 2022.
Online
https://a11ycamp.org.au/

Accessing Higher Ground
November 14-18, 2022
Denver, Colorado U.S.A.
https://accessinghigherground.org/

Qualitative Research Series
November 14-18, 2022.
Online
https://www.nngroup.com/series/qualitative-research/


+06: HTML.

First Steps to an Accessible Website (Part 8)
By Jeff Singleton.
"This is Part 8 of our 'First Steps to An Accessible Website' blog series! This post is going to focus on page titles (i.e., the title element).…"
https://convergeaccessibility.com/2022/07/26/first-steps-to-an-accessible-website-part-8/

<article> vs. <section>: How To Choose The Right One
By Olushuyi Olutimilehin.
"In this article, Olushuyi explores a mental model that helps you decide between the <article> and <section> elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users…"
https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility

Abbreviations Suck
By Chris Ferdinandi.
"…Nearly 100 percent of the time, the better option is to just write out what the acronym stands for the first time you use…"
https://gomakethings.com/abbreviations-suck/


+07: JAVASCRIPT.

How to Use the Items in an Array to Create a New One With Vanilla JavaScript
By Chris Ferdinandi.
"Today, we're going to look at the Array.map() method, and how you can use it to create new arrays from existing ones…"
https://gomakethings.com/how-to-use-the-items-in-an-array-to-create-a-new-one-with-vanilla-javascript/

How to Filter Items in an Array With Vanilla JavaScript
By Chris Ferdinandi.
"Today, we're going to look at the Array.filter() method, and how you can use it to filter items in array and create a new one…"
https://gomakethings.com/how-to-filter-items-in-an-array-with-vanilla-javascript/


+08: MISCELLANEOUS.

Acknowledging the Spectrum of Learning Styles 
By Denis Boudreau.
"…In this week's post, I'd like to dig yet a little deeper and identify basic inclusive communication strategies that are likely to appeal to audience members who identify as visual, auditory, and kinesthetic learners…"
https://inklusiv.ca/acknowledging-the-spectrum-of-learning-styles/

Path-Breaking Accessibility Elder Sharron Rush Wins National AARP Prize
By Lainey Feingold.
"On July 28, 2022, AARP (formerly the American Association of Retired Persons) announced winners of the organization's prestigious Purpose Prize for 2023. AARP, with over 38 million members, is one of the largest non-profit organizations in the United States. It chose Sharron Rush, founder and executive director of the digital accessibility consultancy Knowbility, as one of only five AARP Purpose Prize winners.…"
https://www.lflegal.com/2022/08/sharron-rush-purpose-prize/

Equality vs. Equity
By Aaron Gustafson.
"…People are complex, as are our circumstances. Nothing is cut and dry and we need to build systems that are able to adapt to provide the right level of support in the right circumstances. That's what equity is about and why it's so powerful. It's also why I've found so much alignment between it and my long-time passion for accessibility and progressive enhancement. Equity benefits everyone."
https://www.aaron-gustafson.com/notebook/equality-vs-equity/


+09: TOOLS.

Tips for Getting the Most Out of WAVE
By Jon Whiting.
As WebAIM has developed the WAVE accessibility evaluation tool over the years, many of our improvements have been driven by our own evaluation work. Here are some 'power user' tips I use to get the most out of WAVE…"
https://webaim.org/blog/tips-for-getting-the-most-out-of-wave/


+10: USABILITY.

Readability Formulas, Programs and Tools: Do They Work for Plain Language?
By Gael Spivak.
"…Plain language experts say these tools are actually not useful. And they could even undermine all the other proven techniques you can use…"
https://www.noslangues-ourlanguages.gc.ca/en/blogue-blog/readability-formulas-eng

Fitts's Law and Its Applications in UX
By Raluca Budiu.
"The movement time to a target depends on the size of the target and the distance to the target."
https://www.nngroup.com/articles/fitts-law/

[Section one ends.]


++ SECTION TWO:

+11: 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:lcarlson@d.umn.edu 


[Issue ends.]