Web Design Update: May 20, 2020

416 views
Skip to first unread message

Laura Carlson

unread,
May 20, 2020, 10:46:04 AM5/20/20
to webdev
+++ WEB DESIGN UPDATE.
- Volume 18, Issue 47, May 20, 2020.

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

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


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Evaluating Web Accessibility Overview (Videos)
By W3C Accessibility Education and Outreach Working Group.
5 short videos that introduce evaluation resources. Thee animated
videos cover: Easy Checks — A First Review of Web Accessibility,
Evaluation Tools, Conformance Evaluation, including the Report Tool,
and Involving Users in Web Accessibility.
https://www.w3.org/WAI/test-evaluate/

Research Note on Web Accessibility Metrics
By WAI at W3C. Editors Markel Vigo, Giorgio Brajnik, Joshue O Connor.
"…Recently, a plethora of metrics have been released; however the
validity and reliability of most of these metrics is unknown and those
making use of them are taking the risk of using inappropriate metrics.
In order to overcome such situation, this note provides a framework
that considers validity, reliability, sensitivity, adequacy and
complexity as the main qualities that a metric should have…"
https://www.w3.org/WAI/RD/2011/metrics/note/ED-metrics-20120509

Accessible Images For When They Matter Most
By Carie Fisher.
"Creating accessible images seems like a simple topic at first glance
— you just need to add alt text to an image, right? But the topic is
much more nuanced than some people think. In this article, we will
review the different types of images, dive into some real-world
examples of inaccessible public service announcements (PSAs), and
discuss which elements matter most when critical messages need to
reach everyone…"
https://www.smashingmagazine.com/2020/05/accessible-images/

AccessU 2020: Efficient & Effective Design, Conserving Cognitive Energy
By Deborah Edwards-Onoro.
"In her Efficient & Effective Design, Conserving Cognitive Energy
presentation at the AccessU 2020 virtual conference on accessibility,
Glenda Sims discussed how designing digital experiences for people
with cognitive disabilities offers benefits for everyone…"
https://www.lireo.com/accessu-2020-efficient-effective-design-conserving-cognitive-energy/

1.2.9 - Audio Only (Live)
By Luke McGrath.
"Provide alternatives for live audio…"
https://wuhcag.substack.com/p/129-audio-only-live

Does WCAG Apply to Kiosks?
By Matt Ater.
"…WCAG 2.1 can be used for accessible design purposes, though it is
not specifically called for by the ADA. The spirit of the ADA calls
for accessible design, and WCAG 2.1 delivers…"
https://developer.paciellogroup.com/blog/2020/05/does-wcag-apply-to-kiosks/

Report: COVID-19 Crisis is Driving Digital Accessibility Awareness
By Deque Systems.
Survey Shows Resurgence in Digital Transformation Efforts Offering
Opportunity for Organizations to Become More Accessible to People with
Disabilities…"
https://www.deque.com/blog/covid-19-crisis-driving-digital-accessibility-awareness/

Blind Man Sues Over Flight Centre Website
By Liam Walsh.
"…Mahoney argues that 'by failing to make its website available in a
manner compatible with computer screen reader programs, Flight Centre
… deprives blind and visually-impaired individuals the benefits of its
online goods, content and services'…"
https://www.afr.com/rear-window/blind-man-sues-over-flight-centre-website-20200513-p54slz


+02: CASCADING STYLE SHEETS.

Modern CSS Solutions
By Stephanie Eckles.
"for Old CSS Problems…"
https://moderncss.dev/

Better (More Accessible) Active Link Styling
By Chris Ferdinandi.
"Until this morning, I always styled the current link in my navigation
menu by doing this…"
https://gomakethings.com/better-more-accessible-active-link-styling/

How to Tame Line Height in CSS
By Caleb Williams.
"In CSS, line-height is probably one of the most misunderstood, yet
commonly-used attributes…"
https://css-tricks.com/how-to-tame-line-height-in-css/

Sass and clamp
By Jeremy Kieth.
"…the clamp() function. That allows you to set a minimum size, a
default size, and a maximum size. Again, it can be used for lengths,
like width, or for font-size…"
https://adactio.com/journal/16887

Responsive Masonry Layout with CSS Grid + Vanilla JavaScript (resize viewport!)
By Anne Tudor.
https://codepen.io/thebabydino/pen/yLYppjK


+03: EVALUATION & TESTING.

How Well Discovery Phases Are Performed in UX Projects
By Maria Rosala.
"Our survey results reveal that many UX practitioners perform
discoveries in some shape and form, although many are on the short
side, lack user research and don't involve the right people."
https://www.nngroup.com/articles/discoveries-in-industry-revealed/

Using UX Testing to Dramatically Improve Your A/B Testing Results
By Natalya Diatko.
"We are used to thinking of A/B split testing as a way to improve UX
and increase conversions. But it's actually a two-way road…"
https://usabilitygeek.com/using-ux-testing-to-dramatically-improve-your-a-b-testing-results/

The Benefits of Benchmarking Your Product's UX (Video)
By Kate Moran.
"Collect UX metrics to show how well your design is performing over
time or relative to competitors. If numbers are down, you know what
needs improvement. If up, ROI data is a key management tool."
https://www.nngroup.com/videos/ux-benchmarking/

Applying In-Depth Research and Analysis to Achieve Better Outcomes
By Isabelle Peyrichoux.
"Over the past 20 years, two of the domains to which I have applied my
research and analysis skills are UX research and career exploration.
I've noticed a lot of similarities between the approaches I use in
these two domains to get the most desirable and effective outcomes…"
https://www.uxmatters.com/mt/archives/2020/05/applying-in-depth-research-and-analysis-to-achieve-better-outcomes.php

Rating Scales: Myth vs. Evidence
By Jeff Sauro and Jim Lewis.
"…In this article, we'll answer some of the more common questions that
come up about rating scales, examine claims by reviewing the
literature, and summarize the findings from our own studies…"
https://measuringu.com/ratingscales-myth-evidence/

Testing a COVID-19 Classification
By Gerry McGovern.
"Over 800 healthcare providers, academics, and members of the public
sorted COVID-19 top tasks into groups. We analyzed the groups and came
up with the following hypothetical classification…"
https://gerrymcgovern.com/testing-a-covid-19-classification/


+04: EVENTS.

2020 GAAD Panel: Today's Challenges, Tomorrow's Vision
May 21, 2020.
Online
https://zoom.us/webinar/register/5015886828017/WN_KJGUIEdWT-CwjyAoqr3i2Q

A11y Bytes 2020
May 21, 2020.
Online
https://a11ybytes.org/bytes-2020/

Looking Back, Looking Forward - 20 Years of Digital Access
May 21, 2020.
Online
https://events.humanitix.com/gaad-celebration

What's New in Inclusion and Digital Accessibility
May 21, 2020.
Online
http://amiroe.com/training-events/what-is-next-in-digital-inclusion-and-accessibility/

#a11yTO Camp
May 23, 2020.
Online
https://camp.a11yto.com/

Accessible Office Documents
May 26, 2020.
Online
https://www.accessibilityonline.org/cioc-508/session/?id=110805

Microsoft Accessibility Checkers: Helping you Create More Accessible Documents
May 26, 2020.
Online
https://zoom.us/meeting/register/tJwpceqpqjsuG9SMcN02BuAfmDhsBK2-K7AH

GAAD 2020 Wrap-Up and Lightning Talks
May 27, 2020.
Online
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/270724321/

Getting Mobile Right
May 28, 2020.
Online
https://1904labs.com/our-insights/getting-mobile-right-webinar/

Accessible Document Design and Your Partnership with Open Access Technologies
June 2, 2020.
Online
https://zoom.us/meeting/register/tJYrdO6qpjIsGtY4yv51vmZfoYAvsTeTygGg


+05: HTML.

The 25 Boolean Attributes of HTML
By Jens Oliver Meiert.
"…Here's a quick rundown of what makes for a Boolean attribute, and
what Boolean attributes there are in current HTML…"
https://meiert.com/en/blog/boolean-attributes-of-html/

Heading in the Wrong Direction
By Šime Vidas.
"A simple page that displays the availability of a product…"
https://www.htmhell.dev/19-heading-in-the-wrong-direction/

Correct Way to Mark Up Decorative Image
By Adrian Roselli.
"<img alt="">. Technically valid way to mark up decorative images, but
violates First Rule of ARIA, introduces more surface for errors: <img
aria-role="presentation">, <img aria-role="none">, and <img
aria-hidden="true"> …"
https://twitter.com/aardrian/status/1262060354118524931


+06: JAVASCRIPT.

Myth: ARIA Has Perfect Support
By Eric Bailey.
"…Just because you write code that uses ARIA does not mean the ARIA
declarations will work as intended…"
https://a11yproject.com/posts/aria-has-perfect-support/

JavaScript Features To Forget
By David Flanagan.
"The first demo of the language that was to become JavaScript took
place almost exactly 25 years ago…"
https://davidflanagan.com/2020/05/12/javascript-to-forget.html

Measuring Performance Behind Consent Popups
By Simon Hearne.
"Opting in to cookies can load multiple megabytes of additional
content. Here are tips on how to measure web performance both with and
without cookie consent…"
https://simonhearne.com/2020/testing-behind-consent/


+07: MISCELLANEOUS.

User Agents
By Jeremey Kieth.
"…if making the leap to understanding users seems too much of a
stretch, there's an intermediate step. Get to know how web browsers
work. As a web developer, if you know what web browsers 'like' and
'dislike', you're well on the way to making great user experiences. If
you understand the pain points for browser when they're parsing and
rendering your code, you've got a pretty good proxy for understanding
the pain points that your users are experiencing."
https://adactio.com/journal/16832

The Web We Want Survey Results
By Stephanie Stimac.
"…To start diving into the various Wants that have been submitted, the
Web We Want team is initially focusing on the 12 winning Wants from
the 6 events that were run last year to start to dig into which of
them are the most important problems or areas we should focus on…"
https://blog.stephaniestimac.com/posts/2020/05/web-we-want-2019-survey-results/


+08: NAVIGATION.

Highlight the User's Current Scope in the Main Navigation (66% of Sites Don't)
By Rebecca Hugo.
"…This article we'll discuss the test findings from our large-scale UX
research relating to the importance of highlighting the user's current
scope within the main navigation as well as…"
https://baymard.com/blog/highlight-users-navigation-scope


+09: USABILITY.

Online Shopping for Food and Groceries During Covid-19: Workflow
Issues Impact the Ecommerce Customer Experience
By Raluca Budiu.
"Allow users to reserve delivery windows before they start shopping;
clearly communicate delivery minimums and fees; allow users to specify
substitutions for low-stock items as they shop."
https://www.nngroup.com/articles/food-shopping-covid19/

The Need for Speed, 23 Years Later (Video)
By Kathryn Whitenton.
In spite of an increase in Internet speed, webpage speeds have not
improved over time.
https://www.nngroup.com/articles/the-need-for-speed/

The Relationship Between User Experience and Branding
By Janet M. Six.
"Our panelists also explore the measurement of brand strategy
utilizing KPIs and UX measurements. Plus, they consider the importance
of consistency in the brand experience. Finally, our experts look at
the impact that all of the touchpoints for a product's or service's
user experience have on the brand experience. "
https://www.uxmatters.com/mt/archives/2020/05/the-relationship-between-user-experience-and-branding.php

How I Redesigned My College's Students Application For a Better User
Experience - A UX Case Study
By Ajinkya Gajbhiye.
"In this case study, I'll be sharing my process that went into the
redesign of IIT Madras' Students App…"
https://uxplanet.org/how-i-redesigned-my-colleges-students-application-for-a-better-user-experience-a-ux-case-study-e0f068c34b3b

What Makes a Virtual Conference Work?
By Jakob Nielsen.
"Most online events are boring and people tune out, and yet the
Virtual UX Conference was a success with strong audience engagement
and high feedback scores. Why?"
https://www.nngroup.com/videos/virtual-conference-experience/

COVID-19 Exposes How Many Unemployment Websites Are Truly Terrible
By Giulia L. Heyward.
"From minor glitches to crashing completely, state government websites
have long struggled to keep up with the rest of the internet…"
https://www.huffpost.com/entry/covid-19-unemployment-websites-terrible_n_5eb5c78fc5b6dea39d55921d


[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.]
Reply all
Reply to author
Forward
0 new messages