Web Design Update: May 22, 2019

David Dillard
 



 

+++ 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."
https://developer.paciellogroup.com/blog/2019/05/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…"
https://www.digitala11y.com/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…"
http://www.webaxe.org/summary-of-accessibility-toronto-camp/

Selfish Accessibility - YGLF Vilnius (Slides)
By Adrian Roselli.
Adrian's Vilnius JavaScript slides.
http://adrianroselli.com/2019/05/selfish-accessibility-yglf-vilnius.html

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…"
https://www.trelegal.com/posts/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.
https://www.meetup.com/UtahA11y/events/261077544/

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
https://www.3playmedia.com/resources/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."
https://www.slideshare.net/maxdesign/building-an-accessible-progressive-loader


+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."
https://vimeo.com/336343886

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…"
https://vimeo.com/335856612

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."
https://www.paciellogroup.com/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."
http://gerrymcgovern.com/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.]

 

Join Educator-Gold@groups.io to automatically receive all group messages.