+++ WEB DESIGN UPDATE.
- Volume 18, Issue 43, April 23, 2020.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Web Sites as 'Public Accommodation' Under a Pandemic
By Adrian Roselli.
"When an organization receives an accessibility complaint about its web site, a common defense is that there are physical places available for a customer / constituent / user to complete transactions. With a brick-and-mortar available, the web site is simply an added service and so is exempted from Title III of the Americans with Disabilities Act (ADA)…"
https://adrianroselli.com/2020/04/web-sites-as-public-accommodation-under-a-pandemic.html

COVID-19, Digital Transformation and Accessibility
By Mike Gifford.
"…During the pandemic digital accessibility should be of critical importance…"
https://medium.com/openconcept-stories/covid-19-digital-transformation-accessibility-197a7b252deb

A Future Date Day 1 and 2 (Video)
By Matt May and many more accessibility advocates. 
"Track: Building Support for Accessibility…" Includes Digital Accessibility Legal Update by Lainey Feingold and Tim Elder.
https://www.youtube.com/watch?v=HKVFvDxQJMg
and
https://www.youtube.com/watch?v=PHMSJP6WVy0

Accessibility Resources for Challenging Times-a Letter from Lainey Feingold
By Dennis E. Lembree.
"This is a guest post; a slightly modified letter from Lainey Feingold. Thank you Lainey! Dear Web…"
http://www.webaxe.org/accessibility-resources-for-challenging-times-letter-lflegal/

The Accessibility Maze
By Chang School, Greg Gay et al.
"The Chang School at Ryerson University has been building serious games for years as a way to teach through simulation and personal experience. The Accessibility Maze is the latest in its creations. Navigate the catacombs hidden beneath the old library and search out the Accessibility Master, and the accessibility secrets he has to share…"
https://de.ryerson.ca/wa/maze.html

Analyses of Value System through Web Accessibility User Evaluation : For People with Low Vision
By Lim, Jong Duck and Ahn, Jae Kyoung. 
"Current web accessibility checks and automatic assessments have been pointed out that the assessment items and scores are evaluated from the developer's point of view rather than from the user's one. In addition, although most of the grades of an automatic assessment on the public web sites are excellent because they are built in accordance with the web accessibility development guidelines, not a few web sites shows relatively low grades in evaluating their usability test made by those users. Taking into account the inadequacy of these web accessibility assessments, this study has identified the differences between the grades of usability evaluations and automatic evaluations for people with low vision and analyzed the major factors affecting web accessibility usability evaluations using Repertory Grid Techniques…"
https://www.koreascience.or.kr/article/JAKO202010861317134.page

Core Components of an Effective Accessibility Statement
By Karl Groves.
"During one of our recent sales meetings, one of our sales staff informed me that one of his customers had asked us to create an accessibility statement that they could put on their website. So, I wrote this post to document my thoughts along the way…"
https://blog.tenon.io/sample-post

Blind Users Struggle with State Coronavirus Websites
By Adrianne Jeffries.
A Markup survey finds that many state webpages have serious accessibility issues…"
https://themarkup.org/2020/04/21/blind-users-struggle-with-state-coronavirus-websites

 
+02: CASCADING STYLE SHEETS.

Pseudo-Randomly Adding Illustrations with CSS
By Eric A. Meyer.
"I've been incredibly gratified and a bit humbled by the responses to the new design.  So first of all, thank you to everyone who shared their reactions!  I truly appreciate your kindness, and I'd like to repay that kindness a bit by sharing some of the techniques I used to create this design.  Today, let's talk about the ink-study illustrations placed between entries on the site, as well as one other place I'll get to later…"
https://meyerweb.com/eric/thoughts/2020/04/15/pseudo-randomly-adding-illustrations-with-css/

Using CSS to Set Text Inside a Circle
By Kerry Smyth.
"You want to set some text inside the shape of a circle with HTML and CSS? That's crazy talk, right? Not really…"
https://css-tricks.com/using-css-to-set-text-inside-a-circle/

CSS for Internationalisation
By Chen Hui Jing.
"I've come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day…"
https://www.chenhuijing.com/blog/css-for-i18n/

Constrained CSS Grids Without max-width
By Ethan Marcotte.
"Thought I'd share a little layout technique I'm using in this latest version of my site…"
https://ethanmarcotte.com/wrote/css-grid-without-max-width/


+03: COLOR.

Here's What I Didn't Know About 'Color'
By Manuel Matuzovic.
"This is part 2 of my series Here's what I didn't know about in which I try to learn new things about CSS. This time I'm trying to find out what I didn't know about the color property…"
https://www.matuzo.at/blog/heres-what-i-didnt-know-about-color/


+04: EVALUATION & TESTING.

Are Cumulative Graphs Misunderstood?
By Jeff Sauro and Jim Lewis.
"Important decisions should be informed by data. And one of the most common ways of displaying data is by using graphs to better visualize relationships. Graphs can be powerful tools to compactly illustrate patterns. But the type of graph and the visual elements selected can lead to (usually) unintentional misinterpretation.…"
https://measuringu.com/cumulative-graphs/

Workshop Facilitation 101
By Sarah Gibbons. 
"By following a set of simple facilitation principles and using standard tools and activities, anybody can grow into a confident workshop facilitator."
https://www.nngroup.com/articles/workshop-facilitation-101/

Tools for Running Remote UX Workshops
By Therese Fessenden.
"How to maximize team participation and the value of the outcome when running a UX workshop remotely. Different platforms have different benefits and downsides, so choose depending on your circumstances and needs."
https://www.nngroup.com/videos/tools-remote-ux-workshops/


+05: EVENTS.

Featherstone & Friends: Designing & Developing Responsive Pages
April 28, 2020.
Online
https://levelaccess.zoom.us/webinar/register/8015874078977/WN_Ew-MU3j2Sk2G8-lPzKhxGg

It's Always Sunny in Mobile Accessibility
May 5, 2020.
Online
https://www.meetup.com/a11ychi/events/270065041/

All Day Hey Front-end Conference
May 7, 2020.
Online
https://alldayhey.com/

The Basics of Remediating an Inaccessible PDF
May 12, 2020.
Online
https://accessibility.deque.com/the-basics-of-remediating-an-inaccessible-pdf

John Slatin AccessU 2020
May 13-14 and May 19-20, 2020.
Online
https://knowbility.org/programs/accessu/2020/

A11ytalks.org Celebrates GAAD 2020
May 21, 2020.
Online
https://www.digitala11y.com/a11ytalks-org-celebrates-gaad-2020/

Intro to Audio Description
May 21, 2020.
Online
https://go.3playmedia.com/wbn-ad

Web Directions Summit
November 4-5, 2020.
Sydney, Australia
https://www.webdirections.org/wds/

Unmasking Accessibility: Moving Beyond a Band-Aid Solution
November 12, 2020.
Online
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=631

Web Accessibility Conference
November 18, 2020. (New Date)
New Orleans, Louisiana, U.S.A.
http://webaccessibilityconf.com


+06: HTML.

Everything You Need to Know About Designing Accessible Forms
By Jamie O'Leary.
"On the web, forms are the linchpins of ecommerce, social interactions, and most productivity-based applications…"
https://rangle.io/blog/everything-you-need-to-know-about-designing-accessible-forms/

Better Form Inputs for Better Mobile User Experiences
By Alex Holachek.
"Here's one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes…"
https://css-tricks.com/better-form-inputs-for-better-mobile-user-experiences/

Semantic HTML: The Foundation of Web Accessibility
By Misbahu S. Zubair.
"Hypertext Markup Language (HTML) is the standard markup language for the web and the backbone of all web content…"
https://uxdesign.cc/semantic-html-the-foundation-of-web-accessibility-e5bbecad7c17


+07: JAVASCRIPT.

The Cost of Javascript Frameworks
By Tim Kadlec.
"There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript.…"
https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/


+08: MISCELLANEOUS.

How I'm Teaching the Kids Coding for the Web
By Remy Sharp.
"…It's like a person in some ways. The bones are the HTML. Each bone has a name, we call them tags (or elements). Each bone does it's own special thing, like the <p> tag/bone will show some text…"
https://remysharp.com/2020/04/20/how-im-teaching-the-kids-coding-for-the-web


+09: TOOLS.

The Contrast Triangle
By Chip Cullen.
"…a three-way color contrast checker…"
https://contrast-triangle.com/
Related article: "Let's say you're building a site, and you're working with a designer. They come to you with some solid designs, and you're ready to go. You're also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you're working from have some body copy, but you notice that the links inside the body copy are missing underlines. You are now in The Contrast Triangle…"
https://chipcullen.com/the-contrast-triangle/


+10: USABILITY.

The Current State of Checkout UX (18 Common Pitfalls)
By Edward Scott.
"…In this article we'll analyze this dataset to provide you with the current state of e-commerce Checkout UX, and outline 18 common design pitfalls and strategic oversights applicable to most e-commerce sites…"
https://baymard.com/blog/current-state-of-checkout-ux


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


[Issue ends.]