+++ WEB DESIGN UPDATE. – Volume 17, Issue 49, May 29, 2019.

lcarlson
image.png
May 29
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 49, May 29, 2019.

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

++ISSUE 49 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: HTML.
06: MISCELLANEOUS.
07: NAVIGATION.
08: STANDARDS, GUIDELINES & PATTERNS.
09: TYPOGRAPHY.
10: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Contextually Marking up Accessible Images and SVGs
By Scott O’Hara.
“…there are various methods that can be used to provide an accessible
name to an image or SVG element…depending on the markup pattern and
the method used, the accessible name may not be exposed as expected,
due to quirks or gaps in implementations. This means that without
testing, graphics may not be exposed in the manner in which you might
expect…”
https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html

The Difference Between Keyboard and Screen Reader Navigation
By Léonie Watson.
“…Whether someone is a keyboard user or a screen reader user, the
importance of HTML cannot be emphasised enough. Without well-formed
HTML that uses the appropriate element for the purpose, screen reader
navigation breaks down completely, and keyboard navigation is at a
high risk of doing the same…”

The difference between keyboard and screen reader navigation

Accessible Icon Buttons
By Sara Soueidan.
“An icon button is an icon that triggers some sort of action on the page…”
https://www.sarasoueidan.com/blog/accessible-icon-buttons/

Tabindex: It Rarely Pays to be Positive
By Scott O’Hara.
“HTML’s tabindex attribute may be used to modify whether an element
can receive keyboard focus, or not…”
https://www.scottohara.me/blog/2019/05/25/tabindex.html

2.1.4 Character Key Shortcuts – WCAG 2.1 – Level A
By Rakesh Paladugula.
“If a keyboard shortcut is implemented in content using only letter
(including upper- and lower-case letters), punctuation, number, or
symbol characters, then at least one of the following is true…”

2.1.4 Character Key Shortcuts – WCAG 2.1 – Level A

Dragon and Accessible Names on the Web (Video)
By Eric Wright.
“A brief demonstration of “What You See Is What You Say” in a web
browser, and how interaction changes when I only have to say part of
an element’s accessible name. Elements should be named carefully to
enable intuitive interactions…”

Here are 23 Terms You Should Know to Better Understand Accessibility
By Julie Zeglen, Jonah Freedman et al.
“Audism, multi-modality and Section 508: We built a glossary based on
local experts’ suggestions of the terms they think everyone should
learn…”

Here are 23 terms you should know to better understand accessibility

A Model for WordPress Accessibility
By Adrian Roselli.
“I am going to propose a way to increase the overall accessibility of
the WordPress ecosystem…”

A Model for WordPress Accessibility

+02: CASCADING STYLE SHEETS.

Digging Into The Display Property: Grids All The Way Down
By Rachel Andrew.
“Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at what happens when you use grid as a value of
display, with added information about how subgrid changes that
behavior…”
https://www.smashingmagazine.com/2019/05/display-grid-subgrid/

+03: EVALUATION & TESTING.

Questionnaire Design: An Interview with Annie Pettit (Podcast)
By Gerry Gaffney.
“My guest today is a market research methodologist who specializes in
survey design and data quality…”
https://uxpod.com/questionnaire-design-an-interview-with-annie-pettit/

Macro & Microconversions as Metrics in Analytics (Video)
By Kathryn Whitenton.
“The most desired user actions (macroconversions) may be too rare to
generate enough analytics data for fast design iteration, so we can
also analyze smaller user actions (microconversions) that are more
frequent and are connected to bigger goals.”
https://www.nngroup.com/videos/macro-microconversions-metrics-analytics/

+04: EVENTS.

Web Accessibility Evaluation for Non-Technical Users (3-part course)
June 10, 12, and 14, 2019.
Online.
http://disability.illinois.edu/academic-support/accessible-it-group/badging#nontech

Minnesota Assistive Technology (AT) and Accessibility Summit
June 13-14, 2019.
St. Paul, Minnesota, U.S.A.
https://www.regonline.com/builder/site/default.aspx?EventID=2564241

Web Accessibility Evaluation for Technical Users (3-part course)
June 17, 19, and 21, 2019
Online.
http://disability.illinois.edu/academic-support/accessible-it-group/badging#tech

Access Technology Higher Education Network (ATHEN) Virtual Conference
June 21, 2019.
Online
https://athenpro.org/content/athen-virtual-conference

IndieWeb Summit
June 29-30, 2019.
Portland, Oregon, U.S.A.
https://2019.indieweb.org/summit

Audio Description Institute
July 10-12, 2019.
Rochester, New York, U.S.A.
https://acbconvention.org/account/adp/login.php

Chicago UX Conference
September 7-13, 2019, U.S.A.
Chicago, Illinois, U.S.A.
https://www.nngroup.com/training/chicago/

Accessibility Scotland
October 25, 2019.
Edinburgh, Scotland

Accessibility Scotland 2019

+05: HTML.

What Have HTML5 Elements Ever Done for Accessibility? (Slides)
By Graham Armfield.
“It’s a story of good intentions that haven’t always been carried
through into a good implementation.”

Placeholder: The Piss-Take Label
By Steve Faulkner.
“The reasons why use of the placeholder attribute as the only means of
providing a user readable prompt for a form control is deficient UX,
are voluminous…”
https://codepen.io/stevef/post/placeholder-the-piss-take-label

+06: MISCELLANEOUS.

Plain Text vs. HTML Emails: Which Is Better? [New Data]
By Niti Shah.
“…Although people say they prefer HTML-based and image-based emails,
in reality, simpler emails perform best — and plain-text emails
perform best of all…”
https://blog.hubspot.com/marketing/plain-text-vs-html-emails-data

+07: NAVIGATION.

How Many Items in a Navigation Menu? (Video)
By Page Laubheimer.
“A key question in information architecture (IA) is to decide the
number of items in navigation menus (including global menus and local
menus). 4 main factors determine the answer, but it’s not 7, despite a
common myth.”
https://www.nngroup.com/videos/number-items-navigation-menu/

+08: STANDARDS, GUIDELINES & PATTERNS.

W3C and WHATWG to Work Together to Advance the Open Web Platform
By Jeff Jaffe.
“…Motivated by the belief that having two distinct HTML and DOM
specifications claiming to be normative is generally harmful for the
community, and the mutual desire to bring the work back together, W3C
and WHATWG agree to the following terms…”

W3C and WHATWG to work together to advance the open Web platform

+09: TYPOGRAPHY.

Typography Terms Cheat Sheet
By Therese Fessenden.
“Typography concepts can sometimes get lost in translation between
researchers, developers, designers, and stakeholders. Use this cheat
sheet to help you decode the meaning of common or often mistaken
typography terms.”
https://www.nngroup.com/articles/typography-terms-ux/

The State of Fluid Web Typography
By Matej Latin.
“Fluid typography gives us so many opportunities to better design the
reading experiences on the web but, at the same time, it introduces
problems of font sizes scaling uncontrollably and potential
accessibility issues. Is fluid web typography ready to be used?…”
https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/

font-display is Incompatible with Icon Fonts
By Zach Leatherman.
“There are myriad problems with icon fonts…”
https://www.zachleat.com/web/font-display-icon-fonts/

+10: USABILITY.

User Needs, and Why Your Organization Doesn’t Care About Them
By Padma Gillen.
“We are excited to share this excerpt from GatherContent’s book Lead
with Content…”

User needs, and why your organization doesn’t care about them

‘About Us’ Information on Websites
By Anna Kaley and Jakob Nielsen.
“Users expect About Us sections to be clear, authentic, and
transparent. They compare corporate content with third-party reviews
to form a holistic opinion of a company before initiating business or
applying for jobs.”
https://www.nngroup.com/articles/about-us-information-on-websites/

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

Advertisements
+++ WEB DESIGN UPDATE. – Volume 17, Issue 49, May 29, 2019.

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

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?
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: 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

86 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

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

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

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

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

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

++ISSUE 48 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: TOOLS.
09: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

First Annual State Of Accessibility Report (PDF)
By Diamond.
“The current state of accessibility is unacceptable. There are an
average of 59.6 major accessibility errors per webpage. From both a
civil rights and a business perspective, the 61 million Americans 2
and 1 billion people with disabilities (‘PwD’) worldwide are
under-served by today’s digital products. Accessibility lawsuits are
rising exponentially, which has resulted in nascent awareness that
accessibility is an issue…”
https://cdn2.hubspot.net/hubfs/5626219/SOAR%20/Diamond_SOAR_Report_2019.pdf

Columbia & Elm; Fairfield & Gloucester
By Ethan Marcotte.
“…I want to read poetry in alt text; to have our work’s success
measured by how broadly it can be accessed; to create moving,
beautiful experiences for people who may not use the web like I do…”
https://ethanmarcotte.com/wrote/columbia-and-elm-fairfield-and-gloucester/

7 Reasons Why You Want to Caption Your Videos
By Meryl K. Evans.
“…People who are deaf or hard of hearing are NOT the main users of
captioned videos. Here are seven reasons to caption your videos…”
https://www.linkedin.com/pulse/7-reasons-why-you-want-caption-your-videos-meryl-evans

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
“…To mark Global Accessibility Awareness Day, we asked several
accessibility advocates for some practical tips you may not have
thought of, to help you build sites and apps that are more accessible
and inclusive…”
https://www.shopify.com/partners/blog/universal-design

Short Note on prefers-reduced-motion and Puzzled (Windows) Users
By Patrick H. Lauke.
“…recommend just sticking to this particular (Windows-specific effects
in the ‘Advanced System Settings’) checkbox when testing for 2.3.3
Animation from Interactions – unless you enjoy spending time after
each round of testing to reset your Windows environment the way you
like it.”

Short note on prefers-reduced-motion and puzzled (Windows) users

Checklist
By The A11Y Project.
“Determine how accessible your site is…”
https://a11yproject.com/checklist

Understanding SC 1.1.1 Non-text Content
By Raghavendra Satish Peri.
“This success criterion requires that any non-text content that
includes active images (imagelinks), area maps, informative images,
complex charts and graphs, CSS images, decorative images, input image
controls, CAPTCHA and audio and video contents must have text
alternatives…”

Understanding SC 1.1.1 Non-text Content

Summary of Accessibility Toronto Camp
By Dennis Lembree.
“Accessibility Toronto Camp occurred Saturday, May 18 at OCAD
University in incredible city of Toronto, Ontario, Canada…”

Summary of Accessibility Toronto Camp

Selfish Accessibility – YGLF Vilnius (Slides)
By Adrian Roselli.
Adrian’s Vilnius JavaScript slides.

Selfish Accessibility — YGLF Vilnius

How Your Company Can Prevent ADA Website Accessibility Lawsuits
By Kim Krause Berg.
“…The only way to prevent an ADA lawsuit is to plan for, design and
build for web accessibility…”
https://www.searchenginejournal.com/prevent-accessibility-website-lawsuit/306055/

Fraud Whistleblower Seeks Redress for Inaccessible Public Website that
Cost California $66 Million
By Kristopher Nelson.
“TRE Legal Practice alleges that Xerox Corp. and Conduent, Inc.
defrauded taxpayers when the two companies built a $66 million state
park reservation website that hundreds of thousands of Californians
with disabilities cannot use…”

Fraud Whistleblower Seeks Redress for Inaccessible Public Website that Cost California $66 Million

+02: EVALUATION & TESTING.

Using Trade-Off Scales for Prioritization in UX Design Projects
By Anna Kaley.
“Trade-off scales are a tool that UX practitioners can use to to
visually prioritize user needs and project dimensions to focus
resources on the most important ones.”
https://www.nngroup.com/videos/tradeoff-scale-ux-priority/

+03: EVENTS.

Utah Accessibility Meetup #1
May 29, 2019.
Salt Lake City, Utah, U.S.A.

Utah Accessibility Meetup #1

Wednesday, May 29, 2019, 6:00 PM

6330 S 3000 E
6330 S 3000 E Salt Lake City, UT

46 Members Went

Our initial meetup will feature an opportunity to meet each other, two short accessibility presentations, planning for future meetups, pizza and refreshments, and opportunities for socializing and networking. Jared Smith will present on a WebAIM research project that analyzed the home pages of the top 1 million web sites for accessibility issues. H…

Check out this Meetup →

Maker Series: Accessibility Workshop with Derek Featherstone
June 13, 2019.
Dayton, Ohio, U.S.A.
https://www.eventbrite.com/e/maker-series-accessibility-workshop-with-derek-featherstone-tickets-61582042547

Impact of Captions & Transcripts on Student Learning & Comprehension
June 26, 2019.
Online

Upcoming Webinars

JSConf US
August 12-14, 2019
Carlsbad, California, U.S.A.
https://2019.jsconf.us/

Vancouver UX Conference
August 19-23, 2019.
Vancouver, British Columbia, Canada
https://www.nngroup.com/training/vancouver/

Abstractions
August 21-23, 2019
Pittsburgh, Pennsylvania, U.S.A.
https://abstractions.io/

W3C Developer Meetup
September 16, 2019.
Fukuoka, Japan
https://www.w3.org/2019/09/Meetup/

+04: HTML.

Building an Accessible Progressive Loader (Slides)
By Russ Weakley.
“This presentation for A11y Bytes May 2019, takes you through how to
mark up a progress loader using the progress element. Then, eight tips
for making the progress loader accessible.”

+05: JAVASCRIPT.

JavaScript and Accessibility: Accordions
By Lindsey Kopacz.
“…I am going to go into a deep dive on how to make accordions
accessible! Our focus is: 1.) Accessing the accordion with a keyboard
1.) Screen reader support…”
https://www.a11ywithlindsey.com/blog/javascript-accessibility-accordions/

+06: MISCELLANEOUS.

Take Back Your Web (Video)
By Tantek Çelik.
“…Own your domain. Own your content. Own your social connections. Own
your reading experience. IndieWeb services, tools, and standards
enable you to take back your web.”

Can ‘Indie’ Social Media Save Us?
By Cal Newport.
“…If you’re using a company’s servers without paying for the
privilege, then that company must be finding other ways to ‘extract
value’ from you…Social media has reshaped our culture, and this has
convinced us that it is fundamentally appealing. Strip away its most
manipulative elements, though, and we may find that it’s less
rewarding than it seems.”
https://www.newyorker.com/tech/annals-of-technology/can-indie-social-media-save-us

All Constraints are Beautiful (Video)
By Charlie Owen.
“…In this talk Charlie will tell us how constraints are something that
should be sought out and embraced, especially in the infinite chaos of
the web…”

Accessibility in Web Standards (Podcast)
By Jamie White.
“Léonie Watson has been focused on accessibility for nearly twenty
years. She joins us to talk about her long career in web
accessibility, her involvement in the W3C, and where she believes the
future of the technology is headed.…”
https://www.heroku.com/podcasts/codeish/16-accessibility-in-web-standards

+07: NAVIGATION.

How to Conduct Research for Customer Journey Mapping (Video)
By Kate Kaplan.
“When conducting research for customer-journey maps, use qualitative
methods that allow direct interaction with or observation of users,
such as interviews, field studies, and diary studies.”
https://www.nngroup.com/videos/research-journey-mapping/

+08: TOOLS.

ARC Toolkit
By The Paciello Group.
“Quickly uncover accessibility issues on any web page and gain
valuable accessibility insights with TPG’s ARC Toolkit.”

ARC Toolkit

Contrast Checker
By GOVUK Design System Team.
Developed to help test WCAG 2.1 Success Criterion 1.4.11: Non-text Contrast.
https://contrast-checker.glitch.me/

+09: USABILITY.

Digital Contributing to Climate Crisis
By Gerry McGovern.
“…The digital environment is much more wasteful than the physical
environment since it is easy to create, copy, and publish digital
things. Our oceans are full of plastic. Our websites are even more
full of crap. We treat our digital environment even worse than our
physical environment. It’s high time we changed.”

Digital contributing to climate crisis

10 Usability Heuristics Applied to Video Games
By Alita Joyce.
“Following Jakob Nielsen’s 10 heuristics for user-interface design
will improve the user experience of video games.”
https://www.nngroup.com/articles/usability-heuristics-applied-video-games/

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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