+++ WEB DESIGN UPDATE. – Volume 17, Issue 50, June 6, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 50, June 6, 2019.

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?
Web Design References
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: STANDARDS, GUIDELINES & PATTERNS.
10: TOOLS.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility Lessons (Video)
By Apple.
“Listen to four lightning talks from Apple Accessibility engineers to
learn about how to make your app more inclusive and accessible…”
https://developer.apple.com/videos/play/wwdc2019/201/

Accessibility Cheatsheet
By Moritz Giessmann.
“Practical approaches to Universal Design for making your
website/webapp accessible to everyone…”
https://moritzgiessmann.de/accessibility-cheatsheet/

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
“Accessibility has come a long way over the last few years. It used to
be a niche discipline focused on people with disabilities, but
recently this focus has shifted towards inclusive design and the
understanding that websites and apps need to work for everyone
regardless of disabilities, hardware or software in use, or internet
speed…”
https://www.shopify.com/partners/blog/universal-design

Web Accessibility Among Nonprofits
By Cyndi Rowland.
“…WebAIM has completed 2 rounds of research taking a peek at the
accessibility of homepages in the nonprofit space. In the spirit of
adding to a developing research base, we want to share those findings
here. I will share the most recent (2019) findings, whose methodology
aligned with the WebAIM Million…”
https://webaim.org/blog/web-accessibility-among-nonprofits/

De-Mystifying the ATAG 2.0 Guidelines
By Leonie Watson.
“The Authoring Tool Accessibility Guidelines (ATAG) are a set of
requirements for making authoring tools that are accessible, and
capable of producing accessible content…”

De-mystifying the ATAG 2.0 guidelines

Do You Need an Icon Only Button Without Screwing Up the Accessibility?
By Chris Coyier.
“The first consideration is: do you really? If you can, having text
next to your icons is proven over and over again to be the most
accessible and clearest UX…”

Do you need an ICON ONLY button without screwing up the accessibility?

Fienen’s Totally Tubular Talk Teaching Techniques to Transcribe (Video)
By Michael Fienen.
“Audio transcription poses a unique combination of challenges that
result in a high bar that content creators still struggle to get over.
Despite the availability of steadily improving tools, we still fight
in day-to-day content management to ensure audio content has text
alternatives…”

Status of the Accessibility of Slack
By Marco Zehe.
“This article was last updated in May 2019…”
https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/

+02: CASCADING STYLE SHEETS.

Grid, Content Re-Ordering and Accessibility
By Rachel Andrew.
“I have long been concerned about the potential accessibility problems
that grid layout could cause. These essentially centre around the
concept of disconnecting the source from the visual display…”
https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/

+03: EVALUATION & TESTING.

Auditing Web Content with Web Inspector
By Apple.
“Discover a new way to ensure your web content meets team coding
standards and that you can deliver better code even without reliance
on automated test systems. Find out how to use the Audit tool in Web
Inspector to quickly and easily audit your web content during
development so important compliance details don’t slip by…”
https://developer.apple.com/videos/play/wwdc2019/514/

Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score
By Manuel Matuzovic.
“Google’s built-in testing tool Lighthouse judges the accessibility of
our websites with a score between 0 and 100. It’s laudable to try to
get a high grading, but a score of 100 doesn’t mean that the site is
perfectly accessible. To prove that I carried out a little
experiment…”
https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/

Four Things We Learnt From Facilitating Usability Testing Sessions
With Blind Users
By Vedran Arnautovic.
“Recently two of my colleagues (Todd Moore, Stephanie Moss) and I
tested parts of SEEK’s site with vision impaired users…”
View at Medium.com

The Importance of Replicating Research Findings
By Jeff Sauro.
“…Here are nine examples of claims or methods that we’ve attempted to
replicate. Some we found similar results for, and we failed to
replicate others, but with all we learned something and hope to extend
that knowledge for others to leverage…”

The Importance of Replicating Research Findings

Usability Test Reporting: Spend Less Time, Have More Impact
By Ismaël Sow.
“Let’s see how to gain speed and impact with your usability testing reports…”

Usability Test Reporting: Spend Less Time, Have More Impact

+04: EVENTS.

Using the VPAT in Purchasing Decisions
June 11, 2019.
Online
http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html

Data Visualization: Tips for Making Complex Graphical Content Accessible to All
June 13, 2019.
New York, New York, U.S.A.

Data Visualization: Tips for Making Complex Graphical Content Accessible to All

Thursday, Jun 13, 2019, 7:00 PM

thoughtbot
1384 Broadway 20th Floor New York, NY

87 Members Attending

Data visualization doesn’t have to be visual! Don’t assume that a chart or diagram can’t be made accessible. In this talk, you’ll learn how the brain processes data visualizations, how we can leverage this to work with other senses, and tips and best practices for making complex graphical content available to all. We’ll also offer a direct comparis…

Check out this Meetup →

To Boldly Go Where No Single Page Application (SPA) Has Gone Before…
June 18, 2019.
Chicago, Illinois, U.S.A.

To Boldly Go Where No SPA Has Gone Before…

Tuesday, Jun 18, 2019, 6:00 PM

United Airlines – Digital Delivery Center (HDQGO)
77 W Wacker Dr Chicago, IL

67 Digital Accessibility Enablers Attending

Join us for a talk about single page application (SPA) on Tuesday, June 18th at the United Airlines Digital Delivery Center! Is your single page application (SPA) being sucked into a black hole of inaccessibility? Learn high level concepts, pitfalls, gotchas, and other accessible considerations (ARIA, focus management, and content communication) th…

Check out this Meetup →

Live Stream: https://www.youtube.com/watch?v=0xNZst236jY
Live Captions: http://www.streamtext.net/player?event=CDA

How Slack Approaches Accessibility Testing
August 1, 2019.
Online
https://go.3playmedia.com/wbn-08-01-2019-slack

Midwest UX
October 10-12, 2019.
Grand Rapids, Michigan, U.S.A.
http://2019.midwestuxconference.com/

Inclusive Design 24 (#id24)
October 10, 2019.
Online
https://inclusivedesign24.org/

HighEdWeb
October 13-16, 2019.
Milwaukee, Wisconsin, U.S.A.

HighEdWeb 2019 in Milwaukee | #heweb19

EDUCAUSE Annual Conference
October 14-17, 2019.
Chicago, Illinois, U.S.A.
https://events.educause.edu/annual-conference/2019

+05: HTML.

Reducing Motion with the Picture Element
By Brad Frost.
“…This technique would definitely be helpful for posts with embedded
animated GIFs in it. Authors would have to grab a static frame of a
GIF as a fallback, so there’s a bit of extra work involved, but the
technical execution is pretty dang straightforward…”

Reducing motion with the picture element

+06: JAVASCRIPT.

WAI-ARIA Menus, and Why You Should Handle Them with Great Care
By Macro Zehe.
“The WAI-ARIA standard defines a number of related menu roles.
However, before using them, please give great consideration to the
implications…”
https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/

Implementing Private Variables In JavaScript
By Khari McMillian.
“JavaScript (or ECMAScript) is the programming language that powers the web…”

Implementing Private Variables In JavaScript

+07: MISCELLANEOUS.

Daily Ethical Design
By Lennart Overkamp.
“There’s no shortage of content, manifestos, and opinions these days
on how design can be evil. But if they’ve left you feeling more
frustrated than empowered, wishing for practical, real-world ways to
enact change in your work, we hear you. In this piece, Lennart
Overkamp lays out a practice-based approach to daily ethical design.
You might be surprised to find out how much you can already do.”

Daily Ethical Design

Cake or Death: AMP and the Worrying Power Dynamics of the Web
By Andrew Betts.
“…the news industry is in the midst of a full blown disaster, society
around the world is being starved of intelligent thought and the
results are horrifying. AMP is partly responsible for this, and if
there’s a bug to be fixed, it is the people who invented it and still
think it’s a good idea…”
https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web
By Sarah Gooding.
“Tantek Çelik, Web Standards Lead at Mozilla and co-founder of
IndieWebCamp, delivered an inspirational talk titled ‘Take Back Your
Web’ at the most recent beyond tellerrand conference in Düsseldorf,
Germany…”

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web

Before Netscape: The Forgotten Web Browsers of the Early 1990s
By Matthew Lasar.
“From the archives: Does anybody remember Erwise? Viola? Cello? Let’s
reminisce…”
https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/

Your Company’s Slack is Probably Sexist
By Leah Fessler.
“Slack is the bane and the lifeblood of my workplace communication…”
https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/

+08: NAVIGATION.

Skip Links Design Showcase
By Christopher Schmitt.
“…To help with design inspiration, here are a handful of sites
utilizing Skip Links that work well with their site’s brand…”
https://knowbility.org/blog/2019/skip-links-gallery/

+09: STANDARDS, GUIDELINES & PATTERNS.

W3C TAG Ethical Web Principles
By Daniel Appelquist and Hadley Beeman, Editors.
“The web should be a platform that helps people and provides a net
positive social benefit. As we continue to evolve the web platform, we
must therefore consider the ethical consequences of our work. The
following document sets out ethical principles that will drive the
TAG’s continuing work in this direction…”
https://www.w3.org/2001/tag/doc/ethical-web-principles/

Why Did We Need Another Accessibility Standard? – the Birth of ISO 30071-1
By Jonathan Hassell.
“…I’m delighted that the resulting Standard – ISO 30071-1 – has been
published this week…I believe this is a great step forwards in
promoting inclusive design and accessibility globally…”

Why did we need another accessibility standard? – the birth of ISO 30071-1

+10: TOOLS.

39 Accessibility Bookmarklets You Can Use For A11Y Testing
By Raghavendra Satish Peri.
“These nifty accessibility bookmarklets perform various accessibility
audit functions & will come in handy during an accessibility
automation evaluation. They can also be deployed on mobile browsers to
test responsive design…”

39 Accessibility Bookmarklets You Can Use For A11Y Testing

Togglific
By Scott Vinkle.
“Toggle web animations on or off; for people with vestibular
disorders, who are prone to motion sickness, or who find animations
distracting…”
https://github.com/svinkle/togglific

Enterprise Accessibility Tools Roundup
By Raghavendra Satish Peri.
“A curated list of Enterprise accessibility tools that will enable
automation of web accessibility testing across the website, generate
reports , create visual dashboards & help in optimizing overall
accessibility progress across the organization.”

Enterprise Accessibility Tools Roundup

+11: USABILITY.

UX Dark Patterns: Manipulinks and Confirmshaming
By Erin Schroeder.
“…These subscriber retention practices are known as a negative
opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark
patterns are mysterious, veiled attempts to inspire conversions by
tricking web visitors and prospective customers into an action they
didn’t intend…”

UX Dark Patterns: Manipulinks and Confirmshaming

Creepiness-Convenience Tradeoff
By Kate Moran and Kim Flaherty.
“As people consider whether to use the new “creepy” technologies, they
do a type of cost-benefit analysis weighing the loss of privacy
against the benefits they will receive in return.”
https://www.nngroup.com/articles/creepiness/

Talking to Computers (part 1): Why is Speech Recognition so Difficult?
By Philip Hodgson.
“Although the performance of today’s speech recognition systems is
impressive, the experience for many is still one of errors,
corrections, frustration and abandoning speech in favour of
alternative interaction methods. We take a closer look at speech and
find out why speech recognition is so difficult.”
https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html

Why You Should Use a Grid for Designing Layouts (Video)
By Therese Fessenden.
“Grids are a great framework to help designers quickly put together a
clean, well-aligned interface, and help users to easily scan, read,
and use those interfaces.”
https://www.nngroup.com/videos/grid-layouts/

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
Web Design References: Accessibility

Association Information.
Web Design References: Associations

Book Listings.
Web Design References: Books

Cascading Style Sheets Information.
Web Design References: Cascading Style Sheets

Color Information.
Web Design References: Color

Drupal Information.
Web Design References: Drupal

Evaluation & Testing Information.
Web Design References: Evaluation and Testing

Event Information.
Web Design References: Events

HTML Information.
Web Design References: HTML

Information Architecture Information.
Web Design References: Information Architecture

JavaScript Information.
Web Design References: JavaScript

Miscellaneous Web Information.
Web Design References: Miscellaneous

Navigation Information.
Web Design References: Navigation & Labeling

PHP Information.
Web Design References: PHP

Sites & Blogs Listing.
Web Design References: Sites & Blogs

Standards, Guidelines & Pattern Information.
Web Design References: Standards, Guidelines, and Patterns

Tool Information.
Web Design References: Tools

Typography Information.
Web Design References: Typography

Usability Information.
Web Design References: Usability

XML Information.
Web Design References: Usability

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
Web Design References: Webdev Newsletter
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:
Text Email Newsletter (TEN) Standard

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

Text Email Newsletter (TEN) Standard

The Text Email Newsletter (TEN) Standard is a set of guidelines designed to ease navigation of plain text email …

Web Design References: Webdev Newsletter

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Typography

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Tools

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Standards, Guidelines, and Patterns

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Sites & Blogs

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: PHP

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Navigation & Labeling

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Miscellaneous

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: JavaScript

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Information Architecture

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: HTML

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Events

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Evaluation and Testing

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Drupal

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Color

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Cascading Style Sheets

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Books

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Associations

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Accessibility

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Text Email Newsletter (TEN) Standard

The Text Email Newsletter (TEN) Standard is a set of guidelines designed to ease navigation of plain text email …

Web Design References: Webdev Newsletter

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Typography

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Tools

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Standards, Guidelines, and Patterns

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Sites & Blogs

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: PHP

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Navigation & Labeling

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Miscellaneous

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: JavaScript

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Information Architecture

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: HTML

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Events

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Evaluation and Testing

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Drupal

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Color

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Cascading Style Sheets

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Books

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Associations

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Accessibility

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Reply
Like
More
David P. Dillard
8:12am #3829

lcarlson
Jun 5
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 50, June 6, 2019.

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?
Web Design References
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: STANDARDS, GUIDELINES & PATTERNS.
10: TOOLS.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility Lessons (Video)
By Apple.
“Listen to four lightning talks from Apple Accessibility engineers to
learn about how to make your app more inclusive and accessible…”
https://developer.apple.com/videos/play/wwdc2019/201/

Accessibility Cheatsheet
By Moritz Giessmann.
“Practical approaches to Universal Design for making your
website/webapp accessible to everyone…”
https://moritzgiessmann.de/accessibility-cheatsheet/

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
“Accessibility has come a long way over the last few years. It used to
be a niche discipline focused on people with disabilities, but
recently this focus has shifted towards inclusive design and the
understanding that websites and apps need to work for everyone
regardless of disabilities, hardware or software in use, or internet
speed…”
https://www.shopify.com/partners/blog/universal-design

Web Accessibility Among Nonprofits
By Cyndi Rowland.
“…WebAIM has completed 2 rounds of research taking a peek at the
accessibility of homepages in the nonprofit space. In the spirit of
adding to a developing research base, we want to share those findings
here. I will share the most recent (2019) findings, whose methodology
aligned with the WebAIM Million…”
https://webaim.org/blog/web-accessibility-among-nonprofits/

De-Mystifying the ATAG 2.0 Guidelines
By Leonie Watson.
“The Authoring Tool Accessibility Guidelines (ATAG) are a set of
requirements for making authoring tools that are accessible, and
capable of producing accessible content…”

De-mystifying the ATAG 2.0 guidelines

Do You Need an Icon Only Button Without Screwing Up the Accessibility?
By Chris Coyier.
“The first consideration is: do you really? If you can, having text
next to your icons is proven over and over again to be the most
accessible and clearest UX…”

Do you need an ICON ONLY button without screwing up the accessibility?

Fienen’s Totally Tubular Talk Teaching Techniques to Transcribe (Video)
By Michael Fienen.
“Audio transcription poses a unique combination of challenges that
result in a high bar that content creators still struggle to get over.
Despite the availability of steadily improving tools, we still fight
in day-to-day content management to ensure audio content has text
alternatives…”

Status of the Accessibility of Slack
By Marco Zehe.
“This article was last updated in May 2019…”
https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/

+02: CASCADING STYLE SHEETS.

Grid, Content Re-Ordering and Accessibility
By Rachel Andrew.
“I have long been concerned about the potential accessibility problems
that grid layout could cause. These essentially centre around the
concept of disconnecting the source from the visual display…”
https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/

+03: EVALUATION & TESTING.

Auditing Web Content with Web Inspector
By Apple.
“Discover a new way to ensure your web content meets team coding
standards and that you can deliver better code even without reliance
on automated test systems. Find out how to use the Audit tool in Web
Inspector to quickly and easily audit your web content during
development so important compliance details don’t slip by…”
https://developer.apple.com/videos/play/wwdc2019/514/

Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score
By Manuel Matuzovic.
“Google’s built-in testing tool Lighthouse judges the accessibility of
our websites with a score between 0 and 100. It’s laudable to try to
get a high grading, but a score of 100 doesn’t mean that the site is
perfectly accessible. To prove that I carried out a little
experiment…”
https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/

Four Things We Learnt From Facilitating Usability Testing Sessions
With Blind Users
By Vedran Arnautovic.
“Recently two of my colleagues (Todd Moore, Stephanie Moss) and I
tested parts of SEEK’s site with vision impaired users…”
View at Medium.com

The Importance of Replicating Research Findings
By Jeff Sauro.
“…Here are nine examples of claims or methods that we’ve attempted to
replicate. Some we found similar results for, and we failed to
replicate others, but with all we learned something and hope to extend
that knowledge for others to leverage…”

The Importance of Replicating Research Findings

Usability Test Reporting: Spend Less Time, Have More Impact
By Ismaël Sow.
“Let’s see how to gain speed and impact with your usability testing reports…”

Usability Test Reporting: Spend Less Time, Have More Impact

+04: EVENTS.

Using the VPAT in Purchasing Decisions
June 11, 2019.
Online
http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html

Data Visualization: Tips for Making Complex Graphical Content Accessible to All
June 13, 2019.
New York, New York, U.S.A.

Data Visualization: Tips for Making Complex Graphical Content Accessible to All

Thursday, Jun 13, 2019, 7:00 PM

thoughtbot
1384 Broadway 20th Floor New York, NY

87 Members Attending

Data visualization doesn’t have to be visual! Don’t assume that a chart or diagram can’t be made accessible. In this talk, you’ll learn how the brain processes data visualizations, how we can leverage this to work with other senses, and tips and best practices for making complex graphical content available to all. We’ll also offer a direct comparis…

Check out this Meetup →

To Boldly Go Where No Single Page Application (SPA) Has Gone Before…
June 18, 2019.
Chicago, Illinois, U.S.A.

To Boldly Go Where No SPA Has Gone Before…

Tuesday, Jun 18, 2019, 6:00 PM

United Airlines – Digital Delivery Center (HDQGO)
77 W Wacker Dr Chicago, IL

67 Digital Accessibility Enablers Attending

Join us for a talk about single page application (SPA) on Tuesday, June 18th at the United Airlines Digital Delivery Center! Is your single page application (SPA) being sucked into a black hole of inaccessibility? Learn high level concepts, pitfalls, gotchas, and other accessible considerations (ARIA, focus management, and content communication) th…

Check out this Meetup →

Live Stream: https://www.youtube.com/watch?v=0xNZst236jY
Live Captions: http://www.streamtext.net/player?event=CDA

How Slack Approaches Accessibility Testing
August 1, 2019.
Online
https://go.3playmedia.com/wbn-08-01-2019-slack

Midwest UX
October 10-12, 2019.
Grand Rapids, Michigan, U.S.A.
http://2019.midwestuxconference.com/

Inclusive Design 24 (#id24)
October 10, 2019.
Online
https://inclusivedesign24.org/

HighEdWeb
October 13-16, 2019.
Milwaukee, Wisconsin, U.S.A.

HighEdWeb 2019 in Milwaukee | #heweb19

EDUCAUSE Annual Conference
October 14-17, 2019.
Chicago, Illinois, U.S.A.
https://events.educause.edu/annual-conference/2019

+05: HTML.

Reducing Motion with the Picture Element
By Brad Frost.
“…This technique would definitely be helpful for posts with embedded
animated GIFs in it. Authors would have to grab a static frame of a
GIF as a fallback, so there’s a bit of extra work involved, but the
technical execution is pretty dang straightforward…”

Reducing motion with the picture element

+06: JAVASCRIPT.

WAI-ARIA Menus, and Why You Should Handle Them with Great Care
By Macro Zehe.
“The WAI-ARIA standard defines a number of related menu roles.
However, before using them, please give great consideration to the
implications…”
https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/

Implementing Private Variables In JavaScript
By Khari McMillian.
“JavaScript (or ECMAScript) is the programming language that powers the web…”

Implementing Private Variables In JavaScript

+07: MISCELLANEOUS.

Daily Ethical Design
By Lennart Overkamp.
“There’s no shortage of content, manifestos, and opinions these days
on how design can be evil. But if they’ve left you feeling more
frustrated than empowered, wishing for practical, real-world ways to
enact change in your work, we hear you. In this piece, Lennart
Overkamp lays out a practice-based approach to daily ethical design.
You might be surprised to find out how much you can already do.”

Daily Ethical Design

Cake or Death: AMP and the Worrying Power Dynamics of the Web
By Andrew Betts.
“…the news industry is in the midst of a full blown disaster, society
around the world is being starved of intelligent thought and the
results are horrifying. AMP is partly responsible for this, and if
there’s a bug to be fixed, it is the people who invented it and still
think it’s a good idea…”
https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web
By Sarah Gooding.
“Tantek Çelik, Web Standards Lead at Mozilla and co-founder of
IndieWebCamp, delivered an inspirational talk titled ‘Take Back Your
Web’ at the most recent beyond tellerrand conference in Düsseldorf,
Germany…”

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web

Before Netscape: The Forgotten Web Browsers of the Early 1990s
By Matthew Lasar.
“From the archives: Does anybody remember Erwise? Viola? Cello? Let’s
reminisce…”
https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/

Your Company’s Slack is Probably Sexist
By Leah Fessler.
“Slack is the bane and the lifeblood of my workplace communication…”
https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/

+08: NAVIGATION.

Skip Links Design Showcase
By Christopher Schmitt.
“…To help with design inspiration, here are a handful of sites
utilizing Skip Links that work well with their site’s brand…”
https://knowbility.org/blog/2019/skip-links-gallery/

+09: STANDARDS, GUIDELINES & PATTERNS.

W3C TAG Ethical Web Principles
By Daniel Appelquist and Hadley Beeman, Editors.
“The web should be a platform that helps people and provides a net
positive social benefit. As we continue to evolve the web platform, we
must therefore consider the ethical consequences of our work. The
following document sets out ethical principles that will drive the
TAG’s continuing work in this direction…”
https://www.w3.org/2001/tag/doc/ethical-web-principles/

Why Did We Need Another Accessibility Standard? – the Birth of ISO 30071-1
By Jonathan Hassell.
“…I’m delighted that the resulting Standard – ISO 30071-1 – has been
published this week…I believe this is a great step forwards in
promoting inclusive design and accessibility globally…”

Why did we need another accessibility standard? – the birth of ISO 30071-1

+10: TOOLS.

39 Accessibility Bookmarklets You Can Use For A11Y Testing
By Raghavendra Satish Peri.
“These nifty accessibility bookmarklets perform various accessibility
audit functions & will come in handy during an accessibility
automation evaluation. They can also be deployed on mobile browsers to
test responsive design…”

39 Accessibility Bookmarklets You Can Use For A11Y Testing

Togglific
By Scott Vinkle.
“Toggle web animations on or off; for people with vestibular
disorders, who are prone to motion sickness, or who find animations
distracting…”
https://github.com/svinkle/togglific

Enterprise Accessibility Tools Roundup
By Raghavendra Satish Peri.
“A curated list of Enterprise accessibility tools that will enable
automation of web accessibility testing across the website, generate
reports , create visual dashboards & help in optimizing overall
accessibility progress across the organization.”

Enterprise Accessibility Tools Roundup

+11: USABILITY.

UX Dark Patterns: Manipulinks and Confirmshaming
By Erin Schroeder.
“…These subscriber retention practices are known as a negative
opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark
patterns are mysterious, veiled attempts to inspire conversions by
tricking web visitors and prospective customers into an action they
didn’t intend…”

UX Dark Patterns: Manipulinks and Confirmshaming

Creepiness-Convenience Tradeoff
By Kate Moran and Kim Flaherty.
“As people consider whether to use the new “creepy” technologies, they
do a type of cost-benefit analysis weighing the loss of privacy
against the benefits they will receive in return.”
https://www.nngroup.com/articles/creepiness/

Talking to Computers (part 1): Why is Speech Recognition so Difficult?
By Philip Hodgson.
“Although the performance of today’s speech recognition systems is
impressive, the experience for many is still one of errors,
corrections, frustration and abandoning speech in favour of
alternative interaction methods. We take a closer look at speech and
find out why speech recognition is so difficult.”
https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html

Why You Should Use a Grid for Designing Layouts (Video)
By Therese Fessenden.
“Grids are a great framework to help designers quickly put together a
clean, well-aligned interface, and help users to easily scan, read,
and use those interfaces.”
https://www.nngroup.com/videos/grid-layouts/

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
Web Design References: Accessibility

Association Information.
Web Design References: Associations

Book Listings.
Web Design References: Books

Cascading Style Sheets Information.
Web Design References: Cascading Style Sheets

Color Information.
Web Design References: Color

Drupal Information.
Web Design References: Drupal

Evaluation & Testing Information.
Web Design References: Evaluation and Testing

Event Information.
Web Design References: Events

HTML Information.
Web Design References: HTML

Information Architecture Information.
Web Design References: Information Architecture

JavaScript Information.
Web Design References: JavaScript

Miscellaneous Web Information.
Web Design References: Miscellaneous

Navigation Information.
Web Design References: Navigation & Labeling

PHP Information.
Web Design References: PHP

Sites & Blogs Listing.
Web Design References: Sites & Blogs

Standards, Guidelines & Pattern Information.
Web Design References: Standards, Guidelines, and Patterns

Tool Information.
Web Design References: Tools

Typography Information.
Web Design References: Typography

Usability Information.
Web Design References: Usability

XML Information.
Web Design References: Usability

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
Web Design References: Webdev Newsletter
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:
Text Email Newsletter (TEN) Standard

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

Text Email Newsletter (TEN) Standard

The Text Email Newsletter (TEN) Standard is a set of guidelines designed to ease navigation of plain text email …

Web Design References: Webdev Newsletter

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Typography

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Tools

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Standards, Guidelines, and Patterns

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Sites & Blogs

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: PHP

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Navigation & Labeling

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Miscellaneous

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: JavaScript

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Information Architecture

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: HTML

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Events

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Evaluation and Testing

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Drupal

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Color

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Cascading Style Sheets

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Books

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Associations

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Accessibility

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Text Email Newsletter (TEN) Standard

The Text Email Newsletter (TEN) Standard is a set of guidelines designed to ease navigation of plain text email …

Web Design References: Webdev Newsletter

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Typography

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Tools

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Standards, Guidelines, and Patterns

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Sites & Blogs

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: PHP

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Navigation & Labeling

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Miscellaneous

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: JavaScript

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Information Architecture

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: HTML

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Events

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Evaluation and Testing

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Drupal

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Color

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Cascading Style Sheets

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Books

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Associations

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Accessibility

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Reply
Like
More
David P. Dillard
7:48am #3828

lcarlson
Jun 5
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 50, June 6, 2019.

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?
Web Design References
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: STANDARDS, GUIDELINES & PATTERNS.
10: TOOLS.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility Lessons (Video)
By Apple.
“Listen to four lightning talks from Apple Accessibility engineers to
learn about how to make your app more inclusive and accessible…”
https://developer.apple.com/videos/play/wwdc2019/201/

Accessibility Cheatsheet
By Moritz Giessmann.
“Practical approaches to Universal Design for making your
website/webapp accessible to everyone…”
https://moritzgiessmann.de/accessibility-cheatsheet/

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
“Accessibility has come a long way over the last few years. It used to
be a niche discipline focused on people with disabilities, but
recently this focus has shifted towards inclusive design and the
understanding that websites and apps need to work for everyone
regardless of disabilities, hardware or software in use, or internet
speed…”
https://www.shopify.com/partners/blog/universal-design

Web Accessibility Among Nonprofits
By Cyndi Rowland.
“…WebAIM has completed 2 rounds of research taking a peek at the
accessibility of homepages in the nonprofit space. In the spirit of
adding to a developing research base, we want to share those findings
here. I will share the most recent (2019) findings, whose methodology
aligned with the WebAIM Million…”
https://webaim.org/blog/web-accessibility-among-nonprofits/

De-Mystifying the ATAG 2.0 Guidelines
By Leonie Watson.
“The Authoring Tool Accessibility Guidelines (ATAG) are a set of
requirements for making authoring tools that are accessible, and
capable of producing accessible content…”

De-mystifying the ATAG 2.0 guidelines

Do You Need an Icon Only Button Without Screwing Up the Accessibility?
By Chris Coyier.
“The first consideration is: do you really? If you can, having text
next to your icons is proven over and over again to be the most
accessible and clearest UX…”

Do you need an ICON ONLY button without screwing up the accessibility?

Fienen’s Totally Tubular Talk Teaching Techniques to Transcribe (Video)
By Michael Fienen.
“Audio transcription poses a unique combination of challenges that
result in a high bar that content creators still struggle to get over.
Despite the availability of steadily improving tools, we still fight
in day-to-day content management to ensure audio content has text
alternatives…”

Status of the Accessibility of Slack
By Marco Zehe.
“This article was last updated in May 2019…”
https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/

+02: CASCADING STYLE SHEETS.

Grid, Content Re-Ordering and Accessibility
By Rachel Andrew.
“I have long been concerned about the potential accessibility problems
that grid layout could cause. These essentially centre around the
concept of disconnecting the source from the visual display…”
https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/

+03: EVALUATION & TESTING.

Auditing Web Content with Web Inspector
By Apple.
“Discover a new way to ensure your web content meets team coding
standards and that you can deliver better code even without reliance
on automated test systems. Find out how to use the Audit tool in Web
Inspector to quickly and easily audit your web content during
development so important compliance details don’t slip by…”
https://developer.apple.com/videos/play/wwdc2019/514/

Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score
By Manuel Matuzovic.
“Google’s built-in testing tool Lighthouse judges the accessibility of
our websites with a score between 0 and 100. It’s laudable to try to
get a high grading, but a score of 100 doesn’t mean that the site is
perfectly accessible. To prove that I carried out a little
experiment…”
https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/

Four Things We Learnt From Facilitating Usability Testing Sessions
With Blind Users
By Vedran Arnautovic.
“Recently two of my colleagues (Todd Moore, Stephanie Moss) and I
tested parts of SEEK’s site with vision impaired users…”
View at Medium.com

The Importance of Replicating Research Findings
By Jeff Sauro.
“…Here are nine examples of claims or methods that we’ve attempted to
replicate. Some we found similar results for, and we failed to
replicate others, but with all we learned something and hope to extend
that knowledge for others to leverage…”

The Importance of Replicating Research Findings

Usability Test Reporting: Spend Less Time, Have More Impact
By Ismaël Sow.
“Let’s see how to gain speed and impact with your usability testing reports…”

Usability Test Reporting: Spend Less Time, Have More Impact

+04: EVENTS.

Using the VPAT in Purchasing Decisions
June 11, 2019.
Online
http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html

Data Visualization: Tips for Making Complex Graphical Content Accessible to All
June 13, 2019.
New York, New York, U.S.A.

Data Visualization: Tips for Making Complex Graphical Content Accessible to All

Thursday, Jun 13, 2019, 7:00 PM

thoughtbot
1384 Broadway 20th Floor New York, NY

87 Members Attending

Data visualization doesn’t have to be visual! Don’t assume that a chart or diagram can’t be made accessible. In this talk, you’ll learn how the brain processes data visualizations, how we can leverage this to work with other senses, and tips and best practices for making complex graphical content available to all. We’ll also offer a direct comparis…

Check out this Meetup →

To Boldly Go Where No Single Page Application (SPA) Has Gone Before…
June 18, 2019.
Chicago, Illinois, U.S.A.

To Boldly Go Where No SPA Has Gone Before…

Tuesday, Jun 18, 2019, 6:00 PM

United Airlines – Digital Delivery Center (HDQGO)
77 W Wacker Dr Chicago, IL

67 Digital Accessibility Enablers Attending

Join us for a talk about single page application (SPA) on Tuesday, June 18th at the United Airlines Digital Delivery Center! Is your single page application (SPA) being sucked into a black hole of inaccessibility? Learn high level concepts, pitfalls, gotchas, and other accessible considerations (ARIA, focus management, and content communication) th…

Check out this Meetup →

Live Stream: https://www.youtube.com/watch?v=0xNZst236jY
Live Captions: http://www.streamtext.net/player?event=CDA

How Slack Approaches Accessibility Testing
August 1, 2019.
Online
https://go.3playmedia.com/wbn-08-01-2019-slack

Midwest UX
October 10-12, 2019.
Grand Rapids, Michigan, U.S.A.
http://2019.midwestuxconference.com/

Inclusive Design 24 (#id24)
October 10, 2019.
Online
https://inclusivedesign24.org/

HighEdWeb
October 13-16, 2019.
Milwaukee, Wisconsin, U.S.A.

HighEdWeb 2019 in Milwaukee | #heweb19

EDUCAUSE Annual Conference
October 14-17, 2019.
Chicago, Illinois, U.S.A.
https://events.educause.edu/annual-conference/2019

+05: HTML.

Reducing Motion with the Picture Element
By Brad Frost.
“…This technique would definitely be helpful for posts with embedded
animated GIFs in it. Authors would have to grab a static frame of a
GIF as a fallback, so there’s a bit of extra work involved, but the
technical execution is pretty dang straightforward…”

Reducing motion with the picture element

+06: JAVASCRIPT.

WAI-ARIA Menus, and Why You Should Handle Them with Great Care
By Macro Zehe.
“The WAI-ARIA standard defines a number of related menu roles.
However, before using them, please give great consideration to the
implications…”
https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/

Implementing Private Variables In JavaScript
By Khari McMillian.
“JavaScript (or ECMAScript) is the programming language that powers the web…”

Implementing Private Variables In JavaScript

+07: MISCELLANEOUS.

Daily Ethical Design
By Lennart Overkamp.
“There’s no shortage of content, manifestos, and opinions these days
on how design can be evil. But if they’ve left you feeling more
frustrated than empowered, wishing for practical, real-world ways to
enact change in your work, we hear you. In this piece, Lennart
Overkamp lays out a practice-based approach to daily ethical design.
You might be surprised to find out how much you can already do.”

Daily Ethical Design

Cake or Death: AMP and the Worrying Power Dynamics of the Web
By Andrew Betts.
“…the news industry is in the midst of a full blown disaster, society
around the world is being starved of intelligent thought and the
results are horrifying. AMP is partly responsible for this, and if
there’s a bug to be fixed, it is the people who invented it and still
think it’s a good idea…”
https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web
By Sarah Gooding.
“Tantek Çelik, Web Standards Lead at Mozilla and co-founder of
IndieWebCamp, delivered an inspirational talk titled ‘Take Back Your
Web’ at the most recent beyond tellerrand conference in Düsseldorf,
Germany…”

Take Back Your Web: Tantek Çelik’s Call to Action to Join the Independent Web

Before Netscape: The Forgotten Web Browsers of the Early 1990s
By Matthew Lasar.
“From the archives: Does anybody remember Erwise? Viola? Cello? Let’s
reminisce…”
https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/

Your Company’s Slack is Probably Sexist
By Leah Fessler.
“Slack is the bane and the lifeblood of my workplace communication…”
https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/

+08: NAVIGATION.

Skip Links Design Showcase
By Christopher Schmitt.
“…To help with design inspiration, here are a handful of sites
utilizing Skip Links that work well with their site’s brand…”
https://knowbility.org/blog/2019/skip-links-gallery/

+09: STANDARDS, GUIDELINES & PATTERNS.

W3C TAG Ethical Web Principles
By Daniel Appelquist and Hadley Beeman, Editors.
“The web should be a platform that helps people and provides a net
positive social benefit. As we continue to evolve the web platform, we
must therefore consider the ethical consequences of our work. The
following document sets out ethical principles that will drive the
TAG’s continuing work in this direction…”
https://www.w3.org/2001/tag/doc/ethical-web-principles/

Why Did We Need Another Accessibility Standard? – the Birth of ISO 30071-1
By Jonathan Hassell.
“…I’m delighted that the resulting Standard – ISO 30071-1 – has been
published this week…I believe this is a great step forwards in
promoting inclusive design and accessibility globally…”

Why did we need another accessibility standard? – the birth of ISO 30071-1

+10: TOOLS.

39 Accessibility Bookmarklets You Can Use For A11Y Testing
By Raghavendra Satish Peri.
“These nifty accessibility bookmarklets perform various accessibility
audit functions & will come in handy during an accessibility
automation evaluation. They can also be deployed on mobile browsers to
test responsive design…”

39 Accessibility Bookmarklets You Can Use For A11Y Testing

Togglific
By Scott Vinkle.
“Toggle web animations on or off; for people with vestibular
disorders, who are prone to motion sickness, or who find animations
distracting…”
https://github.com/svinkle/togglific

Enterprise Accessibility Tools Roundup
By Raghavendra Satish Peri.
“A curated list of Enterprise accessibility tools that will enable
automation of web accessibility testing across the website, generate
reports , create visual dashboards & help in optimizing overall
accessibility progress across the organization.”

Enterprise Accessibility Tools Roundup

+11: USABILITY.

UX Dark Patterns: Manipulinks and Confirmshaming
By Erin Schroeder.
“…These subscriber retention practices are known as a negative
opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark
patterns are mysterious, veiled attempts to inspire conversions by
tricking web visitors and prospective customers into an action they
didn’t intend…”

UX Dark Patterns: Manipulinks and Confirmshaming

Creepiness-Convenience Tradeoff
By Kate Moran and Kim Flaherty.
“As people consider whether to use the new “creepy” technologies, they
do a type of cost-benefit analysis weighing the loss of privacy
against the benefits they will receive in return.”
https://www.nngroup.com/articles/creepiness/

Talking to Computers (part 1): Why is Speech Recognition so Difficult?
By Philip Hodgson.
“Although the performance of today’s speech recognition systems is
impressive, the experience for many is still one of errors,
corrections, frustration and abandoning speech in favour of
alternative interaction methods. We take a closer look at speech and
find out why speech recognition is so difficult.”
https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html

Why You Should Use a Grid for Designing Layouts (Video)
By Therese Fessenden.
“Grids are a great framework to help designers quickly put together a
clean, well-aligned interface, and help users to easily scan, read,
and use those interfaces.”
https://www.nngroup.com/videos/grid-layouts/

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
Web Design References: Accessibility

Association Information.
Web Design References: Associations

Book Listings.
Web Design References: Books

Cascading Style Sheets Information.
Web Design References: Cascading Style Sheets

Color Information.
Web Design References: Color

Drupal Information.
Web Design References: Drupal

Evaluation & Testing Information.
Web Design References: Evaluation and Testing

Event Information.
Web Design References: Events

HTML Information.
Web Design References: HTML

Information Architecture Information.
Web Design References: Information Architecture

JavaScript Information.
Web Design References: JavaScript

Miscellaneous Web Information.
Web Design References: Miscellaneous

Navigation Information.
Web Design References: Navigation & Labeling

PHP Information.
Web Design References: PHP

Sites & Blogs Listing.
Web Design References: Sites & Blogs

Standards, Guidelines & Pattern Information.
Web Design References: Standards, Guidelines, and Patterns

Tool Information.
Web Design References: Tools

Typography Information.
Web Design References: Typography

Usability Information.
Web Design References: Usability

XML Information.
Web Design References: Usability

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
Web Design References: Webdev Newsletter
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:
Text Email Newsletter (TEN) Standard

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

Text Email Newsletter (TEN) Standard

The Text Email Newsletter (TEN) Standard is a set of guidelines designed to ease navigation of plain text email …

Web Design References: Webdev Newsletter

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Usability

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Typography

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Tools

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Standards, Guidelines, and Patterns

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Sites & Blogs

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: PHP

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Navigation & Labeling

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Miscellaneous

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: JavaScript

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Information Architecture

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: HTML

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Events

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Evaluation and Testing

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Drupal

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Color

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Cascading Style Sheets

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Books

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Associations

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References: Accessibility

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Web Design References

Laura L. Carlson

Web Design References: News and info about web design and development. The site advocates accessibility, usabili…

Standard

+++ WEB DESIGN UPDATE. – Volume 17, Issue 48, May 22, 2019.

lcarlson
image.png
May 15
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 47, May 16, 2019.

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

++ISSUE 47 CONTENTS.

SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: HTML.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TOOLS.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Global Accessibility Awareness Day 2019: Three Ways You Can Participate
By Deborah Edwards-Onoro.
“If you want to participate in GAAD, but don’t live near an inclusive
design or accessibility meetup group hosting the event, I’ve got you
covered…”

Global Accessibility Awareness Day 2019: Three Ways You Can Participate

WCAG 2.1 Primer (Alpha)
By GOV.UK.
“This document will help you get up to speed with WCAG 2.1 quickly and
avoid common mistakes people make when creating or updating web
content. You will find this really helpful if you design, build or
create web content…”
https://alphagov.github.io/wcag-primer/

How do You Test Success Criterion 1.3.5 on Mobile Applications? (Update)
By Chrissie Henning.
“At the time of publication we were not fully aware of the
ramifications of discussions and further post publication discussions,
in the WCAG working group, that have lead to the requirements for
conforming to this success criterion being more clearly defined…”

How do You Test Success Criterion 1.3.5 on Mobile Applications?

Shadows & Outlines Accessibility of Component Styling (Slides, Minutes, Video)
By Michael Gilbert, Philippe Clesca, Kunal D. Patel, Sky Ortiz, and
Jen Kozenski.
Google research & experience on WCAG Success Criterion 1.4.11:
Non-text Contrast.
Slides:
https://docs.google.com/presentation/d/1CFNxozlyO1lmiyRVCFuhQ_0t2c5QTLskY03CCeTpUuA/
WCAG Working Group Minutes:
https://www.w3.org/2019/05/14-ag-minutes.html#item01
Recording:
https://mit.webex.com/mit/lsr.php?RCID=42dc7191ccb949e681ad88d6de4f1622

Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded)
By Raghavendra Satish Peri.
“This success criterion requires that audio-only & video-only content
are provided with alternative method of conveying information. A text
transcript can be provided for audio track & text transcript or audio
track can be provided for a video that doesn’t have an audio…”

Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded)

Notes from the A11y Underground #1
By Steve Faulkner.
“I have been meaning to start a periodic noting of meaty articles and
threads related to subjects close to my technical heart. Today intent
meets action. Here’s a few that have tickled my fancy of late…”

Notes from the a11y underground #1

[DRAFT] (FAST) Checklist
By Accessible Platform Architectures Working Group.
“…The goal of Framework for Accessibility in the Specification of
Technologies (FAST) is to describe the features that web technologies
should provide to ensure it is possible to create content that is
accessible to users with disabilities…”
https://w3c.github.io/apa/fast/checklist.html

Some Accessibility Resources
By Scott O’Hara.
“If you’re just getting into accessibility (or a11y for short), or
you’re getting comfortable with what you know and want to build on
that, I recommend checking out the following resources…” (Thanks for
including the Webdev Newsletter, Scott!)
https://www.scottohara.me/note/2019/05/07/resources.html

Golden Rules of Social Media Accessibility (PDF)
By Jennifer Smith.
“How do you start creating accessible social media content…”
https://danya.com/files/sma_poster.pdf

Passed Your Accessibility Check? Don’t Be So Sure.
By Paul Rayius
“Why does my PDF file pass Adobe Acrobat’s Accessibility Checker but
fails using CommonLook’s PDF Validator or PAC3?…”

Passed Your Accessibility Check? Don’t Be So Sure.

Less Than 1% of Website Home Pages are Likely to Meet Accessibility Standards
By Claudia Cahalane.
“…To find out more about the report, AbilityNet accessibility and
usability consult Adi Latif spoke to Jared Smith, associate director
of WebAIM. You can find the video below of their conversation at
accessibility conference CSUN, below…”
https://abilitynet.org.uk/news-blogs/less-1-website-home-pages-are-likely-meet-accessibility-standards

RIT, Naz Caught in Explosion of ADA Website Lawsuits
By Berkeley Brean.
“All week News10NBC investigated the thousands of lawsuits accusing
the owners of restaurants, malls, art galleries and wineries of
discriminating against people with disabilities…”
https://www.whec.com/news/rit-naz-caught-in-explosion-of-ada-website-lawsuits/5340318/

Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website
By Stefanie Fogel.
“A visually-impaired man is suing The Pokémon Company because he says
one of its websites is not equally accessible to blind consumers and
violates the Americans with Disabilities Act…”
Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website

+02: CASCADING STYLE SHEETS.

The Dark Side of the Grid (Part 2)
By Manuel Matuzovic.
“This is part 2 of 3 in a series of articles about CSS Grid layout and
accessibility…”
https://www.matuzo.at/blog/the-dark-side-of-the-grid-part-2/

A Design Pattern Solved by Subgrid
By Rachel Andrew.
“I’ve been playing with this early implementation of the subgrid
feature in Firefox, and it occured to me that subgrid could solve a
less obvious use case…”
https://rachelandrew.co.uk/archives/2019/05/07/a-design-pattern-solved-by-subgrid/

Subgrid
By Chris David Mills, SphinxKnight, and Rachel Andrew.
“Level 2 of the CSS Grid Layout specification includes a subgrid value
for grid-template-columns and grid-template-rows. This guide details
what subgrid does, and gives some use cases and design patterns that
are solved by the feature…”
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_layout/Subgrid

Understanding Grid Placement Through Building a HTML Periodical Table
By Chen Hui Jing.
“I’ve been using CSS grid to build layouts for quite a while now, and
all my designs to date involved either a handful of explicitly placed
individual grid items, or 100% automatic placement…”
https://www.chenhuijing.com/blog/understanding-grid-placement/

How to Create Joined Bulletpoint Lists with CSS, BBC News-style
By Peter Cooper.
“When there are live events, BBC News often runs a ‘timeline’ style
list against stories. For example…”
https://dev.to/peterc/how-to-create-joined-bulletpoint-lists-with-css-bbc-news-style-1eem

+03: COLOR.

Color Tutorial
By Tom Jewett.
“Most of the things that you will design with computers-user
interfaces, Web pages, and even printed documents-will use color in
some way. This tutorial is designed to help you understand and specify
colors. It does not address the effective use of color, which is a
much more complex topic…”
http://colortutorial.design/index.html

+04: DRUPAL.

Which of Drupal and WordPress is the Most Accessible Content
Management System? (Podcast)
By Jonathan Hassell.
“…Graham Armfield in our team has been working to make WordPress
accessible for years. And Mike Gifford, who has been leading
accessibility work on Drupal, is another good friend of ours at
Hassell Inclusion. So in this month’s podcast we’ve put them together
to discuss their work…”

Which of Drupal and WordPress is the most accessible content management system? – Digital Accessibility Experts Podcast 5

+05: EVALUATION & TESTING.

A/B Testing vs. Multivariate Testing for Design Optimization (Video)
By Kate Moran.
“Like A/B testing, multivariate testing is a design optimization
method that involves experimenting with live traffic to find the best
impact on conversion.”
https://www.nngroup.com/videos/a-b-testing-vs-multivariate/

Validating a Lostness Measure
By Jeff Sauro.
“…how do you measure when someone is lost? Is this captured already by
standard usability metrics or is a more specialized metric needed? It
helps to first think about how we measure usability…”

Validating a Lostness Measure

+06: EVENTS.

Front
June 6-7, 2019.
Salt Lake City, Utah, U.S.A.
https://www.frontutah.com/conference/

DinosaurJS
June 20, 2019.
Denver, Colorado, U.S.A.
https://dinosaurjs.org/

Web Directions Code
June 20-21, 2019.
Melbourne, Australia
https://webdirections.org/code/

Incorporating Accessibility Into your Process and Team
July 2, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_fc0zkLjzTsqRt04hUrYxaw

Codeland
July 22, 2019.
New York, New York, U.S.A.
http://codelandconf.com/

Mid-Atlantic Developer Conference
August 1-2, 2019.
Baltimore, Maryland, U.S.A.

Home

JavaScript and Friends Conference
August 2, 2019.
Columbus, Ohio, U.S.A.
https://www.javascriptandfriends.com/

+07: HTML.

A Delightful Reference for HTML Symbols, Entities and ASCII Character Codes
By Toptal Designers.
“HTML Arrows is a comprehensive reference website for finding HTML
symbol codes and entities, ASCII characters and Unicode hexadecimal
values to use in your web design…”
https://www.toptal.com/designers/htmlarrows/

Periodic Table of the Elements (Tutorial)
By Adrian Roselli.
“…this post is about a table of elements that is made up of non-table
elements. If that sentence made no sense, then you should enjoy this.
In other words, I may use the terms table and element in a confusing
fashion…”

Periodic Table of the Elements

The HTML5 Treasure Hunt
By Bruce Lawson.
Slides from Bruce’s International JavaScript Conference 2019 presneation.

+08: MISCELLANEOUS.

Guidelines for Brutalist Web Design
By David Bryant Copeland.
“…How amazing would it be to have readable text, clearly-marked
interaction points, unobtrusive advertising, all wrapped up in a
fast-loading site you could consume using the native tools of your
chosen device? …to start with left-aligned black text on a white
background, and to apply styling only to solve a specific problem.
This is good advice. Embrace this, and you embrace Brutalist Web
Design. Focus on your content and your visitors will enjoy you and
your website. Focus on decoration or tricking your visitors into
clicking ads, and your content will suffer, along with your visitors…”
https://brutalist-web.design/

A Crime Called Favicon
By Jens Oliver Meiert.
“At sum.cumo we have just opened a larger investigation into the
current situation and best practices with respect to favicons…”
https://meiert.com/en/blog/schmavicons/

Thoughts on the W3C’s May 2019 Advisory Board Election
By Elika J Etemad.
“The W3C Advisory Board is electing 7 of its 11 members this May…”
http://fantasai.inkedblade.net/weblog/2019/w3c-advisory-board-election/

A Report from the AMP Advisory Committee Meeting
By Terence Eden.
“I don’t like AMP. I think that Google’s Accelerated Mobile Pages are
a bad idea, poorly executed, and almost-certainly anti-competitive…”

A report from the AMP Advisory Committee Meeting

+09: NAVIGATION.

Customer Journey Mapping 101 (Video)
By Sarah Gibbons.
“The 5 components of a journey map and the benefits of using this
qualitative method as part of a UX design process to discover,
document, and share the bigger picture of what users want.”
https://www.nngroup.com/videos/journey-mapping-101/

+10: TOOLS.

Accessibility Reference (Chrome DevTools)
By Kayce Basques.
“This page is a comprehensive reference of accessibility features in
Chrome DevTools. It is intended for web developers who:
https://developers.google.com/web/tools/chrome-devtools/accessibility/reference

+11: USABILITY.

Split Buttons
By Page Laubheimer.
“A split button is a dual-function menu button that offers a default
action as well as the possibility of choosing a different action by
selecting from a set of alternatives.”
https://www.nngroup.com/articles/split-buttons/

Why I Don’t Believe in Empathic Design
By Don Norman.
“Human-centered design pioneer Don Norman, who coined the term ‘user
experience,’ explains why he’s not convinced by the current obsession
with empathy and what we should do instead…”
https://theblog.adobe.com/why-i-dont-believe-in-empathic-design-don-norman/

I Wrote the Book on User-Friendly Design. What I See Today Horrifies Me
By Don Norman.
“The world is designed against the elderly, writes Don Norman,
83-year-old author of the industry bible Design of Everyday Things and
a former Apple VP…”
https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me

Trans-Inclusive Design
By Erin White.
“Design decisions across our projects can mean the difference between
affirmation and invalidation-and sometimes safety and danger. Erin
White explores the repercussions for trans, non-binary, and
gender-variant users and what we can do about it.”

Trans-inclusive Design

UX Research on Product Page Videos: Where and How to Embed Them (35%
Get it Wrong)
By Jamie Appleseed.
“Imagine investing resources into expensive video production and
implementing video players on your e-commerce site, and then your
users don’t watch the videos…”
https://baymard.com/blog/embedding-product-page-videos

4 Tips for Designing Apps for Older Users
By Jonathan Shariat.
“…Here are some of our design considerations…”
View at Medium.com

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard

WEB DESIGN UPDATE. – Volume 17, Issue 47, May 16, 2019.

lcarlson
May 15
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 47, May 16, 2019.

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

++ISSUE 47 CONTENTS.

SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: HTML.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TOOLS.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Global Accessibility Awareness Day 2019: Three Ways You Can Participate
By Deborah Edwards-Onoro.
“If you want to participate in GAAD, but don’t live near an inclusive
design or accessibility meetup group hosting the event, I’ve got you
covered…”

Global Accessibility Awareness Day 2019: Three Ways You Can Participate

WCAG 2.1 Primer (Alpha)
By GOV.UK.
“This document will help you get up to speed with WCAG 2.1 quickly and
avoid common mistakes people make when creating or updating web
content. You will find this really helpful if you design, build or
create web content…”
https://alphagov.github.io/wcag-primer/

How do You Test Success Criterion 1.3.5 on Mobile Applications? (Update)
By Chrissie Henning.
“At the time of publication we were not fully aware of the
ramifications of discussions and further post publication discussions,
in the WCAG working group, that have lead to the requirements for
conforming to this success criterion being more clearly defined…”

How do You Test Success Criterion 1.3.5 on Mobile Applications?

Shadows & Outlines Accessibility of Component Styling (Slides, Minutes, Video)
By Michael Gilbert, Philippe Clesca, Kunal D. Patel, Sky Ortiz, and
Jen Kozenski.
Google research & experience on WCAG Success Criterion 1.4.11:
Non-text Contrast.
Slides:
https://docs.google.com/presentation/d/1CFNxozlyO1lmiyRVCFuhQ_0t2c5QTLskY03CCeTpUuA/
WCAG Working Group Minutes:
https://www.w3.org/2019/05/14-ag-minutes.html#item01
Recording:
https://mit.webex.com/mit/lsr.php?RCID=42dc7191ccb949e681ad88d6de4f1622

Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded)
By Raghavendra Satish Peri.
“This success criterion requires that audio-only & video-only content
are provided with alternative method of conveying information. A text
transcript can be provided for audio track & text transcript or audio
track can be provided for a video that doesn’t have an audio…”

Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded)

Notes from the A11y Underground #1
By Steve Faulkner.
“I have been meaning to start a periodic noting of meaty articles and
threads related to subjects close to my technical heart. Today intent
meets action. Here’s a few that have tickled my fancy of late…”

Notes from the a11y underground #1

[DRAFT] (FAST) Checklist
By Accessible Platform Architectures Working Group.
“…The goal of Framework for Accessibility in the Specification of
Technologies (FAST) is to describe the features that web technologies
should provide to ensure it is possible to create content that is
accessible to users with disabilities…”
https://w3c.github.io/apa/fast/checklist.html

Some Accessibility Resources
By Scott O’Hara.
“If you’re just getting into accessibility (or a11y for short), or
you’re getting comfortable with what you know and want to build on
that, I recommend checking out the following resources…” (Thanks for
including the Webdev Newsletter, Scott!)
https://www.scottohara.me/note/2019/05/07/resources.html

Golden Rules of Social Media Accessibility (PDF)
By Jennifer Smith.
“How do you start creating accessible social media content…”
https://danya.com/files/sma_poster.pdf

Passed Your Accessibility Check? Don’t Be So Sure.
By Paul Rayius
“Why does my PDF file pass Adobe Acrobat’s Accessibility Checker but
fails using CommonLook’s PDF Validator or PAC3?…”

Passed Your Accessibility Check? Don’t Be So Sure.

Less Than 1% of Website Home Pages are Likely to Meet Accessibility Standards
By Claudia Cahalane.
“…To find out more about the report, AbilityNet accessibility and
usability consult Adi Latif spoke to Jared Smith, associate director
of WebAIM. You can find the video below of their conversation at
accessibility conference CSUN, below…”
https://abilitynet.org.uk/news-blogs/less-1-website-home-pages-are-likely-meet-accessibility-standards

RIT, Naz Caught in Explosion of ADA Website Lawsuits
By Berkeley Brean.
“All week News10NBC investigated the thousands of lawsuits accusing
the owners of restaurants, malls, art galleries and wineries of
discriminating against people with disabilities…”
https://www.whec.com/news/rit-naz-caught-in-explosion-of-ada-website-lawsuits/5340318/

Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website
By Stefanie Fogel.
“A visually-impaired man is suing The Pokémon Company because he says
one of its websites is not equally accessible to blind consumers and
violates the Americans with Disabilities Act…”
Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website

+02: CASCADING STYLE SHEETS.

The Dark Side of the Grid (Part 2)
By Manuel Matuzovic.
“This is part 2 of 3 in a series of articles about CSS Grid layout and
accessibility…”
https://www.matuzo.at/blog/the-dark-side-of-the-grid-part-2/

A Design Pattern Solved by Subgrid
By Rachel Andrew.
“I’ve been playing with this early implementation of the subgrid
feature in Firefox, and it occured to me that subgrid could solve a
less obvious use case…”
https://rachelandrew.co.uk/archives/2019/05/07/a-design-pattern-solved-by-subgrid/

Subgrid
By Chris David Mills, SphinxKnight, and Rachel Andrew.
“Level 2 of the CSS Grid Layout specification includes a subgrid value
for grid-template-columns and grid-template-rows. This guide details
what subgrid does, and gives some use cases and design patterns that
are solved by the feature…”
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_layout/Subgrid

Understanding Grid Placement Through Building a HTML Periodical Table
By Chen Hui Jing.
“I’ve been using CSS grid to build layouts for quite a while now, and
all my designs to date involved either a handful of explicitly placed
individual grid items, or 100% automatic placement…”
https://www.chenhuijing.com/blog/understanding-grid-placement/

How to Create Joined Bulletpoint Lists with CSS, BBC News-style
By Peter Cooper.
“When there are live events, BBC News often runs a ‘timeline’ style
list against stories. For example…”
https://dev.to/peterc/how-to-create-joined-bulletpoint-lists-with-css-bbc-news-style-1eem

+03: COLOR.

Color Tutorial
By Tom Jewett.
“Most of the things that you will design with computers-user
interfaces, Web pages, and even printed documents-will use color in
some way. This tutorial is designed to help you understand and specify
colors. It does not address the effective use of color, which is a
much more complex topic…”
http://colortutorial.design/index.html

+04: DRUPAL.

Which of Drupal and WordPress is the Most Accessible Content
Management System? (Podcast)
By Jonathan Hassell.
“…Graham Armfield in our team has been working to make WordPress
accessible for years. And Mike Gifford, who has been leading
accessibility work on Drupal, is another good friend of ours at
Hassell Inclusion. So in this month’s podcast we’ve put them together
to discuss their work…”

Which of Drupal and WordPress is the most accessible content management system? – Digital Accessibility Experts Podcast 5

+05: EVALUATION & TESTING.

A/B Testing vs. Multivariate Testing for Design Optimization (Video)
By Kate Moran.
“Like A/B testing, multivariate testing is a design optimization
method that involves experimenting with live traffic to find the best
impact on conversion.”
https://www.nngroup.com/videos/a-b-testing-vs-multivariate/

Validating a Lostness Measure
By Jeff Sauro.
“…how do you measure when someone is lost? Is this captured already by
standard usability metrics or is a more specialized metric needed? It
helps to first think about how we measure usability…”

Validating a Lostness Measure

+06: EVENTS.

Front
June 6-7, 2019.
Salt Lake City, Utah, U.S.A.
https://www.frontutah.com/conference/

DinosaurJS
June 20, 2019.
Denver, Colorado, U.S.A.
https://dinosaurjs.org/

Web Directions Code
June 20-21, 2019.
Melbourne, Australia
https://webdirections.org/code/

Incorporating Accessibility Into your Process and Team
July 2, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_fc0zkLjzTsqRt04hUrYxaw

Codeland
July 22, 2019.
New York, New York, U.S.A.
http://codelandconf.com/

Mid-Atlantic Developer Conference
August 1-2, 2019.
Baltimore, Maryland, U.S.A.

Home

JavaScript and Friends Conference
August 2, 2019.
Columbus, Ohio, U.S.A.
https://www.javascriptandfriends.com/

+07: HTML.

A Delightful Reference for HTML Symbols, Entities and ASCII Character Codes
By Toptal Designers.
“HTML Arrows is a comprehensive reference website for finding HTML
symbol codes and entities, ASCII characters and Unicode hexadecimal
values to use in your web design…”
https://www.toptal.com/designers/htmlarrows/

Periodic Table of the Elements (Tutorial)
By Adrian Roselli.
“…this post is about a table of elements that is made up of non-table
elements. If that sentence made no sense, then you should enjoy this.
In other words, I may use the terms table and element in a confusing
fashion…”

Periodic Table of the Elements

The HTML5 Treasure Hunt
By Bruce Lawson.
Slides from Bruce’s International JavaScript Conference 2019 presneation.

+08: MISCELLANEOUS.

Guidelines for Brutalist Web Design
By David Bryant Copeland.
“…How amazing would it be to have readable text, clearly-marked
interaction points, unobtrusive advertising, all wrapped up in a
fast-loading site you could consume using the native tools of your
chosen device? …to start with left-aligned black text on a white
background, and to apply styling only to solve a specific problem.
This is good advice. Embrace this, and you embrace Brutalist Web
Design. Focus on your content and your visitors will enjoy you and
your website. Focus on decoration or tricking your visitors into
clicking ads, and your content will suffer, along with your visitors…”
https://brutalist-web.design/

A Crime Called Favicon
By Jens Oliver Meiert.
“At sum.cumo we have just opened a larger investigation into the
current situation and best practices with respect to favicons…”
https://meiert.com/en/blog/schmavicons/

Thoughts on the W3C’s May 2019 Advisory Board Election
By Elika J Etemad.
“The W3C Advisory Board is electing 7 of its 11 members this May…”
http://fantasai.inkedblade.net/weblog/2019/w3c-advisory-board-election/

A Report from the AMP Advisory Committee Meeting
By Terence Eden.
“I don’t like AMP. I think that Google’s Accelerated Mobile Pages are
a bad idea, poorly executed, and almost-certainly anti-competitive…”

A report from the AMP Advisory Committee Meeting

+09: NAVIGATION.

Customer Journey Mapping 101 (Video)
By Sarah Gibbons.
“The 5 components of a journey map and the benefits of using this
qualitative method as part of a UX design process to discover,
document, and share the bigger picture of what users want.”
https://www.nngroup.com/videos/journey-mapping-101/

+10: TOOLS.

Accessibility Reference (Chrome DevTools)
By Kayce Basques.
“This page is a comprehensive reference of accessibility features in
Chrome DevTools. It is intended for web developers who:
https://developers.google.com/web/tools/chrome-devtools/accessibility/reference

+11: USABILITY.

Split Buttons
By Page Laubheimer.
“A split button is a dual-function menu button that offers a default
action as well as the possibility of choosing a different action by
selecting from a set of alternatives.”
https://www.nngroup.com/articles/split-buttons/

Why I Don’t Believe in Empathic Design
By Don Norman.
“Human-centered design pioneer Don Norman, who coined the term ‘user
experience,’ explains why he’s not convinced by the current obsession
with empathy and what we should do instead…”
https://theblog.adobe.com/why-i-dont-believe-in-empathic-design-don-norman/

I Wrote the Book on User-Friendly Design. What I See Today Horrifies Me
By Don Norman.
“The world is designed against the elderly, writes Don Norman,
83-year-old author of the industry bible Design of Everyday Things and
a former Apple VP…”
https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me

Trans-Inclusive Design
By Erin White.
“Design decisions across our projects can mean the difference between
affirmation and invalidation-and sometimes safety and danger. Erin
White explores the repercussions for trans, non-binary, and
gender-variant users and what we can do about it.”

Trans-inclusive Design

UX Research on Product Page Videos: Where and How to Embed Them (35%
Get it Wrong)
By Jamie Appleseed.
“Imagine investing resources into expensive video production and
implementing video players on your e-commerce site, and then your
users don’t watch the videos…”
https://baymard.com/blog/embedding-product-page-videos

4 Tips for Designing Apps for Older Users
By Jonathan Shariat.
“…Here are some of our design considerations…”
View at Medium.com

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard

+++ WEB DESIGN UPDATE. – Volume 17, Issue 46, May 7, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 46, May 7, 2019.

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

++ISSUE 46 CONTENTS.

SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://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: JAVASCRIPT.
08: MISCELLANEOUS.
09: TYPOGRAPHY.
10: USABILITY.
11: XML.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

How do You Test Success Criterion 1.3.5 on Mobile Applications?
By Chrissie Henning.
“Here at TPG we have been asking this question and been working hard
to fully understand this Success Criterion and provide a feasible
solution…”

How do You Test Success Criterion 1.3.5 on Mobile Applications?

Fix 85% of your Web Accessibility Issues in 5 Easy Steps
By Alvaro Montoro.
“…Correcting these five issue types would fix most of the
Accessibility problems detected…”
https://codepen.io/alvaromontoro/post/fix-85-of-your-web-accessibility-issues-in-5-easy-steps

Happy Birthday WCAG – Now You are Twenty!
By Lainey Feingold.
“On May 5, 1999 the World Wide Web Consortium (W3C) issued a press
release announcing the publication of the Web Content Accessibility
Guidelines (WCAG) 1.0…”

Happy Birthday WCAG — Now You are Twenty!

How Privilege Defines Performance :: #PerfMatters Conference 2019 (Video)
By Tatiana Mac.
“In theory, performance, accessibility, and inclusive design all have
similar goals: Provide the best, most consistent experience to all
people using the minimal amount of resources. In practice, this often
falls apart…we’ll examine how to build conscientiously, looking within
to resist systematic problems in order to create more truly
performant, accessible, and inclusive systems for our users…”

Levy County To Adapt Documents For Visually Impaired Individuals
By Rachel Spencer.
“…At an April meeting, the county decided to move forward with the bid
process for selecting an individual or firm to remediate county
documents to comply with ADA standards. Levy County procurement
coordinator Alicia Tretheway said she estimates the county will pay
more than $37,000 to ensure the county’s 13,177 PDF documents meet ADA
standards…”

Levy County To Adapt Documents For Visually Impaired Individuals

+02: CASCADING STYLE SHEETS.

Making Things Better: Redefining the Technical Possibilities of CSS
By Rachel Andrew.
Rachel’s presentation material from Boston and An Event Apart.
https://noti.st/rachelandrew/aSEj0y/making-things-better-redefining-the-technical-possibilities-of-css

Digging Into The Display Property: Box Generation
By Rachel Andrew.
“Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at the values which control box generation, for
those times when you don’t want to generate a box at all.”
https://www.smashingmagazine.com/2019/05/display-box-generation/

Create a Responsive Grid Layout with No Media Queries, Using CSS Grid
By Andy Bell.
“Embracing the flexible nature of the web gives us powerful, resilient
front-ends, where instead of using specific sizes, we give elements
sensible boundaries and let them auto-fill where possible…”
https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/

+03: COLOR.

Use Color Accessibility Tools to Improve Your Website Design
By Carrie Cousins.
“Did you know that more than 4 percent of the population is color blind…”

Use Color Accessibility Tools to Improve Your Website Design

+04: EVALUATION & TESTING.

The Science of Silence: Intentional Silence as a Moderation Technique
By Kate Kaplan.
“Keeping quiet is a powerful moderation technique for user interviews,
usability testing, and workshop facilitation. Well-timed, deliberate
periods of silence elicit thoughtful, accurate responses and insights,
and build trust with participants.”
https://www.nngroup.com/articles/intentional-silence-ux/

Where Big Data Can’t Go: The Indispensability of Qualitative Research
in the Evolving Landscape of Measuring Behavior
By Martin Pacino.
“…There is no endeavor to understand and predict market conditions,
consumer behavior, employee engagement, advertising effectiveness and
any of the other building blocks of business success that will ever
fully realize its objectives without qualitative research…”

Where Big Data Can’t Go: The Indispensability of Qualitative Research in the Evolving Landscape of Measuring Behavior

+05: EVENTS.

Mobile Assistive Technology and Testing Techniques
May 14, 2019.
Online
https://zoom.us/webinar/register/4415566340161/WN_EZHzHqTXTAKrtRdfuQVuDA

U / X / D: Intersections and Overlaps of Users, Experience, and Design
May 15-16, 2019.
Minneapolis, Minnesota, U.S.A.
https://uxpamn.org/event-3365556

Overcoming the Potential Obstacles of Manual Testing with a Screen Reader
May 21, 2019.
Online
https://zoom.us/webinar/register/8015566338866/WN_kn8bdCE_TU6JCDkE3l8TuA

Winning at Scale – Accessibility in Design Systems & Ops
May 28, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_Mne4olZ2ToKr716Zyi_MaA

Gray-Box Mobile Accessibility Testing
June 5, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_IxFdaJQySYe4HSh2cBKmKg

WCAG 2.1 and Mobile Accessibility
June 25, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_BCJPCGvQTMuSzv6P9C1Kyg

Webstock
June 26-28, 2019.
Wellington City, New Zealand
https://www.webstock.org.nz/19/

Open Source Software Conference (OSCON)
July 15-18, 2019.
Portland, Oregon, U.S.A.
https://conferences.oreilly.com/oscon/oscon-or

+06: HTML.

Why, How, and When to Use Semantic HTML and ARIA
By Adam Silver.
“…Let’s look over the benefits of using HTML and ARIA, why starting
with semantic HTML is the way to go, and why ARIA ought to come in as
a last resort…”

Why, How, and When to Use Semantic HTML and ARIA

Uniquely Labeling Fields in a Table
By Adrian Roselli.
“…if you are creating tables correctly, there isn’t much extra work
you need to do. Your column and row headers, paired with some ARIA,
can do the job for you. I made a demo to show it in action…”

Uniquely Labeling Fields in a Table

+07: JAVASCRIPT.

How I Failed the
By Remy Sharp.
“A real bug bear of mine is when JavaScript gets in the way of
browsing a page on the web. Simple, but common things like time to
interactive being delayed for no good reason, or, in this case, links
that don’t work like links…”
https://remysharp.com/2019/04/04/how-i-failed-the-a

Frameworking
By Jeremy Keith.
“…If you’re weighing up the pros and cons of using, say, a particular
JavaScript library or framework, that’s wonderful. My worry is that
there are people working in front-end development who aren’t putting
that level of thought into their technology choices, but are instead
using a particular framework because it’s what they’re used to.”
https://adactio.com/journal/15111

+08: MISCELLANEOUS.

AMP as Your Web Framework – The AMP Blog
By Jeremy Keith.
“The bait’n’switch is laid bare…”
https://adactio.com/links/15107

A Conspiracy To Kill IE6
By Chris Zacharias.
“The bittersweet consequence of YouTube’s incredible growth is that so
many stories will be lost underneath all of the layers of new paint.
This is why I wanted to tell the story of how, ten years ago, a small
team of web developers conspired to kill IE6 from inside YouTube and
got away with it…”
http://blog.chriszacharias.com/a-conspiracy-to-kill-ie6

Do-It-Yourself Wearable Captioning with Google’s Live Transcribe – Try
This at Home
By David Berman.
“When Google worked with Dimitri Kanevsky to create their Live
Transcribe app, they surely envisioned that people with accessibility
needs would benefit. Even so, they probably didn’t envision fast food
servers wearing tablets.”

Do-It-Yourself Wearable Captioning with Google’s Live Transcribe – Try This at Home!

+09: TYPOGRAPHY.

Type in the Digital Era is a Mess
By Marcin Wichary.
“…The history of web design can be seen as a set of tensions between
designers wanting things to be positioned with utmost precision, and
the web pushing back on some of that control…”
https://www.fastcompany.com/90340882/type-in-the-digital-era-is-a-mess

+10: USABILITY.

Touch Targets on Touchscreens
By Aurora Harley.
“Interactive elements must be at least 1cm × 1cm (0.4in × 0.4in) to
support adequate selection time and prevent fat-finger errors.”
https://www.nngroup.com/articles/touch-target-size/

Userfocus User Experience Consultants
By David Travis.
Consistency is at the heart of good product design. But consistency is
often misinterpreted as making things look or behave the same way.
This ignores context and can lead to a .foolish consistency”. Instead
of consistency, designers should adhere to ‘the Principle of Least
Surprise’…”
https://www.userfocus.co.uk/articles/the-principle-of-least-surprise.html

The Elements of Content Strategy
By Erin Kissane.
“Content strategy is essential. But where did it come from? Why does
it matter? And what does it mean for you? This brief guide explores
content strategy’s roots, and quickly and expertly demonstrates not
only how it’s done, but how you can do it well…”
http://elements-of-content-strategy.abookapart.com/

A Design Language for Touch, Gesture, and Motion
By Steven Hoober.
“…To make sure a product gets built right, you need to write
everything down and draw it out. You need to create design
specifications…”
https://www.uxmatters.com/mt/archives/2019/05/a-design-language-for-touch-gesture-and-motion.php

How Today’s UX Designs May Be Perceived in the Future (Video)
By Jakob Nielsen.
“Jakob Nielsen answers the question of how people in the future will
judge the quality of today’s user experience.”
https://www.nngroup.com/videos/todays-ux-designs-perceived-future/

Recognition vs. Recall in User Interfaces (Video)
By Maria Rosala.
“Design user interfaces to facilitate memory recognition which is
easier than recall because there are more cues available to facilitate
the retrieval of information from memory. (‘Recognition rather than
recall’ is #6 on the list of top 10 user interface heuristics.”
https://www.nngroup.com/articles/permission-requests/

+11: XML.

SVG Will Save Us :: #PerfMatters Conference 2019 (Video)
By Sarah Drasner.
“SVGs are one of the most underutilized technologies on the web. They
can be the most performant, flexible, and accessible image formats. In
this session, Sarah will cover a few practical things like styling SVG
icons like typography, and then dive into the creative wilds of this
graphic format built with math…”

[Section one ends.]

++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard

+++ WEB DESIGN UPDATE. – Volume 17, Issue 45, May 2, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 45, May 2, 2019.

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

++ISSUE 45 CONTENTS.

SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: EVALUATION & TESTING.
03: EVENTS.
04: HTML.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Maps for All
By Minnesota IT Services.
“Maps are a great way of sharing complex information, but resources to
make these maps accessible were not always easy to find. Until now.”
https://mn.gov/mnit/media/blog/?id=38-382609

Audio Description Using the Web Speech API
By Terrill Thompson.
“…Able Player performs a quick check to see if the user’s browser
supports it. If it doesn’t, it falls back to the old way of doing
things using ARIA live regions. But if it does, the browser reads the
description text in a pre-defined synthesized voice, keeping the
screen reader free to do other things…”

Audio Description using the Web Speech API

Revisiting prefers-reduced-motion, The Reduced Motion Media Query
By Eric Bailey.
Eric revisits prefers-reduced-motion focusing less about the how and
more about the why.

Revisiting prefers-reduced-motion, the reduced motion media query

Updated: PDF Accessibility
By WebAIM.
“Our Acrobat PDF accessibility article has been updated and greatly expanded.”
https://webaim.org/techniques/acrobat/

Six Ways to Make your Site More Accessible
By Hidde de Vries.
“A presentation at WordCamp Rotterdam in April 2019…”
https://talks.hiddedevries.nl/lMxtx5/six-ways-to-make-your-site-more-accessible

This Open Source Software Could Make Museum Websites More Accessible
By Claire Voon.
“Earlier this year, dozens of New York City art galleries were hit
with lawsuits filed separately by two legally blind plaintiffs…”
https://www.artsy.net/article/artsy-editorial-open-source-software-museum-websites-accessible

The Role of Design in Accessibility
By Adrian Roselli.
Adrian’s Slides from his a11yTO Meet-up presentation.

Slides: The Role of Design in Accessibility — a11yTO Meet-up

New Developments in Ongoing Website Accessibility Litigation
By Elizabeth J. Rho-Ng, Cathie L. Fields, Sharon J. Ormond.
“A federal district court in Massachusetts recently ruled against
Harvard University in an ongoing lawsuit filed on behalf of disabled
individuals challenging the accessibility of online video content on
the university’s websites…”
https://www.aalrr.com/EdLawConnectBlog/new-developments-in-ongoing-website-accessibility-litigation

+02: EVALUATION & TESTING.

Usability Testing with Minors: 16 Tips
By Alita Joyce.
To guarantee an effective study with users under 18-years old, recruit
extra participants, design a child-friendly lab, prepare a plethora of
age-appropriate tasks, and avoid being too authoritative.”
https://www.nngroup.com/articles/usability-testing-minors/

Embedding Accessibility into the DevOps Process
By Dylan Barrell.
“…focus on continually shifting accessibility testing ‘further left’
earlier in the development cycle to enhance quality while maintaining
velocity. The sooner you detect and fix accessibility issues, the less
likely these are to become more deeply baked into the software, making
them more difficult and time-consuming to undo…”

Embedding Accessibility into the DevOps Process

+03: EVENTS.

Minnesota Digital Accessibility Law Celebration
May 7, 2019.
Saint Paul, Minnesota, U.S.A.
https://content.govdelivery.com/accounts/MNIT/bulletins/2411727

Accessibility of Course Materials & Your University
May 9, 2019.
Online
http://aem.cast.org/about/events/2019/05/quality-indicators-for-higher-ed.html

Accessibility and Social Media
May 9, 2019.
Online
https://go.3playmedia.com/wbn-05-09-2019-social

Accessible Documents and You!
May 9, 2019.
Online
https://iod.unh.edu/event/accessible-documents-and-you

Web4All Hackathon 2019
May 15-16, 2019.
San Francisco, California, U.S.A.
https://docs.google.com/forms/d/e/1FAIpQLSfn4f-qdLHD4UQ0QeeJpHKul1KIcjGeamVyfSWSpBEqT8uR8g/viewform

Celebrate Global Accessibility Awareness Day @ Illinois
May 16, 2019.
Champaign, Illinois, U.S.A.
https://www.disability.illinois.edu/academic-support/accessible-it-group/gaad2019

Global Accessibility Awareness Day 2019
May 16, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/en-AU/a11ychi/events/261052295/

Best Practices for Accessible Social Media
May 21, 2019.
Online
http://www.cast.org/whats-new/events/2019/05/best-practices-social-media-accessibility.html

Partnership for Progress on the Digital Divide
May 22-24, 2019.
Washington, D.C, U.S.A.
http://www.ppdd.org/conferences/ppdd2019/

Boston UX Conference
July 15-19, 2019.
Boston, Massachusetts, U.S.A.
https://www.nngroup.com/training/boston/

+04: HTML.

Details / Summary Are Not [insert control here]
By Adrian Roselli.
“…we need to be careful of christening this new-to-us interaction as
the solution to all our coding struggles…”
http://adrianroselli.com/2019/04/details-summary-are-not-insert-control-here.html

Short Note on fieldset and legend Semantics
By Steve Faulkner.
“…Using a without a, non-empty, child is the same
as using a

for screen reader users i.e. it’s ignored…”
https://codepen.io/stevef/post/fielsdet-and-legend-semantics

Demo: Uniquely Labeling Fields in Table
By Adrian Roselli.
“Use row headers as they aid wayfinding for screen reader users and
contributes to the accessible name for each field…”

A History of the HTML Slot Element
By Jan Miksovsky.
“To me, the story behind the standard HTML element illustrates
the complexity of producing standards, the importance of talking with
people face-to-face, and the value of compromise…”
https://component.kitchen/blog/posts/a-history-of-the-html-slot-element

+05: JAVASCRIPT.

How to Clone an Array in JavaScript
By Yazeed Bzadough.
“JavaScript has many ways to do anything. I’ve written on 10 Ways to
Write pipe/compose in JavaScript, and now we’re doing arrays…”
https://medium.freecodecamp.org/how-to-clone-an-array-in-javascript-1d3183468f6a

Why I’ve Stopped Exporting Defaults From My JavaScript Modules
By Nicholas Zakas.
“After years of fighting with default exports, I’ve changed my ways.…”
https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/

ARIA Annotations
By W3C. Editors: Michael Cooper, Aaron Leventhal, and Benjamin Young.
“ARIA Annotations provides markup for accessible, in-page annotations.
This specification describes the mechanism for signaling that content
has been annotated, for what purpose, and where to find the related
additional content…”
https://w3c.github.io/annotation-aria/

WAI-ARIA 1.1 Cheat Sheet
By Raghavendra Satish Peri.
“…ARIA attributes communicate the role, state & property symantics to
assistive technologies via the accessibility API s implemented in
browsers…”

WAI-ARIA 1.1 Cheat Sheet

Top 7 ARIA Tips for Developers
By Rakesh Paladugula.
“Accessible Rich Internet Applications, widely known as WAI ARIA or
just ARIA is a W3C specification to build accessible next generation
web technologies…”

Top 7 ARIA tips for Developers

+06: MISCELLANEOUS.

AXSChat with John Rochford (Video)
By Neil Milliken, Debra Ruh, and Antonio Santos.
“John Rochford is a Program Director and Faculty Member at the Eunice
Kennedy Shriver Center of the University of Massachusetts Medical
School…”

CC Search is Out of Beta with 300M Images and Easier Attribution
By Jane Park.
“Today CC Search comes out of beta, with over 300 million images
indexed from multiple collections, a major redesign, and faster, more
relevant search. It’s the result of a huge amount of work from the
engineering team at Creative Commons and our community of volunteer
developers…””

Creative Commons launches its search engine out of beta, with over 300M images indexed

+07: NAVIGATION.

Enriching Search Results Through Structured Data
By Google.
“For many years we have been recommending the use of structured data
on websites to enable a richer search experience. When you add markup
to your content, you help search engines understand the different
components of a page…”
https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html

+08: USABILITY.

3 Design Considerations for Effective Mobile-App Permission Requests
By Maria Rosala.
“Mobile permission requests are often poorly designed. Consider the
content and timing of these requests, avoid dark patterns, and enable
users to reverse their decision.”
https://www.nngroup.com/articles/permission-requests/

10 Heuristic Principles for Mobile Interfaces
By Jordan DeVos.
“…Below is a curated collection of ten principles that are inspired by
human-centered design and usability thought leaders…”
https://uxdesign.cc/heuristic-principles-for-mobile-interfaces-c226fbaa1d16

Too Much UX Success (Video)
By Jakob Nielsen.
“What to do when a UX team becomes too popular and too many projects
want UX help with their designs, overwhelming the available capacity
to do good work.”
https://www.nngroup.com/videos/too-much-ux-success/

6 Rules for Persuasive Storytelling
By Rachel Krause.
“Stories build empathy and make the user needs and pain points
memorable to your team. Effective stories speak the language of the
audience, are rooted in data, and take advantage of compelling
artifacts.”
https://www.nngroup.com/articles/persuasive-storytelling/

[Section one ends.]

++ SECTION TWO:

+09: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard

+++ WEB DESIGN UPDATE. – Volume 17, Issue 44, April 25, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 44, April 25, 2019.

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

++ISSUE 44 CONTENTS.

SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://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: INFORMATION ARCHITECTURE.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: STANDARDS, GUIDELINES & PATTERNS.
10: NAVIGATION.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A Technical and Cultural Assessment of the Mueller Report PDF
By Duff Johnson.
“…In addition to not being searchable, the file contains no text, is
not tagged, and is therefore not accessible to disabled users. The US
Department of Justice has a clear policy of ensuring that public
documents comply with Section 508 regulations, and are therefore
accessible to users with disabilities. The Mueller Report PDF does not
conform with these regulations…”

A Technical and Cultural Assessment of the Mueller Report PDF

DoJ Reposts the Mueller Report
By Duff Johnson.
“As reported within hours by Quartz, four days after its initial
release and fanfare-free, the US Department of Justice re-posted the
Mueller Report PDF with a few improvements. They also added a few
problems…”

DoJ reposts the Mueller Report

Move Ya! Or Maybe, Don’t, if the User prefers-reduced-motion!
By Thomas Steiner.
“…Respecting user preferences is key for modern websites, and browsers
expose more and more features to enable web developers to do so. The
CSS Working Group are currently standardizing more user preference
media queries…”
https://developers.google.com/web/updates/2019/03/prefers-reduced-motion

Unintentionally Tabling Table Semantics
By Scott O’Hara.
“I feel like I have a knack for finding bugs and uncovering oddities
in how HTML and/or ARIA is exposed to browsers’ accessibility trees…”
https://www.scottohara.me/blog/2019/04/19/tabled-tables.html

Accessibility in Agile Transformational Practices
By Dylan Barrell.
“By implementing these accessibility practices into your agile
processes, agile teams can sustainably defeat the accessibility hydra
dragon.”

Accessibility in Agile Transformational Practices

Automatic Captions: Are They Helping or Hindering Students?
By Jaclyn Leduc.
“…Inaccurate captions negatively affect the perceived quality of video
content, but more importantly, they don’t adequately communicate the
message of the video to those who rely on captions to engage with
video content…”

Automatic Captions: Are They Helping or Hindering Students?

Artificial Intelligence Is Good, but Is It Good Enough for Captions?
By Elisa Edelberg.
“…when it comes to purely automated captioning solutions, there are no
solutions on the horizon that will address all of the challenges posed
by the captioning task. Technology just doesn’t have the same
capability that humans do…”

Artificial Intelligence Is Good, but Is It Good Enough for Captions?

Video Captions: Sometimes You Only Need to Ask
By Deborah Edwards-Onoro.
“…I’ve learned that sharing the poor video autocaptions is a powerful
way to encourage video producers to caption their videos…”

Video Captions: Sometimes You Only Need to Ask

How To Caption Your Instagram Stories To Make Them More Accessible
(Hat tip to Meryl Evans)
By Mika Doyle.
“If you follow Alexandria Ocasio-Cortez on social media, you might be
wondering how AOC captions her Instagram stories…”
https://www.bustle.com/p/how-to-caption-your-instagram-stories-to-make-them-more-accessible-17047616

What’s New in Accessibility in 2019
By Jonathan Hassell.
“This is the final part of my review of what is happening across the
Digital Accessibility Ecosystem in 2019…”

What’s new in Accessibility in 2019 – standards, authoring tools, frameworks and design thinking

The Coming Web Crack-Up
By Peter Slatin.
“…more appropriate words are deprivation and discrimination when
recognizing this for what it is: denial of service…”
https://www.forbes.com/sites/peterslatin/2019/04/21/the-coming-web-crack-up/

+02: CASCADING STYLE SHEETS.

Input with label hidden using display:none or even visibility:hidden
By Steve Faulkner.
“Sometimes developers hide label elements using display:none or even
visibility:hidden in an attempt to provide the label text to
screenreader users, while not displaying it visually. Unfortunately
when hidden using these particular CSS properties the for/id
programmatic association is broken…”
https://s.codepen.io/stevef/debug/LvgBmv

Inclusively Hidden
By Scott O’Hara.
“There are various ways to hide content in web interfaces, but are you
aware of the different effects they have on the accessibility of that
content?…”
https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html

That Time I Tried Browsing the Web Without CSS
By Jon Kantner.
“…A WebAIM survey from 2018 reported that 12.5% of users who rely on
any sort of assisted technology browse the web with custom
stylesheets, which can include doing away with every CSS declaration
across a site. And, if we’re talking about slow internet connections,
ditching CSS could be one way to consume content faster. There’s also
the chance that CSS is disabled for reasons outside our immediate
control, like when a server has hiccups of fails to load assets. As an
experiment, I used five websites and a web app without CSS, and this
post will cover my experiences…”

That Time I Tried Browsing the Web Without CSS

CSS Subgrid News and Demos
By Rachel Andrew.
“A couple of weeks ago I spoke at Frontend NE in Newcastle, a big part
of my talk was explaining what the CSS Grid Subgrid feature from Grid
Level 2 would contain…”
https://rachelandrew.co.uk/archives/2019/04/16/css-subgrid-news-and-demos/

+03: EVALUATION & TESTING.

Why You Should Measure UX Attitudes
By Jeff Sauro.
“…If you want to understand and predict user behavior, you need to
understand attitudes. But what is an attitude?…”

Why You Should Measure UX Attitudes

+04: EVENTS.

Mobile Office Hours: Accessible Carousels
April 29, 2019.
Online
https://accessibility.deque.com/mobile-office-hours-accessible-carousels

ADA and the Internet
May 16, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_niw0Aq9dRCCkcxGvEK-Ufw

Keynote by Bruce Lawson on How To Make Loveliness: an HTML Treasure Hunt
June 24, 2019.
London, England, United Kingdom
https://skillsmatter.com/meetups/11798-diversity-matters

CoderCruise
August 17-22, 2019.
Jacksonville, Florida, U.S.A.
https://www.codercruise.com/

National Association of Government Web (NAGW) Conference
September 18-20, 2019.
Salt Lake City, Utah, U.S.A.
https://nagw.org/content.php?page=conference

Big Design
September 19-21, 2019.
Dallas, Texas, U.S.A.

Homepage

The Fact & Fiction of Document Accessibility
September 30, 2019.
Minneapolis, Minnesota, U.S.A.

The Fact & Fiction of Document Accessibility

Monday, Sep 30, 2019, 5:30 PM

Industrious Minneapolis North Loop
Minneapolis, MN

13 Access Professionals Attending

Accessible documents, including PDFs, spreadsheets, brochures and forms, have been a point of contention for many organizations. Can documents be made accessible? What works and what doesn’t for real users who are vision impaired? Does document inaccessibility impact people with non-vision related disabilities? Is it possible to use software to mak…

Check out this Meetup →

+05: INFORMATION ARCHITECTURE.

Everyday Information Architecture: Auditing for Structure
By Lisa Maria Martin.
“We’re pleased to share an excerpt from Chapter 4 of Lisa Maria
Martin’s Everyday Information Architecture, from A Book Apart…”

Everyday Information Architecture: Auditing for Structure

+06: JAVASCRIPT.

12 Tips for More Accessible React Apps (Slides, React Finland 2019)
By Manuel Matuzovic.
“If you want to improve the accessibility of your React apps but you
don’t know how or where to start, this talk is just what you need…”
https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/

+07: MISCELLANEOUS.

Would Life be Happier Without Google? I Spent a Week Finding Out
By Tim Dowling.
“People had to get by without the search engine giant before it was
launched in 1998. But is it possible to live your life – and do your
job – without it these days…”
https://www.theguardian.com/technology/2019/apr/17/would-life-be-happier-without-google-i-spent-a-week-finding-out

Front-End Developer Handbook 2019
By Cody Lindley.
“This is a guide that anyone could use to learn about the practice of
front-end development. It broadly outlines and discusses the practice
of front-end engineering: how to learn it and what tools are used when
practicing it in 2018…”
https://frontendmasters.com/books/front-end-handbook/2019/

Inclusive: What is It?
By Jess Mitchell.
“…Inclusive isn’t easy. It’s often not comfy. And we know that we
avoid uncomfy…”
View at Medium.com

Accessibility with Heydon Pickering (Podcast)
By Dave Rupert and Chris Coyier.
“We’re chatting with Heydon Pickering about accessibility, using
pre-built solutions past their best before date, everyone’s varying
degrees of proficiency, and whether accessibility is becoming second
nature to more people…”

355: Accessibility with Heydon Pickering

+08: NAVIGATION.

Enriching Search Results Through Structured Data
By Google.
“For many years we have been recommending the use of structured data
on websites to enable a richer search experience. When you add markup
to your content, you help search engines understand the different
components of a page…”
https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html

+09: STANDARDS, GUIDELINES & PATTERNS.

Introducing USWDS 2.0
By Dan O. Williams and Maya Benari.
“Today, we’re launching U.S. Web Design System 2.0 (USWDS 2.0), a new
foundation for the future of our design system…”
https://v2.designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/

+10: USABILITY.

Icons: Avoid Temptation and Start with User Needs
By Ben Cullimore.
“Icons can be a useful way to represent ideas simply. Ben Cullimore,
Interaction Designer in the team which redesigned the NHS website,
explains how they decided on the most effective icons to use…”
https://digital.nhs.uk/blog/transformation-blog/2019/icons-avoid-temptation-and-start-with-user-needs

Designing Button Focus States for Better Usability
By Elizabeth Schafer.
“…buttons have more than one state. The default state we just created
looks good so far, but we need to make sure that it also looks
noticeably different when it’s focused. Many people exclusively use
keyboards to navigate, and rely on the focus state to know where they
are on the page…”
https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2

Customer-Focused Content: Creating Content People Want and Need
By Jennifer Leigh Brown.
“…In this article, learn what customer-centric content is and how it
leads to better outcomes for brands, businesses, and creative teams…”

Customer-focused Content: Creating Content People Want and Need

UX Responsibilities in Scrum Ceremonies
By Anna Kaley.
“As part of an Agile team, UX professionals should participate in all
Scrum ceremonies in order to maintain open communication, influence
product success, and productively contribute to the team.”
https://www.nngroup.com/articles/ux-scrum/

Sympathy vs. Empathy in UX
By Sarah Gibbons.
“The majority of UX professionals practice sympathy instead of empathy
for their users.”
https://www.nngroup.com/articles/sympathy-vs-empathy-ux/

3 Myths About Teens and Tech (Video)
By Alita Joyce.
“Debunked myths about how teenagers use computers and technology,
based on our usability research with users aged 13-17 years.”
https://www.nngroup.com/videos/myths-teens-tech/

[Section one ends.]

++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard

+++ WEB DESIGN UPDATE. – Volume 17, Issue 43, April 16, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 43, April 16, 2019.

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?
http://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: NAVIGATION.
10: TOOLS.
11: TYPOGRAPHY.
12: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

The Complete Guide to Captioned Videos
By Meryl K. Evans.
“Born profoundly deaf, I’ve depended on captions since getting my
first big clunky decoder in 1983…This guide will dive into why
captioning matters, how it provides a huge ROI, 10 rules for creating
great captions, and how to caption your videos…”

The Complete Guide to Captioned Videos

Is Your Web Site Really Accessible?
By Nicolò Carpignoli.
“Why accessibility matters and how you can check and eventually fix it
on your website…”
View at Medium.com

Power to the People, Freedom for Your Code
By Eric Eggert.
Eric’s April 2019 presentation slides from Funka Accessibility Days in
Stockholm, Sweden.
https://talks.yatil.net/ysWYmI/power-to-the-people-freedom-for-your-code

Accessibility Events
By Mat Marquis.
“…I won’t play a part in helping to propagate the mistake Apple’s
developers made. I’ll let my answer hang heavy and uncomfortable in
the air: no. Not because we can’t-we can. Not because we shouldn’t,
though, no, we still shouldn’t. No-now, I will allow the word to
become as coarse as I had always wanted it to be, because I no longer
have the cold comfort of “well, technically” to hide behind.”

Accessibility Events

About Accessibility Events (Hat tip to Leonie Watson)
By Apple.
“It’s experimental. It’s enabled by default in the OS, but not the
browser. It enables detection of events fired only when an AT is
running, but not the type of AT that is enabled.”
https://support.apple.com/en-us/HT209655

Top 5 Questions Asked in Accessibility Trainings
By Carie Fisher.
“…Below are the top five questions that I hear most often and some
context/resources to learn a bit more about each…”

Top 5 Questions Asked in Accessibility Trainings

University of Louisville Being Investigated for Possible Disability
Discrimination
By Morgan Watkins.
“The U.S. Department of Education’s Office for Civil Rights is
investigating the University of Louisville for possible
disability-related discrimination. University spokesman John Karman
confirmed that the Office for Civil Rights has launched a case, which
specifically concerns website and online course accessibility.”
https://www.courier-journal.com/story/news/education/2019/04/09/university-louisville-investigated-disability-discrimination/3405547002/

2019 CSUNATC Digital Accessibility Legal Update
By Lainey Feingold.
“…This is a post about laws and cases about the rights of disabled
people to be part of the digital world. Every year Lainey Feingold
does a talk at the CSUN conference about what’s new in the legal
world. This post described what Lainey talked about…”

2019 CSUNATC Digital Accessibility Legal Update

+02: CASCADING STYLE SHEETS.

Are Nested Grids Like Nested Tables?
By Rachel Andrew.
“A thing I keep hearing, and especially when talking about subgrid is,
‘nested grids … isn’t that like tables within tables in the olden
days?’ It is not. This is why…”
https://www.rachelandrew.co.uk/archives/2019/04/12/are-nested-grids-like-nested-tables/

+03: COLOR.

Why Cancel Buttons Should Never Have a Color
By Anthony Tseng.
“A Cancel button is not a call to action because no changes to the
system occur after it’s pressed. Therefore, you should never emphasize
it with color, otherwise you’ll give users that impression. Instead,
they should get the impression that no changes occur and that the
button is their escape commitment…”

Why Cancel Buttons Should Never Have a Color

How the Web Became Unreadable
By Kevin Marks.
“It’s been getting harder for me to read things on my phone and my
laptop. I’ve caught myself squinting and holding the screen closer to
my face…”
https://www.wired.com/2016/10/how-the-web-became-unreadable/

+04: EVALUATION & TESTING.

Think Like an Accessible UX Researcher Part 3, Five Common Mistakes in
Usability Testing and How to Avoid Them
By David Sloan.
“This is the third in a series of posts reviewing the advice in Think
like a UX Researcher, by David Travis and Philip Hodgson, from the
perspective of involving people with disabilities in UX research (see
Part 1 and Part 2). In this post, we’ll look at their advice on
usability testing and the ways that you can avoid making common
mistakes when running evaluations with people with disabilities…”

Think like an accessible UX researcher part 3: five common mistakes in usability testing and how to avoid them

Procedure and Criteria for Running a Website Usability Tests
By Eric Smith.
“…we will discuss specifically how usability tests work for websites
individually…”
https://uxplanet.org/procedure-criteria-for-running-a-website-usability-tests-73d083d7a987

How to Run a Retrospective for a Design Team (Video)
By Rachel Krause.
“Retrospectives are a dedicated time to come together, reflect, and
collaboratively improve your design team’s process. In this video,
we’ll walk through the four components of a retrospective and how to
use this meeting effectively.”
https://www.nngroup.com/videos/retrospectives/

Auditing My Own Site For Accessibility
By Nic Chan.
“I launched the first version of this site well over 3 years ago, and
it was one of my first fully completed code projects…”
https://www.nicchan.me/blog/auditing-my-own-site-for-accessibility/

W3C Invites Implementations of Accessibility Conformance Testing (ACT)
Rules Format 1.0
By W3C.
“The Accessibility Guidelines Working Group has published a Candidate
Recommendation of Accessibility Conformance Testing (ACT) Rules Format
1.0…”

W3C Invites Implementations of Accessibility Conformance Testing (ACT) Rules Format 1.0

+05: EVENTS.

Evaluating Organizational Readiness for Accessibility
April 18, 2019.
Online
https://zoom.us/webinar/register/9615537904399/WN_qEOlZwuhSLGm7VwIZk2Bwg
Further details by Deborah Edwards-Onoro:

Webinar: Evaluating Organizational Readiness for Accessibility

Talking Design with Adrian Roselli
April 23, 2019.
Toronto, Canada

Talking Design with Adrian Roselli

Tuesday, Apr 23, 2019, 6:00 PM

TELUS Digital
25 York Street Toronto, on

87 #a11yTO members Went

#a11yTO is happy to have Adrian Roselli back with a brand new talk! Designers can have an outsized impact on the accessibility of a project, being the ones who produce the visuals that are often critical for understanding and sign-off. Adrian will talk about the ways designers contribute to the overall accessibility of a site or application. We’ll …

Check out this Meetup →

Global Accessibility Awareness Day: Live Demos and Education
May 16, 2019.
Minneapolis, Minnesota, U.S.A.

Global Accessibility Awareness Day: Live Demos and Education

Thursday, May 16, 2019, 5:00 PM

Industrious Minneapolis North Loop
Minneapolis, MN

29 Access Professionals Attending

Sponsored by the Accessibility Team at WeCo, digital professionals who also live with disabilities! Join this fourth annual free, city-wide event to help educate and inform about digital accessibility. Live Device Demonstrations: Accessibility is about more than just screen readers. It impacts users with low vision, mobility, hearing and cognitive …

Check out this Meetup →

Online at:
https://zoom.us/j/495261745

Twin Cities Drupal Camp
June 6-8, 2019.
Minneapolis, Minnesota, U.S.A.
https://2019.tcdrupal.org/

Moving Mobile to 2.1
July 29, 2019.
Minneapolis, Minnesota, U.S.A.

Moving Mobile to 2.1

Monday, Jul 29, 2019, 5:30 PM

Industrious Minneapolis North Loop
Minneapolis, MN

15 Access Professionals Attending

As more organizations begin to adopt WCAG 2.1 to their website and software, we all know that mobile platforms aren’t far behind. This MeetUp will discuss how 2.1 applies to mobile formats. We will also answer questions and share ideas on how ATC members are making this happen. A great follow up to our May MeetUp, WCAG 2.1 Primer, this is another g…

Check out this Meetup →

An Event Apart Chicago
August 26-28, 2019.
Chicago, Illinois, U.S.A.
https://aneventapart.com/event/chicago-2019

TypeCon
August 28-September 1, 2019.
Minneapolis, Minnesota, U.S.A.
http://www.typecon.com/

W3C Technical Plenary / Advisory Committee (TPAC)
September 16-20, 2019.
Fukuoka, Japan
https://www.w3.org/2019/09/TPAC/

Accessibility Toronto Conference
October 15-16, 2019.
Toronto, Canada
http://conf.a11yto.com/

+06: HTML.

HTML Includes That Work Today
By Scott Jehl.
“As long as I have been working on the web, I’ve desired a simple
HTML-driven means of including the contents of another file directly
into the page…”
https://www.filamentgroup.com/lab/html-includes/

+07: JAVASCRIPT.

Defining Productivity
By Jeremy Wagner.
“As developers, we use frameworks and third party tools to build
websites faster and more easily. Ask any developer why they use these
tools, and the answer is deterministic: productivity. Surely we want
to be more productive in our work, but it’s worth asking ourselves an
important question: how are we defining productivity?”
https://jeremy.codes/blog/defining-productivity/

Web Components will Replace Your Frontend Framework
By Danny Moerkerke.
“The native web platform has caught up with frontend frameworks and
will slowly render them obsolete…”
https://www.dannymoerkerke.com/blog/web-components-will-replace-your-frontend-framework

Split
By Jeremy Keith.
“…the split that worries the most is this: The people who make the web
vs. the people who are excluded from making the web.
https://adactio.com/journal/15050

Javascript vs. CSS – More Control Means More Responsibility (video interview)
By Chris Heilmann.
“A few weeks ago I was in Paris, France to visit Prismic and they
interviewed me about the JavaScript vs. CSS debate. In 10 minutes we
covered a lot…”
https://christianheilmann.com/2019/04/11/javascript-vs-css-more-control-means-more-responsibility-video-interview/

Code Heart Design Conference Sydney (Video)
By Jed Watson.
“It’s wild how much JavaScript has learned from CSS over the years.
Need to target a DOM element? CSS Selectors have you covered!
Declarative code? That was CSS long before it was React. So as we
boldly put our CSS in our JS and step into the component age, let’s
take a look at some other lessons we can learn from the design
language of the web…”

+08: MISCELLANEOUS.

Nothing Fails Like Success
By Jeffrey Zeldman.
“Money and tech have a complicated relationship. We trained our users
to expect things for free. Quickly we realized that wasn’t a
sustainable business model, so we sold their data and served ads,
which invites its own problems. Now, we’re trying to undo this tangled
web. How do we get back to a democratized web?”

Nothing Fails Like Success

Everything You Know About Web Design Just Changed (Video)
By Jen Simmons.
“We’re standing at the threshold of an entirely new era in digital
design-one in which, rather than hacking layouts together, we can
actually describe layouts directly. The benefits will touch everything
from prototyping to custom art direction to responsive design. In this
visionary talk, rooted in years of practical experience, Jen Simmons
will show you how to understand what’s different, learn to think
through multiple stages of flexibility, and let go of pixel
constraints forever…”

A Website is a Car and Not a Book
By Robin Rendle.
“…You have to understand that you’re looking at an immensely
complicated system of moving parts…”

A Website is a Car and Not a Book

Google AMP Lowered Our Page Speed, and There’s No Choice But to Use It
By Walid Halabi.
“…AMP isn’t about speed. It’s about control…”
https://unlikekinds.com/article/google-amp-page-speed

+09: NAVIGATION.

Body Copy Link Styling - the Right Way
By Kevin R. Kirby.
“…Conclusion: Keep the underline in body copy text or stop putting
links inside of the body copy….”

Body copy link styling — the right way

Mega Menu Using Bootstrap Dialog Boxes
By David MacDonald.
“…I offer this as an alternative for those using Bootstrap. It works
in Bootstrap 3.3.7 or 4.x”
http://davidmacd.com/blog/bootstrap-mega.html

+10: TOOLS.

Able Player 4.0
By Terrill Thompson.
“New features include support for playlists, Vimeo, self-voicing of
text-based audio description, & improved support for extended audio
description, among others.”
https://github.com/ableplayer/ableplayer/releases/tag/v4.0

Reading Order Bookmarklet
By Adrian Roselli.
“When a keyboard-only user or screen reader user comes to page that
uses CSS to create a layout, there is a chance that what is on the
screen does not match the flow of the page…”

Reading Order Bookmarklet

axe for Android
By Deque.
Accessibility analysis tool available for the Android platform.

axe for Android

Captcha Solving Chrome Extension
By Oliver Edholm.
“I just wanted to announce that I’m now releasing a Chrome Extension
for automatic captcha solving…”
https://nvda.groups.io/g/nvda/message/60142

+11: TYPOGRAPHY.

Behind the Process of Helvetica’s 21st century Facelift
By William Joel.
“The famous typeface has been re-drawn for the modern era…”
https://www.theverge.com/2019/4/9/18302057/helvetica-now-new-monotype-typeface-charles-nix-design-optical-sizes-alternate-characters

+12: USABILITY.

Privacy UX: Better Cookie Consent Experiences
By Vitaly Friedman.
“This series of articles is about privacy-related design patterns.
We’ll be exploring some of the respectful ways to approach privacy and
data collection, and how to deal with those notorious cookie consent
prompts, intrusive push notifications, glorious permission requests,
malicious third-party tracking and offboarding experience…”
https://www.smashingmagazine.com/2019/04/privacy-ux-better-cookie-consent-experiences/

Interactions and Complexity
By Gerry McGovern.
“…The Web is not print. It’s a much more complex, networked
environment. Those who are investing in complexity, while also
investing in simplifying interactions with such complex systems, are
reaping the bountiful rewards.”

Interactions and complexity

Modes in User Interfaces: When They Help and When They Hurt Users
By Page Laubheimer.
“In a modal interface, the same user action can have different results
depending on the state of the system. Poorly signaled modes can easily
trigger user errors with disastrous consequences.”
https://www.nngroup.com/articles/modes/

Visual Design Terms Cheat Sheet
By Therese Fessenden.
“A glossary of visual-design terms and easy definitions can create
common ground in mixed teams whose members come with a variety of
backgrounds.”
https://www.nngroup.com/articles/visual-design-cheat-sheet/

UX is Not Arts & Crafts: Why We Use Tangibles (Video)
By Katie Sherwin.
“Flip-charts, post-its, markers, stickers, and even fake coins are
common ingredients in a UX toolkit. Though they may appear to be
frivolous art supplies, these materials serve a crucial role in
supporting team engagement, creativity, and focus.”
https://www.nngroup.com/videos/ux-not-arts-crafts/

[Section one ends.]

++ SECTION TWO:

+13: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://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:
http://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.]

Standard