Web Design Update: July 29, 2020

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 19, Issue 05, July 29, 2020.

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

++ISSUE 05 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
http://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: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A Beginner's Guide to ADA Website Accessibility Compliance
By Kim Krause Berg.
"Learn about inclusive design and how to optimize your website for ADA
compliance with this beginner's guide to accessibility…"
https://www.searchenginejournal.com/website-accessibility-compliance/374878

How to Create Accessible Subtitles
By Chris Ferdinandi.
"One popular design pattern on the web is a heading with a subtitle
below it. The subtitle is typically bigger than normal body font, but
smaller than the main h1 heading…"
https://gomakethings.com/how-to-create-accessible-subtitles/

Revisting aria-label Versus a Visually Hidden Class
By Chris Ferdinandi.
"Last week, I wrote about the [aria-label] attribute, and when you
should use aria. In the posts, I recommended that, generally speaking,
[aria-label] is the better choice when you want the text read aloud by
screen readers to be different from what's visually shown to sighted
users. I was wrong…"
https://gomakethings.com/revisting-aria-label-versus-a-visually-hidden-class/

Profile Photos: Business Use and Accessibility
By Minnesota IT Services.
"Profile photos can help improve your interactions with colleagues,
including those with disabilities…"
https://mn.gov/mnit/media/blog/?id=38-441391

Op-Ed Amid COVID-19, the Americans With Disabilities Act Turns 30. It
needs to be updated
By Mason Marks.
"In the days of COVID-19-induced self-quarantine, Americans rely on
apps and websites to work, buy food, attend school, consume news and
entertainment, and communicate with one other…"
https://www.latimes.com/opinion/story/2020-07-25/ada-30-update-covid19-americans-with-disabilities-act

Anniversaries Celebrated
By Cyndi Rowland.
"Sunday, July 26, 2020 marked the 30th anniversary of the Americans
with Disabilities Act. During WebAIM's 20th anniversary year, we take
this opportunity to cherish this landmark legislation which codified
equal opportunity and protections for those with disabilities…"
https://webaim.org/blog/anniversaries-celebrated/

30 Years of the Americans with Disabilities Act
By Adrian Roselli.
"Today (July 26, 2020) is the 30th anniversary of the Americans with
Disabilities Act of 1990 (ADA). Thirty years is not very long when you
consider Americans elected (largely unknowingly) a disabled president
in 1932. On the other hand, it seems an eternity ago given Americans
elected a president who mocks disabled people just 4 years ago."
https://adrianroselli.com/2020/07/30-years-of-the-americans-with-disabilities-act.html

30 Years to Americans With Disabilities Act ADA
By Rakesh Paladugula.
"We will not accept, will not excuse and will not tolerate
discrimination in America…"
https://www.maxability.co.in/2020/07/26/30-years-to-americans-with-disabilities-act-ada/

Americans with Disabilities Act Celebrates 30 Years
By Jaclyn Leduc.
In this post, we discuss how the ADA has impacted the disability
community over the past three decades and offer ideas on how to
commemorate this momentous occasion…"
https://www.3playmedia.com/2020/07/26/americans-with-disabilities-act-celebrates-30-years/

Three Ways to Celebrate the 30th Anniversary of the Americans with
Disabilities Act
By Deborah Edwards-Onoro.
"This week marks the 30th anniversary of the Americans with
Disabilities Act (ADA) in the United States…"
https://www.lireo.com/three-ways-celebrate-30th-anniversary-americans-disabilities-act/


+02: CASCADING STYLE SHEETS.

Modern CSS Techniques To Improve Legibility
By Edoardo Cavazza.
"In this article, we cover how we can improve websites legibility
using some modern CSS techniques, great new technologies like variable
fonts and putting into practise what we learned from doing scientific
researches…"
https://www.smashingmagazine.com/2020/07/css-techniques-legibility/

Custom Property Coverup
By Amber Wilson.
"The other day I was discussing CSS custom properties with Jeremy when
I noticed something. When using custom properties, some (but not all)
of the custom property values do not show up in the computed values in
Chrome dev tools…"
https://amberwilson.co.uk/blog/custom-property-coverup/

Unholy Albatross
By Xiao Zhuo Jia.
"The Holy Albatross is a clever bit of CSS by Heydon Pickering to
responsively stack all columns into rows based on container size,
without an intermediary step where some of the columns becomes rows
but not others…"
http://www.miragecraft.com/articles/unholy_albatross.html

Designing Adaptive Components, Beyond Responsive Breakpoints
By Stéphanie Walter.
"…In this article you will find a short transcript, the slides, a
video of the talk and some demos and resources…"
https://stephaniewalter.design/blog/designing-adaptive-components-beyond-responsive-breakpoints/

Want to Get Better at Code? Teach Someone CSS
By Peter Murray.
"…The aim of this article is not to teach basic CSS to those who
already know it but rather to highlight the things that inspired a
newcomer and hopefully inspire you to pass on some knowledge to others
if the opportunity arises…"
https://css-tricks.com/want-to-get-better-at-code-teach-someone-css/


+04: EVALUATION & TESTING.

Remote Usability-Testing Costs: Moderated vs. Unmoderated
By Kate Moran.
"Exact costs will vary, but an unmoderated 5-participant study may be
20-40% cheaper than a moderated study, and may save around 20 hours of
researcher time."
https://www.nngroup.com/articles/remote-usability-testing-costs/

Analyzing Qualitative User Data in a Spreadsheet to Show Themes (Video)
By Kim Salazar.
"A simple method for visually identifying strong vs. weak themes in
qualitative data from user research: by placing individual
observations in a spreadsheet and color-coding them."
https://www.nngroup.com/videos/analyzing-qualitative-data-spreadsheet/

Reliability and Validity: Ensuring a Foolproof UX Research Plan
By Pallabi Roy Singh.
"…Let us now see how we can estimate the reliability of our research
findings and ensure the validity of the methods used in our research
plan…"
http://uxpamagazine.org/reliability-and-validity-ensuring-a-foolproof-ux-research-plan/

Are Star Ratings Better Than Numbered Scales?
By Jim Lewis and Jeff Sauro.
"Due to both formats having five response options, we expected the
results to be at least as close as those we found comparing numeric
and slider scales, but that isn't quite what happened…"
https://measuringu.com/numbers-versus-stars/


+05: EVENTS.

js.la
July 30, 2020.
Online
https://js.la/

Providing Remote Services for The Disability Community During The Pandemic
August 18, 2020.
Online
https://www.meetup.com/A11yNYC/events/271970821/

Accessibility for News Coverage: From Live Captions to Post Production
August 27, 2020.
Online
https://go.3playmedia.com/wbnr-08-27-2020-pub

#a11yTO Conf
October 21-23, 2020.
Online
https://conf.a11yto.com/

International Society for Technology in Education
November 28-December 1, 2020
Anaheim, California, U.S.A.
https://conference.iste.org/2020/


+05: HTML.

Pausing a GIF with details/summary
By Chris Coyier.
"Steve Faulkner has a clever idea here. You can show an (animated) GIF
and overlay a pause/play button on top of it - which is really a
<details>/<summary> element. When toggled, a (non-animated) JPG inside
covers the GIF, effectively 'pausing' it.…"
https://css-tricks.com/__trashed-26/

One Web Component to Rule Them All?
By Scott Jehl.
"Web components are pretty neat. They allow us to create and manage
custom HTML elements, extend existing semantic elements, and even
offer ways to create encapsulated portions of a component's HTML (in
what's called a 'shadow' DOM) that can't be impacted by global styles
and scripts…"
https://www.filamentgroup.com/lab/delegator/


+06: MISCELLANEOUS.

Are Modern Best Practices Bad For The Web? with Chris Ferdinandi (Podcast)
By Drew McLellan.
"We're asking if modern best practises are bad for the web? Are modern
frameworks taking us down the wrong path? Drew McLellan speaks to Lean
Web expert Chris Ferdinani to find out…"
https://podcast.smashingmagazine.com/episodes/are-modern-best-practices-bad-for-the-web-with-chris-ferdinandi

Brian Kardell on Open Prioritization experiment, Igalia, MathML and
the Web Commons
By Bruce Lawson, Vadim Makeev, Brian Kardell.
"…it is my pleasure to introduce the man known internationally as the
George Clooney of web standards, all the way from somewhere in
America, Brian Kardell…"
https://f-word.dev/episodes/5/


+07: USABILITY.

Privacy Policies and Terms of Use: 5 Common Mistakes
By Therese Fessenden.
"Poly pages often fail to follow basic usability guidelines: they are
not readable, lack high-level summaries and inside-policy navigation,
have poor formatting, and are not available in expected places."
https://www.nngroup.com/articles/privacy-policies-terms-use-pages/

Why Web Content is Badly Managed
By Gerry McGovern.
"…In many organizations, each senior manager, each unit, has an ego
and agenda. Managers want to be seen to be 'doing something' about
COVID-19, whether what they are doing has any real relevance or not.
Units, divisions, departments, they all want to publish something that
connects them with COVID-19. Without proper management, you get a
flood of what I call tiny task content. This often overloads the Web
team, who become so busy publishing all this stuff, they have no time
to manage, review and update critical information."
https://gerrymcgovern.com/why-web-content-is-badly-managed/

UX Win: Seven Sons Unsubscribe from Mailing List
By Deborah Edwards-Onoro.
"I think we can all agree unsubscribing from a mailing list shouldn't be hard…"
https://www.lireo.com/ux-win-seven-sons-unsubscribe-mailing-list/


[Section one ends.]


++ SECTION TWO:

+08: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]