Web Design Update: June 11, 2020

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 18, Issue 50, June 11, 2020.

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

++ISSUE 50 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: HTML.
07: MISCELLANEOUS.
08: NAVIGATION.
09: PHP.
10: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Optimizing Keyboard Navigation Using tabindex and ARIA
By Sara Soueidan.
"A micro-case study on implementing keyboard-friendlier article
listings for an online publication…"
https://www.sarasoueidan.com/blog/keyboard-friendlier-article-listings/

Legacy Applications and Accessibility
By Taylor Richards.
"…there are a few key ways to test and then remediate those issues, to
make sure that legacy content on your website or application is
accessible…"
https://www.deque.com/blog/legacy-applications-and-accessibility/

Complaint and Jury Trial Demand Against Duke University (PDF)
By Mary Fernandez and the National Federation of the Blind.
"Plaintiffs Mary Fernandez and the National Federation of the Blind,
Inc. ('NFB'), by and through undersigned counsel, file this complaint
against Defendant Duke University ('Duke')for denying the blind equal
access to Duke's programs and activitiesin violation of federal law.
They allege as follows…"
https://mk0browngold1tavotm7.kinstacdn.com/wp-content/uploads/001-Complaint-ACE.pdf

National Federation of the Blind Sues Duke University
By National Federation of the Blind.
Press release: "Duke University systematically discriminates against
blind students and alumni in violation of the Americans with
Disabilities Act and the Rehabilitation Act, according to a lawsuit
filed today. The action, brought by the National Federation of the
Blind and Duke MBA Mary Fernandez, alleges that Duke failed to ensure
that blind students can interact with digital content and platforms
and access course materials-including hard-copy Braille materials and
hard-copy tactile graphics when requested and appropriate-on an equal
basis with students without disabilities…"
https://www.nfb.org/about-us/press-room/national-federation-blind-sues-duke-university


+02: CASCADING STYLE SHEETS.

On Fixed Elements and Backgrounds
By Chen Hui Jing.
"…If you have a fixed element on your page, which means it doesn't
move when you scroll, you might realise that it no longer acts fixed
if you apply a CSS filter on its nearest ancestor…Oh, you're still
here? Okay then, let's talk a bit about how fixed positioning works in
the context of browser rendering. Boxes are always positioned relative
to a containing block…"
https://chenhuijing.com/blog/on-fixed-elements-and-backgrounds/

CSS Grid, Programming Robots, & COVID with Jen Simmons
By Thundernerds.
"In this episode, we get to talk with Jen Simmons: speaker, teacher,
designer and developer advocate for the web…"
https://www.thundernerds.io/2020/05/css-grid-programming-robots-and-covid-w-jen-simmons/

Sass Color Functions in CSS
By Jim Nielsen.
"tldr; define your colors with individual hsl values using CSS
variables, then compose your color declarations using the individual
hsl values while using calc where you want to do the Sass equivalent
of saturate, desaturate, lighten, darken, or adjust-hue…"
https://blog.jim-nielsen.com/2020/sass-color-functions-in-css/


+03: COLOR.

Colorblind Users Push Technology Designers to Use Signals Beyond Colors
By Katie Deighton.
"Simple user interface tweaks make life easier for colorblind people…"
https://www.wsj.com/articles/colorblind-users-push-technology-designers-to-use-signals-beyond-color-11591351201

Colors in UI Design: A Guide for Creating the Perfect UI
By Slava Vaniukov.
"If you have a website or app that you're creating for your company,
then you need to think about user interface design basics. In
particular, you should pay attention to your color choices…"
https://usabilitygeek.com/colors-in-ui-design-a-guide-for-creating-the-perfect-ui/


+04: EVALUATION & TESTING.

Rating Scales in UX Research: Likert or Semantic Differential?
By Maria Rosala.
"Likert and semantic differential are instruments used to determine
attitudes to products, services, and experiences, but depending on
your situation, one may work better than the other."
https://www.nngroup.com/articles/rating-scales/

Usability Testing with Minors (Video)
By Alita Joyce.
"Usability studies with children and teenagers are as valuable as any
other user research, but require special attention to both participant
recruiting and study facilitation. You can't act the same with kids as
you would with adults."
https://www.nngroup.com/videos/usability-testing-minors/

Leading VS. Lagging Measures in UX
By Jeff Sauro and Jim Lewis.
"…When it comes to UX metrics it can be helpful to think of metrics
not as just lagging (dependent) and leading (independent) but as a
causal chain from lagging to leading, with metrics acting in
intermediate steps and as both leads (inputs) and lags (outcomes)…"
https://measuringu.com/leading-vs-lagging/

Confounded Experimental Designs, Part 1: Incomplete Factorial Designs
By Jim Lewis and Jeff Sauro.
"UX research and UX measurement can be seen as an extension of
experimental design. At the heart of experimental design lie
variables…"
https://measuringu.com/confounded-experimental-designs1/


+05: EVENTS.

How Do We Make Things Accessible?
June 16, 2020.
Online
https://www.eventbrite.com/e/how-do-we-make-things-accessible-tickets-107591095864

Multi-Method Accessibility Evaluation and Testing
June 17, 2020.
Online
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/270927494/

Embedding Accessibility in Your Organization
June 25, 2020.
Online
http://knowbility.org/services/training/embedding-accessibility/

Virtual Web Accessibility Training
August 12-13, 2020.
Online
https://webaim.org/training/virtual/

Code://Remote
August 2020 (various dates).
Online
https://www.webdirections.org/code/

Product://Remote
October 2020 (various dates).
Online
https://www.webdirections.org/product/

WordPress Accessibility Day
October 2, 2020.
Online
https://make.wordpress.org/accessibility/2020/05/07/announcing-the-first-wordpress-accessibility-day/

International Day of People with Disability
December 3, 2020.
Everywhere
https://www.idpwd.com.au/


+06: HTML.

Reverse Ordered Lists
By Manuel Matuzovic.
I'm working on a project where I have a list of items in reverse
order. The list starts with the latest item and ends with the oldest.
I wanted to express that both semantically and visually. I did some
research and found interesting solutions, some of them good, others
not so much…"
https://www.matuzo.at/blog/reverse-ordered-lists/


+07: MISCELLANEOUS.

Covid-19 Makes it Clearer Than Ever: Access to the Internet Should be
a Universal Right
By Tim Berners-Lee.
"The internet eased lockdown life for millions. But millions more
still can't get online, and that's fundamentally unfair…"
https://amp.theguardian.com/commentisfree/2020/jun/04/covid-19-internet-universal-right-lockdown-online


+08: NAVIGATION.

The Dangers of Exceptionalism
By Gerry McGovern.
"…in the vast majority of cases, task-based navigation works
infinitely better than audience-based navigation…"
https://gerrymcgovern.com/the-dangers-of-exceptionalism/


+09: PHP.

PHP Marks 25 Years
By Sarah Gooding.
"This week the web is celebrating 25 years since Rasmus Lerdorf
released version 1.0 of his Personal Home Page Tools (PHP Tools)…"
https://wptavern.com/php-marks-25-years


+10: USABILITY.

The Changing Role of the Designer: Practical Human-Centered Design (Video)
By Don Norman.
"Human-centered design has 4 principles: understand the problem, the
people, and the system, and do iterative design. But what if you don't
have time to do all 4 steps?"
https://www.nngroup.com/videos/changing-role-designer-part-1/

UI Copy: Remove vs Delete
By Alex Zlatkus.
"The difference between 'remove' and 'delete,' and how to ensure your
user understands…"
https://uxmag.com/articles/ui-copy-remove-vs-delete


[Section one ends.]


++ SECTION TWO:

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