Web Design Update: June 24, 2020

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 18, Issue 52, June 24, 2020.

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

++ISSUE 52 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.

Challenges with Accessibility Guidelines Conformance and Testing, and
Approaches for Mitigating Them
By Michael Cooper.
"The Working Draft of Challenges with Accessibility Guidelines
Conformance and Testing, and Approaches for Mitigating Them explores
challenges that occur in some settings, such as large, highly dynamic
websites, including those that aggregate significant amounts of
content, when using the page-based conformance of WCAG 2 to verify
conformance of websites and web applications…"
https://www.w3.org/blog/2020/06/accessibility-conformance-challenges-draft/

Inclusive Design for Mobile Devices with WCAG and Attentional
Resources in Mind (PDF)
By Josefin Carlbring.
"An investigation of the sufficiency of the Web Content Accessibility
Guidelines when designing inclusively and the effectsof limited
attentional resources…"
https://www.diva-portal.org/smash/get/diva2:1441358/FULLTEXT01.pdf

Key Considerations for Flowchart Accessibility
By Minnesota IT Services.
"Flowcharts are powerful tools for communicating steps in a process,
or demonstrating organizational structure (org. chart), but the need
to create accessible information remains prevalent in all use cases…"
https://mn.gov/mnit/media/blog/?id=38-436147

Say It With a Face
By Minnesota IT Services.
"Emojis and emoticons can be a great tool for communicating emotions
if you keep your audience in mind, understand accessibility
considerations, and follow our quick checklist…"
https://mn.gov/mnit/media/blog/?id=38-436147

An Intro to Designing Accessible Data Visualizations
By Sarah L. Fossheim.
"Accessibility should always be a focus when designing products, and
the same goes when working with data visualizations and graphs…"
https://fossheim.io/writing/posts/accessible-dataviz-design/

How Not to Deploy a Twitter Feature
By Adrian Roselli.
"Twitter announces a new feature is rolling out for iOS, the ability
to record audio tweets. It demonstrates this with an uncaptioned video
of its Twitter avatar making bird noises…"
https://adrianroselli.com/2020/06/how-not-to-deploy-a-twitter-feature.html

Twitter Just Rolled Out a Feature That's Inaccessible to Disabled Users
By Sarah Katz.
"The company's blunder is symptomatic of broader issues that pervade
social media design and computer science education.
https://slate.com/technology/2020/06/twitter-voice-tweets-accessibility.html


+02: CASCADING STYLE SHEETS.

Using Custom Property 'Stacks' to Tame the Cascade
By Miriam Suzanne.
"…Now, CSS Custom Properties allow us to manage and control both
cascade and inheritance in new ways…"
https://css-tricks.com/using-custom-property-stacks-to-tame-the-cascade/

Evolution of Responsive Design (Video)
By Rachel Andrew.
Rachel's June 9, 2020 Smashing Meets presentation.
https://vimeo.com/427926740


+03: EVALUATION & TESTING.

Remote User Research: The Time Is Now
By Jim Ross.
"The COVID-19 pandemic has made remote user research the only option
for the foreseeable future…"
https://www.uxmatters.com/mt/archives/2020/06/remote-user-research-the-time-is-now.php

Formative Vs Summative : The User Testing Battle
By Jessica Bennett.
"…So which one is more important during the development process? The
only way to know is to compare and understand the differences between
the two kinds of testings. But before that, let's take a look at what
formative and summative testing means…"
https://usabilitygeek.com/formative-vs-summative-the-user-testing-battle/

Embracing Top Tasks at Toyota (Part 1)
By Gerry McGovern.
"…Marketing will pump loads of advertising money into maximizing
traffic to the new app or website. Then it's on to the next project,
the next campaign. This launch-and-leave culture is embedded in most
organizations. It must change."
https://gerrymcgovern.com/embracing-top-tasks-at-toyota-part-1/

3 Persona Types: Lightweight, Qualitative, and Statistical
By Page Laubheimer.
"For most teams, approaching persona creation qualitatively is the
right balance of effort vs. value, but very large or very small
organizations might benefit from statistical or lightweight
approaches, respectively."
https://www.nngroup.com/articles/persona-types/

Sample Size Recommendations for Benchmark Studies
By Jeff Sauro and Jim Lewis.
"…Finding the right sample size for benchmark studies involves
balancing both statistical and logistical considerations…"
https://measuringu.com/benchmark-sample-size/


+04: EVENTS.

Training for Professionals on Applying Accessibility Guidelines
July 1, 2020.
Online
https://accessibilityassociation.formstack.com/forms/zero_project_awards_on_education_and_ict_2020_webinar_series

Accessibility of Forms on the Web
July 14, 2020.
Online
https://www.eventbrite.com/e/workshop-accessibility-of-forms-on-the-web-tickets-108904969696

DigiShift - Website accessibility and UX (user experience)
July 14, 2020.
Online
https://thirdforcenews.org.uk/events/digishift-website-accessibility-and-ux-user-experience

Accessibility for Developers: ARIA and the Accessibility Tree
July 16, 2020.
Online
https://ti.to/abilitynet/Aria-accessibility-tree-repeat

Deep Dive Into WAI-ARIA
July 21, 2020.
Online
https://www.eventbrite.com/e/workshop-deep-dive-into-wai-aria-tickets-108905754042

ADA 30: March and Rally for Disability Rights
July 22, 2020.
Boston, Massachusetts, U.S.A.
https://adata.org/event/ada-30-march-rally-disability-rights

Write Your Own VPAT
August 11, 2020.
Online
https://www.eventbrite.com/e/write-your-own-vpat-tickets-108912586478


+05: HTML.

Always Bet on HTML
By Chris Ferdinandi.
"…if I were going to bet on a web technology, it's HTML…"
https://gomakethings.com/always-bet-on-html/


+06: JAVASCRIPT.

How Arguments Work in JavaScript Functions
By Chris Ferdinandi.
"Today, I wanted to bring it back to basics and talk about something
that sometimes trips people up when they're first learning JavaScript:
function arguments…"
https://gomakethings.com/how-arguments-work-in-javascript-functions/


+07: MISCELLANEOUS.

Disabled in the Faculty Ranks, a Tiresome Tale…
By Stephen Kuusisto.
"…Not so long ago I was called an 'ignoramus' by a fellow faculty
member who was snotty to me and my white cane…Ableism is not only more
pervasive than people generally understand its also more consistent at
universities than is commonly recognized. As for me, I'm an ignorant
man to professor 'p' for that's what I'm calling him. 'P' for
privileged…"
https://stephenkuusisto.com/2020/06/22/disabled-in-the-faculty-ranks-a-tiresome-tale/


+08: NAVIGATION.

How to Check Broken Links on Your Website
By Deborah Edwards-Onoro.
"…Broken links can be a pain to deal with, but once you set a regular
schedule for checking them, they are much easier to manage. Due to
performance, a free web-based tool like the W3C Link Checker or Online
Broken Link Checker is a lot faster than running a tool within your
own site…"
https://www.lireo.com/check-broken-links-on-your-website/

Hyperlink Usability: Guidelines for Usable Links
By Cassandra Naji.
"In the 3 decades since Berners-Lee nominated the link as the
foundational element of web surfing, everything has changed. Is it
time for the hyperlink to change too?"
https://usabilitygeek.com/hyperlink-usability-guidelines-usable-links/


+09: USABILITY.

The Bad Design of Everyday Things
By Siddharth Gulati.
"In this article, I will go through some examples of products with a Bad UX)…"
https://usabilitygeek.com/the-bad-design-of-everyday-things/

Mobile-App Onboarding: An Analysis of Components and Techniques
By Alita Joyce.
"Onboarding is the process of getting users familiar with a new
interface. It can involve one or more of the following components:
feature promotion, customization, and instructions."
https://www.nngroup.com/articles/mobile-app-onboarding/

How UX Changes in the Recession (Video)
By Jakob Nielsen.
"At the Virtual UX Conference, Jakob Nielsen answered audience
questions on how UX changes with the downturn in the world economy and
what new industries will benefit from UX."
https://www.nngroup.com/videos/ux-recession/

Social Media vs Social Features (Video)
By Alita Joyce.
"Build out social features on your own website, or avail yourself of
existing (but external) social media platforms where you don't own the
user experience? User research can help determine which strategy is
best for reaching your specific audience and serving their special
needs."
https://www.nngroup.com/videos/social-media-vs-social-features/

Is Your User Experience Saving the World?
By Amy Arden.
"…More than ever, empathy matters. More than ever, user experiences matter…"
https://www.uxmatters.com/mt/archives/2020/06/is-your-user-experience-saving-the-world.php

Accessibility for UX Designers
By Peter van Grieken.
"This is a starter guide for UX Designers about delivering accessible websites…"
https://accessibility-for-teams.com/accessibility-for-ux-designers


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