+++ WEB DESIGN UPDATE. – Volume 17, Issue 48, May 22, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 48, May 22, 2019.

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

++ISSUE 48 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: EVALUATION & TESTING.
03: EVENTS.
04: HTML.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: TOOLS.
09: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

First Annual State Of Accessibility Report (PDF)
By Diamond.
“The current state of accessibility is unacceptable. There are an
average of 59.6 major accessibility errors per webpage. From both a
civil rights and a business perspective, the 61 million Americans 2
and 1 billion people with disabilities (‘PwD’) worldwide are
under-served by today’s digital products. Accessibility lawsuits are
rising exponentially, which has resulted in nascent awareness that
accessibility is an issue…”
https://cdn2.hubspot.net/hubfs/5626219/SOAR%20/Diamond_SOAR_Report_2019.pdf

Columbia & Elm; Fairfield & Gloucester
By Ethan Marcotte.
“…I want to read poetry in alt text; to have our work’s success
measured by how broadly it can be accessed; to create moving,
beautiful experiences for people who may not use the web like I do…”
https://ethanmarcotte.com/wrote/columbia-and-elm-fairfield-and-gloucester/

7 Reasons Why You Want to Caption Your Videos
By Meryl K. Evans.
“…People who are deaf or hard of hearing are NOT the main users of
captioned videos. Here are seven reasons to caption your videos…”
https://www.linkedin.com/pulse/7-reasons-why-you-want-caption-your-videos-meryl-evans

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
“…To mark Global Accessibility Awareness Day, we asked several
accessibility advocates for some practical tips you may not have
thought of, to help you build sites and apps that are more accessible
and inclusive…”
https://www.shopify.com/partners/blog/universal-design

Short Note on prefers-reduced-motion and Puzzled (Windows) Users
By Patrick H. Lauke.
“…recommend just sticking to this particular (Windows-specific effects
in the ‘Advanced System Settings’) checkbox when testing for 2.3.3
Animation from Interactions – unless you enjoy spending time after
each round of testing to reset your Windows environment the way you
like it.”

Short note on prefers-reduced-motion and puzzled (Windows) users

Checklist
By The A11Y Project.
“Determine how accessible your site is…”
https://a11yproject.com/checklist

Understanding SC 1.1.1 Non-text Content
By Raghavendra Satish Peri.
“This success criterion requires that any non-text content that
includes active images (imagelinks), area maps, informative images,
complex charts and graphs, CSS images, decorative images, input image
controls, CAPTCHA and audio and video contents must have text
alternatives…”

Understanding SC 1.1.1 Non-text Content

Summary of Accessibility Toronto Camp
By Dennis Lembree.
“Accessibility Toronto Camp occurred Saturday, May 18 at OCAD
University in incredible city of Toronto, Ontario, Canada…”

Summary of Accessibility Toronto Camp

Selfish Accessibility – YGLF Vilnius (Slides)
By Adrian Roselli.
Adrian’s Vilnius JavaScript slides.

Selfish Accessibility — YGLF Vilnius

How Your Company Can Prevent ADA Website Accessibility Lawsuits
By Kim Krause Berg.
“…The only way to prevent an ADA lawsuit is to plan for, design and
build for web accessibility…”
https://www.searchenginejournal.com/prevent-accessibility-website-lawsuit/306055/

Fraud Whistleblower Seeks Redress for Inaccessible Public Website that
Cost California $66 Million
By Kristopher Nelson.
“TRE Legal Practice alleges that Xerox Corp. and Conduent, Inc.
defrauded taxpayers when the two companies built a $66 million state
park reservation website that hundreds of thousands of Californians
with disabilities cannot use…”

Fraud Whistleblower Seeks Redress for Inaccessible Public Website that Cost California $66 Million

+02: EVALUATION & TESTING.

Using Trade-Off Scales for Prioritization in UX Design Projects
By Anna Kaley.
“Trade-off scales are a tool that UX practitioners can use to to
visually prioritize user needs and project dimensions to focus
resources on the most important ones.”
https://www.nngroup.com/videos/tradeoff-scale-ux-priority/

+03: EVENTS.

Utah Accessibility Meetup #1
May 29, 2019.
Salt Lake City, Utah, U.S.A.

Utah Accessibility Meetup #1

Wednesday, May 29, 2019, 6:00 PM

6330 S 3000 E
6330 S 3000 E Salt Lake City, UT

46 Members Went

Our initial meetup will feature an opportunity to meet each other, two short accessibility presentations, planning for future meetups, pizza and refreshments, and opportunities for socializing and networking. Jared Smith will present on a WebAIM research project that analyzed the home pages of the top 1 million web sites for accessibility issues. H…

Check out this Meetup →

Maker Series: Accessibility Workshop with Derek Featherstone
June 13, 2019.
Dayton, Ohio, U.S.A.
https://www.eventbrite.com/e/maker-series-accessibility-workshop-with-derek-featherstone-tickets-61582042547

Impact of Captions & Transcripts on Student Learning & Comprehension
June 26, 2019.
Online

Upcoming Webinars

JSConf US
August 12-14, 2019
Carlsbad, California, U.S.A.
https://2019.jsconf.us/

Vancouver UX Conference
August 19-23, 2019.
Vancouver, British Columbia, Canada
https://www.nngroup.com/training/vancouver/

Abstractions
August 21-23, 2019
Pittsburgh, Pennsylvania, U.S.A.
https://abstractions.io/

W3C Developer Meetup
September 16, 2019.
Fukuoka, Japan
https://www.w3.org/2019/09/Meetup/

+04: HTML.

Building an Accessible Progressive Loader (Slides)
By Russ Weakley.
“This presentation for A11y Bytes May 2019, takes you through how to
mark up a progress loader using the progress element. Then, eight tips
for making the progress loader accessible.”

+05: JAVASCRIPT.

JavaScript and Accessibility: Accordions
By Lindsey Kopacz.
“…I am going to go into a deep dive on how to make accordions
accessible! Our focus is: 1.) Accessing the accordion with a keyboard
1.) Screen reader support…”
https://www.a11ywithlindsey.com/blog/javascript-accessibility-accordions/

+06: MISCELLANEOUS.

Take Back Your Web (Video)
By Tantek Çelik.
“…Own your domain. Own your content. Own your social connections. Own
your reading experience. IndieWeb services, tools, and standards
enable you to take back your web.”

Can ‘Indie’ Social Media Save Us?
By Cal Newport.
“…If you’re using a company’s servers without paying for the
privilege, then that company must be finding other ways to ‘extract
value’ from you…Social media has reshaped our culture, and this has
convinced us that it is fundamentally appealing. Strip away its most
manipulative elements, though, and we may find that it’s less
rewarding than it seems.”
https://www.newyorker.com/tech/annals-of-technology/can-indie-social-media-save-us

All Constraints are Beautiful (Video)
By Charlie Owen.
“…In this talk Charlie will tell us how constraints are something that
should be sought out and embraced, especially in the infinite chaos of
the web…”

Accessibility in Web Standards (Podcast)
By Jamie White.
“Léonie Watson has been focused on accessibility for nearly twenty
years. She joins us to talk about her long career in web
accessibility, her involvement in the W3C, and where she believes the
future of the technology is headed.…”
https://www.heroku.com/podcasts/codeish/16-accessibility-in-web-standards

+07: NAVIGATION.

How to Conduct Research for Customer Journey Mapping (Video)
By Kate Kaplan.
“When conducting research for customer-journey maps, use qualitative
methods that allow direct interaction with or observation of users,
such as interviews, field studies, and diary studies.”
https://www.nngroup.com/videos/research-journey-mapping/

+08: TOOLS.

ARC Toolkit
By The Paciello Group.
“Quickly uncover accessibility issues on any web page and gain
valuable accessibility insights with TPG’s ARC Toolkit.”

ARC Toolkit

Contrast Checker
By GOVUK Design System Team.
Developed to help test WCAG 2.1 Success Criterion 1.4.11: Non-text Contrast.
https://contrast-checker.glitch.me/

+09: USABILITY.

Digital Contributing to Climate Crisis
By Gerry McGovern.
“…The digital environment is much more wasteful than the physical
environment since it is easy to create, copy, and publish digital
things. Our oceans are full of plastic. Our websites are even more
full of crap. We treat our digital environment even worse than our
physical environment. It’s high time we changed.”

Digital contributing to climate crisis

10 Usability Heuristics Applied to Video Games
By Alita Joyce.
“Following Jakob Nielsen’s 10 heuristics for user-interface design
will improve the user experience of video games.”
https://www.nngroup.com/articles/usability-heuristics-applied-video-games/

[Section one ends.]

++ SECTION TWO:

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s