+++ 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:lcarlson@d.umn.edu 


[Issue ends.]