Web Design Update: November 25, 2020

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 19, Issue 22, November 25, 2020.

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

++ISSUE 22 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: STANDARDS, GUIDELINES & PATTERNS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Under-Engineered Responsive Tables
By Adrian Roselli.
"…I am just going to show you the bare minimum you need to make a
WCAG-compliant responsive HTML table. I have tested this with users,
along with the version I made that reflows the content, and this one
performs better for all users…"
https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html

3D Model Accessibility
By Scott Vinkle.
"Research, testing, and recommendations for making 3D models on the
web accessible to all…"
https://scottvinkle.me/blogs/work/3d-model-accessibility

10 Tips for Building Accessible Websites and Apps
By Rose Burt.
"As the growing tech world is working to build diversity, equity and
inclusion in its ranks and output, bringing consideration for
accessibility into designs is another important way to contribute to
equal access for all…"
https://technical.ly/baltimore/2020/11/17/web-accessibility-tips/

Don't Overlook Accessibility in E-Learning
By Alex Moore.
"As online learning expands, organizations need to adapt courses for
all learners…"
https://www.td.org/magazines/ctdo-magazine/dont-overlook-accessibility-in-e-learning

5 Things Every Front End Developer Should Know in 2021
By Manuel Matuzović.
"1. Touch and mouse click are not the only input modalities. 2. A div
is not a button. 3. High color contrasts are important. 4. JS is a
potential performance bottleneck. 5. placeholder="" is not a
replacement for <label>."
https://twitter.com/mmatuzo/status/1330778441554288647

The Most Useful Accessibility Testing Tools and Techniques
By Artem Sapegin.
"…This article will be useful not only for developers but also for
designers, project managers, and other team members - many of the
tools could be used directly in the browser and don't require any
technical knowledge."
https://blog.sapegin.me/all/accessibility-testing/


+02: CASCADING STYLE SHEETS.

What's Missing From CSS
By Sacha Greif and Raphaël Benitte.
"As part of our annual CSS survey, we asked respondents what they
thought was missing from CSS…"
https://whatsmissingfromcss.com


+03: EVALUATION & TESTING.

Tips for Conducting Remote UX Research and Testing, Part 2
By Janet M. Six.
"This month in Ask UXmatters, our expert panel provides some
additional valuable tips for conducting effective remote research and
testing…"
https://www.uxmatters.com/mt/archives/2020/11/tips-for-conducting-remote-ux-research-and-testing-part-2.php

Rating Scale Best Practices: 8 Topics Examined
By Jeff Sauro, PhD and Jim Lewis.
"…This article summarizes the eight topics covered in the MeasuringU
webinar we presented in September 2020…"
https://measuringu.com/rating-scale-best-practices-8-topics-examined/


+04: EVENTS.

Accessibility Testing: Tips to Succeed with Alistair Duggin
December 3, 2020.
Online
https://www.eventbrite.co.uk/e/accessibility-testing-tips-to-succeed-tickets-129468558945

Toolkit For Inclusivity in Higher Education with Sheryl Burgstahler
December 3, 2020.
Online
https://go.3playmedia.com/wbnr-12-03-2020-inclusivity

Digital Accessibility for You (DA4You)
December 3, 2020.
Online
https://drive.google.com/file/d/14Bljrdf-oUBpIBnpzTL_0_s-kRIDJJJk/view

BarCamp Philadelphia
December 5, 2020.
Online
https://2020.barcampphilly.org/

Practical First Steps to Achieving Web Accessibility and Reducing
Liability with Jeffrey Singleton
January 14, 2021.
Online
https://go.3playmedia.com/wbnr-01-14-2021-achieving-web-accessibility

Text Accessibility on Mobile Devices: More Than Meets the Eye with Nick Lum
January 28, 2021.
Online
https://go.3playmedia.com/en/wbnr-01-28-2021-text-accessibility

UX Conference February
February 20-26, 2021.
Online
https://www.nngroup.com/training/february/

Advancing Research
March 10-12, 2021.
Online
https://rosenfeldmedia.com/advancing-research-2021/

Association for Computing Machinery (ACM) Special Interest Group on
University and College Computing Services (SIGUCCS) Conference
March 14-17, 2021.
San Diego, California U.S.A.
https://siguccs.org/Conference/2021/

PerfMatters
March 31-April 1, 2021.
Online
https://perfmattersconf.com/


+05: HTML.

HTML Accessibility Learning Ideas from State Employees
By Minnesota IT Services.
"Accessibility Training Resources and Recommendations…"
https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-454016

Standardizing <select> And Beyond: The Past, Present And Future Of
Native HTML Form Controls
By Stephanie Stimac.
"Working with native HTML Form Controls has been such a pain point for
web developers, from styling to extending them, the limitations are so
great that countless dev hours have been spent recreating them. But
why are form controls so difficult to work with?…"
https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/

A Card Pattern
By Erik Kroes.
"The example code uses an <article>. This element is meant for
standalone content that can be re-used by itself. If there is anything
reusable here, it is the entire 'card'. More appropriate is a
<section>…"
https://www.htmhell.dev/23-card-pattern/

HTML Element Test File Index
By Steve Faulkner.
https://thepaciellogroup.github.io/AT-browser-tests/


+06: JAVASCRIPT.

How to Get the Index of an Object in an Array with Vanilla JS
By Chris Ferdinandi.
"The Array.indexOf() method returns the index of the first matching
item in an array (or -1 if it doesn't exist)…"
https://gomakethings.com/how-to-get-the-index-of-an-object-in-an-array-with-vanilla-js/


+07: MISCELLANEOUS.

It's Time to Recognise Internet Access as a Human Right
By Tim Berners-Lee.
At the European Parliament's 'Ideas for a new world' dialogue, Sir Tim
Berners-Lee makes the case for recognising internet access as a human
right and challenges the EU to make a better, safer, more empowering
digital world a reality. Read his remarks in full below…"
https://webfoundation.org/2020/10/its-time-to-recognise-internet-access-as-a-human-right/

We Need to do More About Electronic Waste
By Gerry McGovern.
"…Let's start changing our culture of waste, our culture of
disposability, our culture of convenience. We must think, design and
behave for the future. We must make things that last and make things
last."
https://gerrymcgovern.com/we-need-to-do-more-about-electronic-waste/

The Radium Craze
By Eric Bailey.
"…Technology drives outcomes, but its selection doesn't live in a
vacuum. As technology workers, we have a responsibility to make
careful and deliberate technology choices and not cause undue
immediate or long-term harm. A five page marketing website may not
need a Single Page Application approach. Consider what you're trying
to do, how you're going to do it, and how you treat the people that
help you get there…"
https://ericwbailey.design/writing/the-radium-craze/

What the Web Still Is
By Eric Bailey.
"Being a pessimist is an easy thing to fall back on, and I'm trying to
be better about it. As we close the year out, I thought it would be a
good exercise to take stock of the state of the web and count our
blessings…"
https://css-tricks.com/what-the-web-still-is/

The Core Web Vitals Hype Train
By Katie Sylor-Miller.
"…When talking about Core Web Vitals, we need to make sure that we
keep in mind both the benefits and the tradeoffs inherent in narrowing
our scope to three metrics out of many. Performance cannot be measured
by a single number, or even three numbers, no matter how much easier
our lives would be if it was. Core Web Vitals are an engine that can
help pull us forward, not a fully decked-out passenger train with
sleeping cars and a cafe that will whisk us wherever we need to go…"
https://sylormiller.com/posts/2020/core-web-vitals/

Web We Want Progress Update - November 2020
By Stephanie Stimac.
"…I wanted to provide a brief update on some of the Wants that had
been submitted and their current status…"
https://blog.stephaniestimac.com/posts/2020/11/web-we-want-progress-update/

Everyone Should Have Access to the Web
By Jay Hoffmann.
"The World Wide Web Foundation began as a way to bring the web to
everyone. In these trying times, it is needed more than ever…"
https://thehistoryoftheweb.com/world-wide-web-foundation-and-africa/


+08: STANDARDS, GUIDELINES & PATTERNS.

Know Your Standards
By Steve Faulkner.
"Regularly people link to or quote from some outdated version of a
specification. This can be confusing and detrimental to understanding,
if the information is no longer correct or relevant. Below are listed
some references to Web Standards which should remain relevant and up
to date for the foreseeable future…"
https://html5accessibility.com/stuff/2020/11/24/know-your-standards/


+09: USABILITY.

Debunking the Myth of the Fold
By Robert Goesch.
"…People do scroll, and the way they perceive and interact with a Web
page tells us exactly how to structure that page for an optimal
experience…"
https://www.uxmatters.com/mt/archives/2020/11/debunking-the-myth-of-the-fold.php

Flexibility and Efficiency of Use: The 7th Usability Heuristic Explained
By Page Laubheimer.
"Shortcuts- unseen by the novice user - speed up the interaction for
the expert users such that the system can cater to both inexperienced
and experienced users."
https://www.nngroup.com/articles/flexibility-efficiency-heuristic/

Design Ruts and Functional Fixedness (Video)
By Aurora Harley.
"A common problem during user experience ideation is when design teams
are stuck on a traditional way of thinking about aspects of the
design. Here are some tips for breaking out of such functional
fixedness."
https://www.nngroup.com/videos/design-ruts-and-functional-fixedness/

Error Handling on Mobile Devices: Showing Alerts (Video)
By Raluca Budiu.
" Using a modal dialog to display an error message can cause usability
problems on mobile devices. Error handling must respect human-memory
constraints and remain visible as the user is fixing the problem."
https://www.nngroup.com/videos/mobile-error-handling-alerts/

UI and UX Tips
By Marc Andrew.
"Creating beautiful, but also practical UIs takes time, with a lengthy
amount of design revisions along the way. I know. I've been there
before…"
https://marcandrew.me/ui-ux-tips-collection-vol-one/

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