Web Design Update: October 7, 2020

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 19, Issue 15, October 7, 2020.

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

++ISSUE 15 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: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

What to Expect From WCAG 2.2
By Wilco Fiers.
"…This autumn, the W3C is preparing to publish version 2.2 of WCAG.
WCAG 2.2 adds several new success criteria focused on extending
requirements for users with low vision, cognitive impairments, and
limited fine motor skills…"
https://www.deque.com/blog/what-to-expect-from-wcag-2-2/

Accessible Animation (Video)
By Una Kravets.
"Interactive touches can be great for user understanding in a digital
environment, but they can also leave some of your users disoriented
and frustrated, the opposite of the intended effect…"
https://www.youtube.com/watch?v=_ZdZh-ESOHY

How a Blind Person uses a Website, a Demonstration and Q and A (Video)
By Joseph DiNero.
"…Joe will demonstrate and explain strategies he uses when visiting a
website. These are the same practical strategies that he also teaches
his blind and visually impaired students as an educator and assistive
technology specialist at Helen Keller Services for the Blind…"
https://www.youtube.com/watch?v=X88AHJVkwoM

Web Accessibility: Definitions and Acronyms
By Megh Plunkett.
"Initially, learning about web accessibility, its policies, and its
guidelines can seem daunting, but taking the time to learn and
understand the basics is well worth the effort. In order to have
informed discussions and make informed decisions, web accessibility is
an area in which all website owners and web professionals need to have
foundational knowledge…"
https://www.lullabot.com/articles/web-accessibility-definitions-and-acronyms

Online Accessibility Act (PDF)
By U.S. Representatives Ted Budd and Lou Correa.
"To amend the Americans with Disabilities Act of 1990 to include
consumer facing websites and mobile applications owned or operated by
a private entity, to establish web accessibility compliance
standards…A consumer facing website or mobile application shall be
considered compliant under the requirements of this section if such
website or mobile application is in substantial compliance with the
Web Content Accessibility Guidelines (referred to in this title as
WCAG) 2.0 Level A and Level AA standard established by the
Accessibility Guidelines Working Group, or any subsequent update,
revision, or replacement to the WCAG 2.0 Level A and Level AA standard
published by the World Wide Web Consortium or successor organization…"
https://budd.house.gov/uploadedfiles/budd-online_accessibility_act.pdf

New Online Accessibility Act Introduced to Congress Would Require
Businesses To Make Their Website and Mobile Apps Accessible
By Joanna Fantozzi.
"…If passed, violators could be fined $20,000 for a first offense and
up to $50,000 for every subsequent offense. Private lawsuits would be
allowed but only after companies had exhausted remedies through
administrative compliance…"
https://www.nrn.com/operations/new-online-accessibility-act-introduced-congress-would-require-businesses-make-their

Proposed Online Accessibility Act in US Congress is Bad for Digital Inclusion
By Lainey Feingold.
"…The new law would not allow a private lawsuit until a disabled
person first went to the Department of Justice. This would take time
and delay fixing a website. Lawsuits have been important to making the
ADA work for 30 years. It is not fair to limit disabled people's civil
rights…"
https://www.lflegal.com/2020/10/ada-backlash/

Online Accessibility Act: Review and Legal Analysis
By Ken Nakata.
"…meaningful change in this area is needed. Unfortunately, I just
don't see that change coming from within the Department of Justice, so
that leaves the ball in Congress's court to address. I'd be happy to
contribute to the conversation. And I think a lot of other people
would be willing to lend their voice- and that we'd all be surprised
by the harmony of our opinions."
https://convergeaccessibility.com/2020/10/04/online-accessibility-act-review-and-legal-analysis/

Proposed Online Accessibility Act - Three Key Takeaways
By Jason Taylor.
"…The real likelihood of a new law in the future may increase more
lawsuits in the short term and do little to reduce lawsuits in the
long term…"
https://blog.usablenet.com/proposed-online-accessibility-act-three-key-takeaways

Introduced Online Accessibility Act Would Amend ADA, Clarify Web
Accessibility Compliance Standards
By Bureau of Internet Accessibility.
"The Online Accessibility Act was introduced to Congress on October 2…"
https://www.boia.org/blog/introduced-online-accessibility-act-would-amend-ada-clarify-web-accessibility-compliance-standards

Audit Revealed 43 States' Vote-By-Mail Application Forms Not
Accessible to Many with Disabilities, as Deadlines Loom
By Deque Systems.
"Deque Systems' audit of the application forms required for registered
voters to vote by mail in November discovered that 43 states'
applications had some level of digital inaccessibility - making them
challenging or impossible to complete by many people with
disabilities. Five states do not have or require an application to
vote by mail; two states have another application process…"
https://www.deque.com/blog/vote-by-mail-accessibility/

Millions of Disabled Voters Could be Sidelined in 12 Battleground
States Because of Their Election Websites, New Report Shows
By Yelena Dzhanova.
"A dozen state election websites are not accessible to millions of
visually impaired voters, according to a report from a nonprofit
released Thursday…"
https://www.businessinsider.com/election-sites-battleground-states-not-accessible-report-2020-9

Digital Vote-By-Mail Applications in Most States are Inaccessible to
People With Disabilities
By Devin Coldewey.
"The 2020 election is without a doubt going to be the biggest one in
history for voting by mail, but people with disabilities may find it
rather difficult to apply for their ballot, since according to an
audit by Deque, most states don't actually have an accessible digital
application…"
https://techcrunch.com/2020/10/01/digital-vote-by-mail-applications-in-most-states-are-inaccessible-to-people-with-disabilities/

Supreme Court Nominee Wrote Opinion in Credit Union ADA Lawsuit
By David Baumann.
"Amy Coney Barrett, President Trump's nominee for Supreme Court
justice, authored an opinion that threw out an Americans With
Disabilities Act lawsuit filed by a blind man against an Illinois
credit union."
https://www.cutimes.com/2020/09/28/supreme-court-nominee-wrote-opinion-in-credit-union-ada-lawsuit/


+02: CASCADING STYLE SHEETS.

Accessibility Rendering Tools in Chrome
By Dennis Lembree.
"There are a few great simulation tools in Chrome which invoke
rendering of a couple CSS media queries and simulate several types of
color blindness…"
http://www.webaxe.org/accessibility-rendering-tools-in-chrome/

A Complete Guide to CSS Media Queries
By CSS-Tricks.
"Media queries can modify the appearance (and even behavior) or a
website or app based on a matched set of conditions about the user's
device, browser or system settings…"
https://css-tricks.com/a-complete-guide-to-css-media-queries/

Clamp
By Trys Mudford.
"CSS has some exciting new features for fluid scaling. clamp(), min(),
and max() are functions that cap and scale values as the browser grows
and shrinks…"
https://utopia.fyi/blog/clamp/


+03: COLOR.

Emulate Vision Deficiencies in DevTools
By Addy Osmani.
"Emulate vision deficiencies in Chrome DevTools to see how users who
experience color blindness or blurred vision might see your site…"
https://addyosmani.com/blog/emulate-vision-deficiencies-devtools/


+04: EVALUATION & TESTING.

How and Why to Recruit Backup Participants (aka 'Floaters') in User Research
By Kara Pernice.
"Sometimes you should intentionally overrecruit test participants for
one-on-one user-research studies. Backup participants must be
recruited according to the same screening criteria and paid at least
as much as regular participants."
https://www.nngroup.com/articles/recruit-backup-users-in-research/

Data-Driven Design: An Integral Part of UX Design
By Anusha Pichumani.
"…Data helps product teams understand their target users, reveals
information about users' painpoints, unearths new trends, supports
data-driven design, and assures teams that their work is on track…"
https://www.uxmatters.com/mt/archives/2020/10/data-driven-design-an-integral-part-of-ux-design.php


+05: EVENTS.

Leveraging Accessibility & Usability to Serve Truly Diverse Audiences
October 15, 2020.
Online
https://groups.drupal.org/node/536133

User Centred Design Gathering (UCD) Gathering
October 15, 2020.
Online
https://www.ucdgathering.net/

A Better Way to Make and Keep Websites Accessible
October 15, 2020.
Online
https://go.3playmedia.com/wbnr-10-15-2020-website

Hosting a Zoom Meeting with JAWS
October 15, 2020.
Online
https://zoom.us/webinar/register/WN_rVUQR6biRt2AITD3MroHFw

WordCamp Los Angeles
October 17-18, 2020.
Online
https://la.wordcamp.org/2020/

Low Vision Symposium
October 22, 2020.
Online
https://www.eventbrite.com/e/low-vision-symposium-tickets-122711207525

Accessible Learning Conference 2020: Accessibility Reimagined
November 12-13, 2020.
Online
https://www.accessiblelearning.org/

UI Arch Conf
November 19-20, 2020.
New Orleans, Lousiana, U.S.A.
https://uiarchconf.com/


+06: INFORMATION ARCHITECTURE.

A Guide to Creating Mobile-App Wireframes in 2020
By Mayur Panchal.
"…The overall process of creating a mobile-app wireframe comprises eight steps…"
https://www.uxmatters.com/mt/archives/2020/10/a-guide-to-creating-mobile-app-wireframes-in-2020.php


+07: JAVASCRIPT.

Micro-note on aria-roledescription
By Steve Faulkner.
"aria-roledescription is not a label. It is an alternative expression
of the Aural UI of the role of an element…"
https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/

How to Get and Set the Value of a Select Menu with Vanilla JS
By Chris Ferdinandi.
"Today, we're going to look at how to get and set the value of a
select menu with vanilla JS…"
https://gomakethings.com/how-to-get-and-set-the-value-of-a-select-menu-with-vanilla-js/

How To Get And Set The Value of A Select Menu Using an ID
By Chris Ferdinandi.
"On Friday, we looked at how to get and set the value of a select menu
with vanilla JS. But the approach we used only works if the option
elements have a value property on them…"
https://gomakethings.com/how-to-get-and-set-the-value-of-a-select-menu-using-an-id/


+08: MISCELLANEOUS.

Delete 90%: Principles of Digital Earth Experience Design
By Gerry McGovern.
"…Digital culture is the worst possible culture to address global
warming with. We must break our addiction to Moore's Law and cheap
storage."
https://gerrymcgovern.com/delete-90-principles-of-digital-earth-experience-design/


+09: USABILITY.

Design Better by Avoiding your Cognitive Biases
By Koos Looijesteijn.
"…In this post I will present seven cognitive biases, how they can
mess up your design work and what you can do to avoid that…"
https://www.kooslooijesteijn.net/blog/design-better-avoiding-cognitive-biases

The Best Design Is No Design
By Almonzer Eskandar.
"…As many companies scale up, … they struggle to add value without
adding complexity…"
https://www.uxmatters.com/mt/archives/2020/10/the-best-design-is-no-design.php

Login Walls (Video)
By Raluca Budiu.
"Demanding that users create a new account before they are able to
access a website or mobile app is only justified in rare cases.
Usually, people go away, rather than scale a wall placed between them
and your offerings…"
https://www.nngroup.com/videos/login-walls/


[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

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