+++ WEB DESIGN UPDATE.
- Volume 16, Issue 40, March 29, 2018.

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

++ISSUE 40 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: INFORMATION ARCHITECTURE.
08: MISCELLANEOUS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Verified Accessibility Samples (Va11yS)
By International Business Machines (IBM).
"Explore the repository of working accessibility code samples and
design patterns that can be implemented directly into your design and
development…"
https://www-03.ibm.com/able/va11ys.html

Three Developer Behaviors to Eliminate 85 Percent of Accessibility Defects
By Sean Kelly and Thomas F. Dinkel.
Sean and Thomas' CSUN presentation slides.
https://www.slideshare.net/seankelly612/three-developer-behaviors-to-eliminate-85-percent-of-accessibility-defects-91706469

Accessibility Heuristics for Designers (PDF)
By Caitlin Geier and Denis Boudreau.
"10 general rules of thumb for accessible design…"
https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/edit

Survey of Web Accessibility Practitioners #2
By WebAIM.
"The following survey is a follow-up to a previous Survey of Web
Accessibility Practitioners conducted July 2014…"
https://webaim.org/projects/practitionersurvey2/

Potholes of Discrimination: A Post-CSUN Legal Update Wrap-Up
By Lainey Feingold.
"…This is a post about what the law is saying about web accessibility…"
http://www.lflegal.com/2018/03/csun18-follow-up/

Making Bulb Accessible - Introducing the New Bulb Site
By Heydon Pickering.
"At the end of last year, Bulb pledged to significantly improve the
accessibility of the site…"
https://bulb.co.uk/blog/making-bulb-accessible-introducing-the-new-bulb-site

CSUN 2018 Presentation Links
By Christopher Phillips.
A crowdsourced list of CSUN presentation presentations from last
week's conference.
https://docs.google.com/spreadsheets/d/1NtrU3K_f1vlfjGTnkFJeSja7_xdI9T8rWAgFz5Y-1w0/edit#gid=0

No Relief in Sight from Website Accessibility Lawsuits
By Matthew P. Horvitz and Andrew J. Ferren.
"…a proactive approach to accessibility should help businesses reduce
the risk of being targeted by a lawsuit."
https://www.retaillawadvisor.com/2018/03/21/no-relief-in-sight-from-website-accessibility-lawsuits/

The Growing Emphasis on Accessibility and Inclusive User Experience
By  Kim Krause Berg.
"There is growing interest in web accessibility around the world, with
more companies seeking to make their web properties inclusive and user
friendly for all people.…"
https://searchnewscentral.com/blog/2018/03/28/the-growing-emphasis-on-accessibility-and-inclusive-user-experience/

N.Y. Lawyers Sue 40-plus Companies on Behalf of Blind Man in a Month
By Justin Stoltzfus.
"A class action lawsuit on behalf of Queens, N.Y., resident Eugene
Duncan and other visually impaired plaintiffs against Popular North
America Inc. is one of 43 recent Americans with Disabilities Act cases
filed on his behalf…"
https://legalnewsline.com/stories/511366628-n-y-lawyers-sue-40-plus-companies-on-behalf-of-blind-man-in-a-month

New Guidelines Let Civil Rights Office Ignore Cases From Serial Complainers
By Christina A. Samuels.
"The U.S. Department of Education's office for civil rights has
started dismissing hundreds of disability-related complaints,
following new guidelines that say such cases will be dismissed when
they represent a pattern of complaints against multiple recipients…"
https://www.edweek.org/ew/articles/2018/03/22/new-rule-lets-civil-rights-office-ignore.html


+02: CASCADING STYLE SHEETS.

Good ol' Margin Collapsing
By Chris Coyier.
"Here's a one-sentence blog post about margin collapsing: When two
block elements are stacked on top of one another, the vertical space
between them is the larger between the one on top's margin-bottom and
the one on the bottom's margin-top…"
https://css-tricks.com/good-ol-margin-collapsing/

The Future of Web Layout (Video)
By Aquent Gymnasium.
"A webinar discussing new advances in web layout techniques that will
impact web designers and developers in the near future. Rachel Andrew
and Jason Pamental join Jeremy Osborn to help deconstruct the upcoming
shift in designing for the web."
https://www.youtube.com/watch?v=LUMkgn_xtlg

A CSS Approach to Trap Focus Inside of an Element
By Kushagra Gour.
"…While experimenting, I discovered a neat CSS trick on how to trap
focus within the <dialog> element, a common accessibility requirement
for modals, and a notoriously difficult one…"
https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/

Nobody Said CSS Is Easy
By Amber Wilson.
"Wait, some people have said this. But I'd like to politely voice the
opinion that they are wrong…"
https://amberwilson.co.uk/blog/nobody-said-css-is-easy/


+03: COLOR.

Designing Systematic Colors
By Jeeyoung Jung.
"How to make themable, flexible, WCAG 2.0 compliant color ramps for a
design system…"
https://uxplanet.org/designing-systematic-colors-b5d2605b15c


+04: EVALUATION & TESTING.

Remote Moderated Usability Tests: How and Why to Do Them
By Kate Meyer and Kara Pernice.
"Remote unmoderated usability testing is so fast and easy that some
teams make it their only evaluation method. But don't shy away from
its more robust alternative, the remote moderated usability test,
which can give you more information and is also inexpensive."
https://www.nngroup.com/articles/moderated-remote-usability-test/

How to Make Usability Testing a Habit
By Stefan Rössler.
"…The best thing about making usability testing a habit is that you
keep getting better at it…"
https://userbrain.net/blog/make-usability-testing-habit

How Large Is the Evaluator Effect in Usability Testing?
By Jeff Sauro.
 "…if you change the person looking for the problems (the evaluator),
do you get a different set of problems?…"
https://measuringu.com/evaluator-effect/


+05: EVENTS.

Getting Started in Accessibility
April 4, 2018.
Minneapolis, Minnesota, U.S.A.
https://www.eventbrite.com/e/getting-started-in-accessibility-tickets-42715561394

What You Need to Know to Get Accessibility Right
April 4, 2018.
Online.
http://apexcovantage.com/resources/webinar-need-know-get-accessibility-right/

John Slatin AccessU
May 14-16, 2018.
Austin, Texas, U.S.A.
https://knowbility.org/programs/accessu/

This.JavaScript: A11Y
May 17, 2018.
Online.
https://www.thisdot.co/javascript/05-17-2018

UI 21
November 12-14, 2018.
Boston, Massachusetts, U.S.A.
https://ui21.uie.com/

Accessing Higher Ground
November 12-16, 2018.
Westminster, Colorado, U.S.A.
http://accessinghigherground.org/

Agile Accessibility in a Regulated Industry
November 15, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=527


+06: HTML.

Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion
By Chris Coyier.
"Gosh bless the <details> element. Toss some content inside it and you
have an accessible expand-for-more interaction with just about zero
work…"
https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/


Typical/Expected Screen Reader Output
By Steve Faulkner.
"Typical/expected screen reader output
<a href="#">hello</a> hello
<a href="#" title="goodbye">hello</a> hello goodbye
<a href="#" aria-label="goodbye">hello</a> goodbye
<a href="#" aria-label="goodbye"></a> goodbye
<a href="#" title="goodbye"></a> goodbye"
https://twitter.com/stevefaulkner/status/978310635023949830


+07: INFORMATION ARCHITECTURE.

A Guide to Information Architecture
By Miklos Philips.
"…Information architecture (IA) is, like a blueprint, a visual
representation of the product's infrastructure, features, and
hierarchy. …"
https://blog.prototypr.io/the-comprehensive-guide-to-information-architecture-29b09695fbcb


+08: MISCELLANEOUS.

Using Ethics In Web Design
By Morten Rand-Hendriksen.
"…Even small and seemingly insignificant decisions can have enormous
implications, and though ethics often stand in the way of immediate
rapid innovation, growth, and quick revenue, they help ensure the
longevity of our designs and help us carve paths to better futures for
everyone…"
https://www.smashingmagazine.com/2018/03/using-ethics-in-web-design/

Why Enterprise Software Fails (and what to do about it)
By Gerry McGovern.
"The Canadian government's Phoenix payroll system is no more. It was
supposed to cost about C$300 million and deliver tremendous
efficiencies. Instead, it has cost C$1 billion and delivered nothing
but pain and disaster…"
http://gerrymcgovern.com/why-enterprise-software-fails-and-what-to-do-about-it/

CSUN 2018 Accessibility Interview: Denis Boudreau
By Vivian Cullipher.
"Vivian interviews Montreal-based Denis Boudreau, Principal Web
Accessibility Consultant and Strategist for Deque, covering everything
from Denis's take on what digital accessibility is, details on a
couple of his upcoming CSUN presentations, how AI might advance
accessibility for people with disabilities, and more…"
https://www.microassist.com/digital-accessibility/csun-2018-accessibility-interview-denis-boudreau/#intro


+09: USABILITY.

Yes, Icons Need Text Labels (Video)
By Aurora Harley.
"Universal icons are rare. To help overcome the ambiguity that almost
all icons face, a text label must be present alongside an icon to
clarify its meaning."
https://www.nngroup.com/videos/icon-text-labels/

In Defense of Post-its
By Sarah Gibbons.
"Sticky notes strengthen team dynamics and represent an egalitarian,
concise means for expressing ideas in UX design projects."
https://www.nngroup.com/articles/post-it-in-ux/

When Making Design Tradeoffs, Don't Forget Hidden Costs (Video)
By Kathryn Whitenton.
"When making design decisions, analyze the alternatives to identify
hidden costs before you get stuck paying for them."
https://www.nngroup.com/videos/design-tradeoffs-hidden-costs/


[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 32, February 1, 2019. 

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

++ISSUE 32 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: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Time Traveler's Guide to Accessibility Mechanics (Video) 
By Léonie Watson. 
"…As we move towards a future of Web Components, the time has come to 
invent another solution that will let us encapsulate accessibility in 
the shadow DOM - and its called the Accessibility Object Model (AOM)…" 
https://www.youtube.com/watch?v=q31V1zeEgoA 

Announcing 'Access,' a Short Film About Accessibility (Video) 
By Chris Higgins. 
"Today I released Access, my short documentary about accessibility. It 
follows Cory Joseph through a typical day, showing how he uses his 
smartphone, Braille display, tactile watch, and guide dog (named Vine) 
to navigate the world. I hope you watch it, and I hope it inspires you 
to make your work more accessible to more people…" 
https://medium.com/@chrishiggins/announcing-access-a-short-film-about-accessibility-2812ef64a13b 

Digital Accessibility Concerns in Design Affordances (Hat Tip to Jim Allan) 
By Sheri Byrne-Haber. 
"A design affordance is a clue about how an object should be used, 
typically provided by the object itself or its context…" 
https://medium.com/@sheribyrnehaber/digital-accessibility-concerns-in-design-affordances-34c38f5d6779 

How to Learn About Accessibility Best Practices in WordPress 
By Deborah Edwards-Onoro. 
"Learn how to make your WordPress site accessible to everyone." 
https://www.lireo.com/learn-about-wordpress-accessibility-best-practices/ 

Switch Access on Mobile 
By Rakesh Paladugula. 
"Switch Access allows the users with dexterity impairments to use 
their mobile device without touching the screen…" 
https://www.maxability.co.in/2019/01/switch-access-mobile/ 

Word and PowerPoint Accessibility Evaluation Checklist 
By WebAIM. 
"This new resource can help you through the process of evaluating 
Office documents and presentations for accessibility." 
https://webaim.org/resources/evaloffice/ 

Real Facts about the Elderly and the World Wide Web 
By Joel Holmberg. 
"There are lots of stereotypes about the elderly and tech or the world 
wide web…" 
https://axesslab.com/real-facts-about-the-elderly-and-the-world-wide-web/ 

More Than 75 New York Galleries Are Slammed With Lawsuits for 
Allegedly Violating the Americans With Disabilities Act 
By Eileen Kinsella. 
"Galleries are the latest industry to be targeted by a wave of 
lawsuits over the accessibility of their websites…" 
https://news.artnet.com/art-world/dozens-of-new-york-galleries-slammed-with-lawsuits-for-ada-compliance-on-websites-1450276 

Digital Accessibility - Developments in 2018 
By Teresa L. Jakubowski. 
"In 2018, the field of digital accessibility witnessed a number of 
developments, including increasing litigation, demand letters, and the 
release of the Web Content Accessibility Guidelines 2.1 (WCAG 2.1)…" 
https://library.educause.edu/resources/2019/1/digital-accessibility-developments-in-2018 

Digital Accessibility Law and Regulation: Current Status and What to Do About It 
By Jarret Cummings. 
"To help members navigate the often confusing compliance environment 
for digital accessibility, EDUCAUSE asked a legal expert to review 
last year's major developments, explain what they mean, and identify 
key steps that institutions should consider in response…" 
https://er.educause.edu/blogs/2019/1/digital-accessibility-law-and-regulation-current-status-and-what-to-do-about-it 

The Legal Picture for Web Accessibility in 2019 
By Joseph C. Dolson. 
"…Even though the DoJ has not established guidelines for accessible 
websites, businesses (including ecommerce sites) are well advised to 
follow W3C's Web Content Accessibility Guidelines, version 2.1, at 
level AA. There are several reasons…" 
https://www.practicalecommerce.com/the-legal-picture-for-web-accessibility-in-2019 



+02: CASCADING STYLE SHEETS. 

Putting the Flexbox Albatross to Real Use 
By Chris Coyier. 
"If you hadn't seen it, Heydon posted a rather clever flexbox layout 
pattern that, in a sense, mimics what you could do with a container 
query by forcing an element to stack at a certain container width. I 
was particularly interested, as I was fighting a little layout 
situation at the time I saw this and thought it could be a solution. 
Let's take a peak…" 
https://css-tricks.com/putting-the-flexbox-albatross-to-real-use/ 

HTML, CSS and our Vanishing Industry Entry Points 
By Rachel Andrew. 
"Everyone is angry about CSS again. I'm not even going to try to 
summarize the arguments. However it always seems to boil down to the 
fact that CSS is simultaneously too easy to bother with, yet so hard 
it needs to be wrapped up in a ball of JavaScript in case it scares 
the horses…" 
https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/ 


+03: EVALUATION & TESTING. 

User Test Content Before You Start Design 
By Amy Grace Wells. 
"…Adding this step can save time, money, and effort in every stage of 
the design process by informing wireframes and design, providing 
strong guidelines for writers, and helping to settle debates with 
stakeholders…" 
https://www.uxbooth.com/articles/user-test-content-before-you-start-design/ 

What Motivates People to Take Free Surveys? 
By Jeff Sauro. 
"…To better understand the reasons people take unpaid surveys and to 
see whether their attitudes were more systemically positive or 
negative, we conducted our own research across two online studies…" 
https://measuringu.com/free-surveys/ 

How to Assess the Quality of a Measure 
By Jeff Sauro. 
"It seems like each year introduces a new measure or questionnaire…" 
https://measuringu.com/measure-quality/ 

Interpreting Contradictory UX Research Findings 
By Kate Moran. 
"If your product looks good from one perspective and bad from another, 
you have to check the methodology and try to interpret the findings." 
https://www.nngroup.com/articles/interpreting-research-findings/ 


+04: EVENTS. 

Digital Accessibility Support - A Guide to Trustworthy Free Online Resources 
February 5, 2019. 
Online. 
https://www.paciellogroup.com/events/2019/01/webinar-february-5-digital-accessibility-support-a-guide-to-trustworthy-free-online-resources/ 

Moving Forward with Digital Accessibility in Higher Education 
February 22, 2019. 
Sussex, England, United Kingdom 
http://www.sussex.ac.uk/tel/seminar/digitalaccessibility 

Information Architecture Conference (IAC) 
March 12-17, 2019. 
Orlando, Florida, U.S.A. 
http://www.theiaconference.com/ 

Axe-Hackathon 2019 
March 16, 2019. 
Anaheim, Califorina, U.S.A. 
https://www.eventbrite.com/e/axe-hackathon-2019-tickets-54988465982 

Midwest Drupal Camp 
March 20-23, 2019. 
Chicago, Illinois, U.S.A. 
https://www.midcamp.org/ 

Web Accessibility Techniques for ReactJS and AngularJS 
March 28, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=558 

London UX Conference 
March 30-April 5, 2019. 
London, England, United Kingdom 
https://www.nngroup.com/training/london/ 


+05: HTML. 

HTML is and Always was a Compilation Target - Can We Deal With That? 
By Christian Heilmann. 
"…We need to help with the template code source, the framework 
renderers. We need to ensure that the conversion stage results in good 
HTML - not easy HTML. And we need to work with tool developers to make 
sure that people learn about the value of semantics…" 
https://christianheilmann.com/2019/01/28/html-is-and-always-was-a-compilation-target-can-we-deal-with-that/ 

Designing for the Web Ought to Mean Making HTML and CSS 
By David Heinemeier Hansson (DHH). 
"…Designing for the modern web in a way that pleases users with great, 
fast designs needn't be this maze of impenetrable complexity. We're 
making it that! It's possible not to." 
https://m.signalvnoise.com/designing-for-the-web-ought-to-mean-making-html-and-css/ 


+06: JAVASCRIPT. 

a11y and JS - A Seemingly Unconventional Romance 
By Lindsey Kopacz. 
"… I want you to know that JavaScript isn't the enemy of 
accessibility. Instead, lack of empathy is. With some empathy and your 
awesome JavaScript skills, you CAN make your sites accessible!" 
https://www.a11ywithlindsey.com/blog/a11y-js-seemingly-unconventional-romance/ 


+07: MISCELLANEOUS. 

WebExtensions v3 Considered Harmful 
By Daniel Glazman. 
"The Open Web Platform is alive and vibrant. The Browser Extension 
ecosystem is in jail, subject to unpredictable harmful changes decided 
by one single actor. This must change, it's not viable any more…" 
http://www.glazman.org/weblog/dotclear/index.php?post/2019/01/23/WebExtensions-v3-considered-harmful 

The Great Divide 
By Chris Coyier. 
"Two front-end developers are sitting at a bar. They have nothing to 
talk about…" 
https://css-tricks.com/the-great-divide/ 

Openness and Longevity 
By Garrett Dimon. 
"…The web is the quintessential definition of together. Web standards 
evolve slowly because they're collaborative. They last because they're 
scrutinized. New front-end frameworks and technologies try to 
circumvent or route around that process in the name of moving faster. 
Sometimes, they surface great ideas that make their way into browsers. 
But more often than not, they fade away." 
https://garrettdimon.com/2019/openness-and-longevity/ 


+08: NAVIGATION. 

Underlines Are Beautiful 
By Adrian Roselli. 
"Underlines, the standard, built-in signifier of hyperlinks, the core 
feature of the web, are beautiful…" 
http://adrianroselli.com/2019/01/underlines-are-beautiful.html 

Added Underlines to Links in Toots (Pull Request) 
By Adrian Roselli. 
"Link text color is #f1ebff, surrounding text is #ffffff. They have a 
contrast ratio of 1.2:1. Not only is hard to see links that are so 
close in color to the text, they also require a pointing device 
(mouse) to quickly scan for links. Instead of having to meet a 4.5:1 
contrast ratio, adding the underline will allow this to pass a WCAG 
check…" 
https://github.com/tootsuite/mastodon/pull/9898 


+09: STANDARDS, GUIDELINES & PATTERNS. 

Table Design Patterns On The Web 
By Chen Hui Jing. 
"Tables are a design pattern for displaying large amounts of data in 
rows and columns, and have not yet seemed to fall out of favor, so 
let's take a look at how we can create tables on the web in 2019…" 
https://www.smashingmagazine.com/2019/01/table-design-patterns-web/ 


+10: USABILITY. 

Tooltip Guidelines 
By Alita Joyce. 
"Tooltips are user-triggered messages that provide additional 
information about a page element or feature. Although tooltips aren't 
new to the web, they are often incorrectly implemented." 
https://www.nngroup.com/articles/tooltip-guidelines/ 

Web Page Usability Matters 
By Addy Osmani. 
"Users appreciate pages being usable and interactive soon after 
they're visually ready. UI interactions (scrolls, taps, clicks) can be 
delayed by script and other browser work so minimizing their impact 
can really help your users." 
https://dev.to/addyosmani/web-page-usability-matters-3aok 


[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 34, February 15, 2019. 

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

++ISSUE 34 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: TOOLS. 
10: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Uncanny A11y 
By Adrian Roselli. 
"Developers can try so hard to make sure something is accessible that 
the entire experience becomes weird, confusing, or downright unusable. 
There are generally two things that contribute to this: 1.) thinking 
that using code, all the code, is the best way to make something 
accessible, and 2.) not testing with users who have disabilities…" 
http://adrianroselli.com/2019/02/uncanny-a11y.html 

Inaccessibility of CAPTCHA 
Scott Hollier, Janina Sajka, and Michael Cooper, Editors. 
"…This document examines a number of approaches that allow systems to 
test for human users, and the extent to which these approaches 
adequately accommodate people with disabilities…" 
https://www.w3.org/TR/2019/WD-turingtest-20190214/ 

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need 
By Eric Bailey. 
"Designers want to create fully branded experiences, which often 
results in customized highlighting colors or pixel-perfect typography. 
While these design touches can enhance the experience for some, they 
can render the experience inaccessible for others. Designer Eric 
Bailey makes a case for leaving key accessibility features to the 
browser to ensure the most accessible experience possible." 
https://alistapart.com/article/paint-the-picture-not-the-frame 

Quick Note On High Contrast Mode 
By Scott O'Hara. 
"…HCM cares not for your ARIA roles…Background images are (mostly) ignored…" 
https://www.scottohara.me/blog/2019/02/12/high-contrast-aria-and-images.html 

Tips for Making Interactive Elements Accessible on Mobile Devices 
By Ire Aderinokun. 
"…In this article, I will cover some of the new guidelines that relate 
to interactive elements on a web page…" 
https://bitsofco.de/tips-for-making-interactive-elements-accessible-on-mobile-devices/ 

W3C Accessibility Guidelines for Mobile Games 
By Amy Wilson and Michael Crabb. 
"…The purpose of this work is to investigate how well current W3C 
accessibility guidelines support mobile game development. This paper 
introduces a study that was carried out to determine the current 
knowledge that participants have of these guidelines, along with the 
opinions on how important these accessibility guidelines are when 
creating accessible mobile game content…" 
https://link.springer.com/article/10.1007/s40869-018-0058-7 

Web Accessibility Overlays Do Not Work 
By Karl Groves. 
"This page presents a large number of examples of inaccessible code 
that cannot be reliably fixed by an 'overlay' product. Each of the 
examples is provided along with an explanation of why it is a problem 
and why an overlay cannot fix it…" 
https://overlaysdontwork.com/ 

Open Source Can be Key to Web Accessibility But Only If We Do It Right (Video) 
By Mike Gifford. 
"Open source solutions have disrupted many industries in the last 
decade and there is hope that approaches to accessibility may be 
next…" 
https://www.youtube.com/watch?v=RwyYwpxyW3U 

Accessibility New Year's Resolutions - The Deadline for Implementing WCAG 2.1 
By Sheri Byrne-Haber. 
"…If neither 1 and 2 apply to you, December 5, 2019 seems to be a 
reasonable and justifiable internal deadline for WCAG 2.1 Level AA 
compliance when creating new digital properties or updating old ones… 
If you don't choose one of those 3, the fourth possible outcome is you 
end up getting sued…" 
https://medium.com/@sheribyrnehaber/accessibility-new-years-resolutions-the-deadline-for-implementing-wcag-2-1-237e5beb915c 

Accessibility Statements Show Commitment to all Site Users 
By Lainey Feingold. 
"Check out the Accessibility Statement Generator from the Web 
Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C). 
It's part of a great new page of information titled 'Developing an 
Accessibility Statement'…" 
https://www.lflegal.com/2013/02/access-info-pages/ 

Writing an Accessibility Statement for Your Organization 
By Rakesh Paladugula. 
"Having an accessibility statement on the website shows your 
commitment towards persons with disabilities…" 
https://www.maxability.co.in/2019/02/writing-accessibility-statement-organization/ 

Flagler Pays $16,000 to Settle Website Access Suit, and Much More to 
Become ADA Compliant 
By FlaglerLive. 
"Flagler County government will pay $15,700 to settle a 
Napoleon-quoting federal lawsuit filed by a legally blind Daytona 
Beach man who charged that Flagler was violating the Americans With 
Disabilities Act by making some of the documents posted to its website 
inaccessible to the blind, because computer software can't read the 
pdfs…" 
https://flaglerlive.com/132763/flagler-website-suit/ 


+02: CASCADING STYLE SHEETS. 

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

An Introduction to CSS Exclusions: The Future of Complex Web Layout 
By Dennis Gaebel. 
"…CSS exclusions is an addition to our layout arsenal that will become 
another game changer, assisting with whatever complicated layout 
scenarios we crave. In this article I'll introduce you to CSS 
exclusions, and explain how to raise your voice for browser adoption 
in order to help progress for the future…" 
https://webdesign.tutsplus.com/tutorials/an-introduction-to-css-exclusions-the-future-of-complex-web-layout--cms-32366 

Where Do You Nest Your Sass Breakpoints? 
By Chris Coyier. 
"I love nesting my @media query breakpoints. It's perhaps the most 
important feature of Sass to me…" 
https://css-tricks.com/where-do-you-nest-your-sass-breakpoints/ 

Guide to Optimize CSS Delivery 
By Samuel Bocetta et. al. 
"…Here are 5 simple things you can do to optimize your CSS…" 
https://hostingcanada.org/css-optimization/ 

What's New In CSS? 
By Rachel Andrew. 
"Rachel's Fronteers W3C Meet-up slides from February 2019 in 
Amsterdam, Netherlands…" 
https://noti.st/rachelandrew/9R7PMY/what-s-new-in-css 


+03: EVALUATION & TESTING. 

Using Persona Profiles to Test Accessibility 
By Anika Henke. 
"… this method offers is a quick and easy way of finding accessibility 
issues early in service development." 
https://accessibility.blog.gov.uk/2019/02/11/using-persona-profiles-to-test-accessibility/ 

Considering Accessibility When Designing a Usability Test 
By Aaron Pearlman. 
"…If accessibility is a consideration for the application you are 
creating, then your usability test should reflect that. You're 
probably familiar with running usability tests for sighted/mouse 
users, this post will discuss considerations for accessibility for 
non-sighted/AT users when conducting a usability test…" 
https://www.deque.com/blog/considering-accessibility-when-designing-a-usability-test/ 

Zooming In and Zooming Out - A Significant Answer to that Statistical Question 
By Kelly Moran. 
"…Think of qualitative research (qual) as the metal detector on the 
sandy shores of innovation. It will detect a signal from metal of any 
kind in the nearby vicinity. Closer inspection can reveal more about 
this metal. It might be gold, it might be silver, it might just be 
tin. But you'll get a signal if it's there. It's your job to determine 
if what you've found is valuable. Qual research is a metal detector…" 
https://towardsdatascience.com/zooming-in-and-zooming-out-9d70e561d609 


+04: EVENTS. 

2019 State of Digital Accessibility 
February 26, 2019. 
Online 
https://levelaccess.zoom.us/webinar/register/WN_beLd5cfPT6Or0TyyqXiy4g 

How Accessibility Testing Actually Impacts Developers 
February 26, 2019. 
Online 
https://accessibility.deque.com/how-accessibility-testing-actually-impacts-developers 

No Bad Legos: Automated Accessibility Testing 
February 28, 2019. 
Chicago, Illinois, U.S.A. 
https://www.meetup.com/a11ychi/events/258965911/ 
Live stream: 
https://www.youtube.com/watch?v=5h3pc74Lpvw 
Live captions: 
http://www.streamtext.net/player?event=CDA 

Creative South 
April 11-13, 2019. 
Columbus, Georgia, U.S.A. 
https://creativesouth.com/ 

CodeStock 
April 12-13, 2019. 
Knoxville, Tennessee, U.S.A 
http://codestock.org/ 

Social Media Accessibility 
April 18, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=560 

Confab 
April 23-26, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.confabevents.com/ 


+05: HTML. 

Required Attribute Requirements 
By Scott O'Hara. 
"Introduced in HTML5, the required attribute conveys that a particular 
form control or grouping of controls must have a valid value on form 
submission…" 
https://developer.paciellogroup.com/blog/2019/02/required-attribute-requirements/ 

Errant for Attributes Screw with label Behaviour 
By Steve Faulkner. 
"…tip: remove unnecessary for attributes, if a control is a child of a 
label element, the forattribute is not needed and can cause issues." 
https://codepen.io/anon/pen/OdQJJL 

Accessibility: Back to the Future (Video) 
By Bruce Lawson. 
"Here's a talk I did at a lovely inclusive, anarchic, friendly 
conference last month called Monki Gras…" 
https://www.brucelawson.co.uk/2019/accessibility-back-to-the-future/ 

Where Do You Learn HTML & CSS in 2019? 
By Chris Coyier. 
"The topic of how accessible it is for newbies and seasoned developers 
alike to learn CSS has been gaining steam as the complexity of the 
tools around it has become skewed more toward traditional 
programming…" 
https://css-tricks.com/where-do-you-learn-html-css-in-2019/ 


+06: JAVASCRIPT. 

Make it Boring 
By Jeremy Wagner. 
"…Web developers are accustomed to starting projects with the massive 
overhead of JavaScript frameworks like React-not to mention all that 
gets installed with it-as well as ancillary packages, module bundlers, 
and all this... stuff. Stuff that clutters the already densely 
occupied space of our minds, which inevitably seems to burden the 
people who use what we make…" 
https://jeremy.codes/blog/make-it-boring/ 

Beginning to Demystify ARIA 
By Lindsey Kopacz. 
"…The way I like to think about ARIA is context. Sometimes you don't 
need additional background - the HTML is surely enough. Sometimes it 
could be better though, especially if it's a custom widget. I'll do 
more about ARIA in the future regarding specific attributes and what 
they do - mainly because the documentation can be a bit daunting. 
Cheers to that!" 
https://dev.to/lkopacz/beginning-to-demystify-aria-5bi5 


+07: MISCELLANEOUS. 

Transcript of Tim Berners-Lee's talk to the LCS 35th Anniversary 
celebrations, Cambridge Massachusetts, 1999/April/14 (via Jeremy 
Keith) 
By Tim Berners-Lee. 
"…The basic ideas of the Web is that an information space through 
which people can communicate, but communicate in a special way: 
communicate by sharing their knowledge in a pool. The idea was not 
just that it should be a big browsing medium. The idea was that 
everybody would be putting their ideas in, as well as taking them 
out…" 
https://www.w3.org/1999/04/13-tbl.html 

A Strongly Worded Letter 
By Adrian Roselli. 
"Last week while whining about having accessibility contributions to 
FOSS projects dismissed, I had a Twitter conversation about when the 
same thing happens with clients. I have a method to deal with that, 
however, which I briefly outlined on Twitter. I promised to expand on 
it in a blog post, so here it is…" 
http://adrianroselli.com/2019/02/a-strongly-worded-letter.html 


+08: NAVIGATION. 

Skip Links are Important 
By Nicolas Steenhout. 
"…Skip links are important. And they are relatively easy to implement. 
You will improve the user experience for your visitors who rely on the 
keyboard for navigation. You'll also comply with WCAG 2.4.1. Bypass 
Blocks!" 
https://knowbility.org/blog/2019/skip-links/ 

How to Conduct Research for Customer Journey-Mapping 
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/articles/research-journey-mapping/ 


+09: TOOLS. 

Contrast Checker (Hat Tip to Jim Allan) 
By Nick Colley. 
"Check constrast with the new WCAG 2.1 requirements…" It checks text 
contrast with object background and object contrast with page 
background. 
https://contrast-checker.glitch.me/ 

Introducing Togglific 
By Scott Vinkle. 
"Do you find web animations distracting? Togglific provides a 
distraction-free web experience…Stand-alone script: For development 
teams to implement into their own projects and setup custom controls. 
This covers all animations…" 
https://medium.com/@svinkle/introducing-togglific-1d824708ecc1 

Accessibility Testing Tools - Updated 10th February 2019 
By Steve Faulkner. 
"Here at The Paciello Group (TPG) we have a technical accessibility 
testing process which does not involve the use of automated tools. The 
technical audit results we provide to our clients are based solely on 
manual testing of a web site, web application, mobile or desktop 
application…" 
https://developer.paciellogroup.com/blog/2019/02/accessibility-testing-tools-we-use/ 


+10: USABILITY. 

The Ineffectiveness of Lonely Icons 
By Matt Wilcox. 
"If your target audience is a general population, you should not be 
using icons alone to convey anything meaningful. By doing so, you have 
made assumptions that are unlikely to be appropriate to a general 
audience. 
https://mattwilcox.net/musing/the-ineffectiveness-of-icons 

Proper UI Hierarchy 
By Bradley Taunt. 
"The statement that flat design is inherently worse than it's 
predecessor is not subjective. By stripping away the visual cues that 
help users distinguish between interface elements you are purposely 
making a worse experience for them. Designers need to stop designing 
for other designers." 
https://accssible.com/2019/02/05/proper-ui-hierarchy/ 

Interface Copy Impacts Decision Making 
By Lexie Martin. 
"The language used in interfaces influences the decisions that our 
users will make. Manipulative copy nudges users towards making choices 
that are against their best interests." 
https://www.nngroup.com/articles/interface-copy-decision-making/ 

Perverse Incentives Create Perverse Behavior 
By Gerry McGovern. 
"…We must reward employees based on customer use. We must focus on the 
consumption, not on the production. We must measure customer effort, 
task completions rates, time-on-task." 
http://gerrymcgovern.com/perverse-incentives-create-perverse-behavior/ 

The Biggest Mistakes in User Research, Part 2 
By Jim Ross. 
"…I'll describe eight additional mistakes and provide advice about how 
to avoid them." 
https://www.uxmatters.com/mt/archives/2019/02/the-biggest-mistakes-in-user-research-part-2.php 

How to Empathy Map (Video) 
By Sarah Gibbons. 
"A 5-step process for creating empathy maps that describe user 
characteristics at the start of a UX design process." 
https://www.nngroup.com/videos/empathy-map/ 


[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 35, February 20, 2019.

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

++ISSUE 35 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

How A Screen Reader User Accesses The Web: A Smashing Video
By Bruce Lawson.
"In this Smashing TV webinar recording, join Léonie Watson (a blind
screen reader user) as she explores the web, and find out about some
unexpected properties of HTML elements that not only have a huge
impact on accessibility, but also turn out to be pretty good for
performance, too…"
https://www.smashingmagazine.com/2019/02/accessibility-webinar/

PDF Accessibility Training (Videos)
By Microsoft.
"This PDF Accessibility training series was provided to Microsoft
employees on creating accessible PDF documents. Use these videos,
along with documentation…"
https://www.youtube.com/playlist?list=PLtSVUgxIo6KrxMh-wNhSG7MuZ2gfPf7co

Tips for Making Accessible Emails: Text Alternatives for Images
By Anthony Vasquez.
"Among the most pervasive barriers that I encounter online are images
with missing or unhelpful alt text…"
https://knowbility.org/blog/2019/accessible-emails-part-2/

WCAG 2.1 a Welcome Update to Web Accessibility
By Joseph C. Dolson.
"…applying the guidelines in WCAG 2.1 as your new accessibility
standard could save effort and money down the line."
https://www.practicalecommerce.com/wcag-2-1-a-welcome-update-to-web-accessibility

Why Do We Celebrate Inaccessible Design?
By Doug Ross.
"Web designers, UX designers and developers alike have, as a whole,
historically underestimated (or not even considered) the opportunities
that designing for accessibility provides for their disciplines…"
https://medium.com/skills-matter/why-we-celebrate-inaccessible-design-online-93ad0d1046ab

Amplify Austin's 2019 Campaign Still Not Accessible
By Nicolas Steenhout.
"…Findings: …Animation on the home page…They replaced the carousel by
a large video that autoplays, with no way to stop the animation. This
will have a significant impact on people who have ADHD, or people with
Traumatic Brain Injuries, among others… Focus not visible… Poor color
contrast… Multiple 'learn more' links …No captions on video… Input
fields without labels… Hover only events… Resize breaks layout…"
https://knowbility.org/blog/2019/amplify-austin-campaign-still-not-accessible/

Convincing Engineers on the Need for Accessibility
By Kim Krause Berg.
"I was asked this question. 'How would you convince 90 engineers to
incorporate accessibility in with design and development?' I had to
admit that despite the ideas popping into my mind, I didn't have an
answer I liked. The question nagged at me…"
https://medium.com/@kim_cre8pc/convincing-engineers-on-the-need-for-accessibility-ad4ca847b2c1

Embedding Accessibility SMEs in Remote Teams
By Sheri Byrne-Haber.
"…Utilizing embedded accessibility team members can be a very
successful and fiscally prudent strategy for an accessibility program
that is currently ranging in maturity from 'almost level 3' to 'just
hit level 4.'…"
https://medium.com/@sheribyrnehaber/embedding-accessibility-smes-in-remote-teams-c9d4a3286956


+02: CASCADING STYLE SHEETS.

Making Future Interfaces: Algorithmic Layouts (Video)
By Heydon Pickering.
"Learn how to create CSS layouts that are self-governing, using
Flexbox and Grid…"
https://www.youtube.com/watch?v=qOUtkN6M52M

Making Future Interfaces: Custom Properties (Video)
By Heydon Pickering.
"Learn all about CSS custom properties with this handy (and slightly
odd) guide…"
https://www.youtube.com/watch?v=k-v7lmmF7kc

Making Future Interfaces: Unusual Shapes (Video)
By Heydon Pickering.
"Your guide to making and wrapping shapes in CSS, using things like
border-radius, clip-path, the CSS Shapes spec', and paint worklets…"
https://www.youtube.com/watch?v=eCHt8zsbCT4

How @supports Works
By Chris Coyier.
"CSS has a neat feature that allows us to test if the browser supports
a particular property or property:value combination before applying a
block of styles - like how a @media query matches when, say, the width
of the browser window is narrower than some specified size and then
the CSS within it takes effect…"
https://css-tricks.com/how-supports-works/

More Logical Properties
By Rachel Andrew.
"…These properties and values are helpful if you are developing sites
for multiple writing modes but should also be useful if you are using
writing modes creatively. It's nice to see the browser implementations
adding more support for the spec."
https://www.rachelandrew.co.uk/archives/2019/02/19/more-logical-properties/


+03: DRUPAL.

Why You Should Start Planning Your Migration to Drupal 8 and 9 Now
By Adrian Bateman.
"…In this blog, I'll outline seven reasons to choose Drupal 8 over its
predecessors…"
https://www.nomensa.com/blog/2019/why-you-should-start-planning-your-migration-drupal-8-and-9-now


+04: EVALUATION & TESTING.

Statistical Significance in UX (Video)
By Kate Moran.
"If you're working on digital products, you should be familiar with
what statistical significance means in the context of UX research.
Otherwise your decisions may be based on meaningless numbers that
could be due to pure chance and not a reliable difference between
design options."
https://www.nngroup.com/videos/statistical-significance-ux/

It's Never a Good Time to Do Research
By Erika Hall.
"Which is why you should be doing research all the time…"
https://medium.com/mule-design/its-never-a-good-time-to-do-research-1ef719158980

How Does Did Recommend Differ from Likely to Recommend?
By Jeff Sauro.
"…we'll examine how asking people whether they recommended something
(recalling the past) differs from asking whether they will recommend
(a future prediction of behavior). Are you really asking something
different? If so, how do they differ and what problems arise from
using only reports of past behavior to predict future behavior…"
https://measuringu.com/referral-vs-recommend/


+05: EVENTS.

Accessibility Empathy Lab at World Information Architecture Day
February 23, 2019.
Ann Arbor, Michigan, U.S.A.
https://www.meetup.com/a2a11y/events/258792920/

Add Accessibility to Your Process the Easy-ish Way
March 6, 2019.
Austin, Texas, U.S.A.
https://www.meetup.com/a11yATX/events/258306882/

UX Burlington
May 3, 2019.
Burlington, Vermont, U.S.A.
https://www.uxburlington.com/

CHI 2019
May 4-9, 2019.
Glasgow, Scottland
https://chi2019.acm.org/

An Event Apart Boston
May 6-8, 2019.
Boston, Massachusetts, U.S.A.
https://aneventapart.com/event/boston-2019

HOW Design Live
May 7-10, 2019.
Chicago, Illinois, U.S.A.
https://www.howdesignlive.com/

UXPA Conference
May 10, 2019.
Boston, Massachusetts, U.S.A.
http://conference.uxpaboston.org/


+06: HTML.

Is Input type="date" Ready For Use in Accessible Websites?
By Graham Armfield.
"…This post takes input type="date" for a test drive with a selection
of browsers and assistive technologies to see how usable the control
is in early 2019…"
https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/


+07: MISCELLANEOUS.

CERN 2019 WorldWideWeb Rebuild
By cern.ch.
"In December 1990, an application called WorldWideWeb was developed on
a NeXT machine at The European Organization for Nuclear Research
(known as CERN) just outside of Geneva. This program - WorldWideWeb -
is the antecedent of most of what we consider or know of as "the web"
today. In February 2019, in celebration of the thirtieth anniversary
of the development of WorldWideWeb, a group of developers and
designers convened at CERN to rebuild the original browser within a
contemporary browser, allowing users around the world to experience
the rather humble origins of this transformative technology…"
https://worldwideweb.cern.ch/

WorldWideWeb
By Jeremy Kieth.
"…worldwideweb.cern.ch…That's the website we built. The call to action
is hard to miss: "Launch WorldWideWeb" Behold! A simulation of using
the first ever web browser, recreated inside your web browser…"
https://adactio.com/journal/14821


+08: NAVIGATION.

UX101: Building Data-Driven User Journeys
By Jess Vice.
"In user experience, the user journey (sometimes known as a customer
journey or the process of journey mapping) is the visualization of how
real humans perceive and interact with your organization…"
https://www.uxbooth.com/articles/ux101-data-driven-user-journeys/


+09: TOOLS.

AInspector WCAG Add-on for Firefox Now Available
By Jon Gunderson.
"For people who used AInspector Sidebar extension for Firefox it has
been upgraded to work with Firefox Quantum and has been re-branded
AInspector WCAG…"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0079.html


+10: TYPOGRAPHY.

Interactive Typography Cheatsheet
By Christian Heilmann.
"A few weeks ago I stumbled across a great resource, a typography
cheat sheet explaining the proper names of all the different parts of
letters…"
https://christianheilmann.com/2019/02/18/interactive-typography-cheatsheet/


+11: USABILITY.

Don't Get Clever with Login Forms
By Brad Frost.
"…Let's walk through some login patterns and why I think they're not
ideal. And then let's look at some better ways of tackling login.
TL;DR; create login forms that are simple, linkable, predictable, and
play nicely with password managers…"
http://bradfrost.com/blog/post/dont-get-clever-with-login-forms/

Top 10 Application-Design Mistakes
By Jakob Nielsen and Page Laubheimer.
"Application usability is enhanced when the UI guides and supports
users through the workflow."
https://www.nngroup.com/articles/top-10-application-design-mistakes/

Designing Effective App Permission Requests
By Maria Rosala.
"App permission requests are an important part of the overall user
experience, yet they are often neglected by app designers. Here are 3
tips for designing them well: get content, timing, and decision
reversal right, or users will just say NO."
https://www.nngroup.com/videos/app-permission-requests/

UX Retrospectives 101
By Rachel Krause.
"Retrospectives allow design teams to reflect on their work process
and discuss what went well and what needs to be improved. These
learnings can be translated into an action plan for future work."
https://www.nngroup.com/articles/ux-retrospectives/


+12: XML.

Making Future Interfaces: Inline SVG (Video)
By Heydon Pickering.
"There's SVG, and there's inline SVG. Learn why raster images suck,
what's better about SVG, how to hand code SVG, and how to make
generative art with SVG and JavaScript…"
https://www.youtube.com/watch?v=1CDTw_UpQoQ


[Section one ends.]


++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcar...@d.umn.edu


[Issue ends.]

+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 36, February 28, 2019. 

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

++ISSUE 36 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: MISCELLANEOUS. 
08: NAVIGATION. 
09: TOOLS. 
10: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Accessibility Developer Guide 
By Access for All. 
"If you want to learn about accessible website development, you are at 
the right place…" 
https://www.accessibility-developer-guide.com/ 

Common Pitfalls and Misunderstandings in Accessibility Auditing 
By Jon Gooday. 
"…In this article, I want to share my insights into the things many 
auditors initially misunderstand that impact the quality of their 
audits…" 
https://www.hassellinclusion.com/blog/common-misunderstandings-in-accessibility-auditing 

Update on CAPTCHA Accessibility! W3C Needs Your Input 
By Rakesh Paladugula. 
"Do you want to take part and provide inputs to the most critical 
digital accessibility problem, inaccessibility of CAPTCHA? Here is an 
opportunity for you…" 
https://www.maxability.co.in/2019/02/update-on-captcha-accessibility-w3c-need-your-inputs/ 

Inclusive Content Strategy: How to Ensure Your Content is Accessible to Everyone 
By Deborah Edwards-Onoro. 
"At the February 2019 Accessibility Talks online meetup, AmyJune 
Hineline, Drupal and WordPress Community Ambassador at Kanopi Studios, 
spoke about inclusive content strategy, what it means, and how to 
craft content that is accessible to everyone…" 
https://www.lireo.com/inclusive-content-strategy/ 

7 Ways to Make your Tweets More Accessible 
By Lindsey Kopacz. 
"I wrote a tweet thread a while back where I started talking about 
ways to keep accessibility in mind on the platforms we use such as 
Twitter…" 
https://www.a11ywithlindsey.com/blog/7-ways-tweets-more-accessible/ 

How to Add Alternative Text to LinkedIn Images 
By Deborah Edwards-Onoro. 
"…I've been putting off publishing a tutorial about LinkedIn's 
alternative text. Here it is…" 
https://www.lireo.com/how-to-add-alternative-text-linkedin-images/ 

What You Should Know About Automatic Captions on Video Players 
By Sofia Enamorado. 
"The use of automatic captions is on the rise, but is the convenience 
of them detrimental to your organization…" 
https://www.3playmedia.com/2019/02/27/automatic-captions-video-players/ 

Avoid Default Field Validation 
By Adrian Roselli. 
"HTML5 gives us form field validation for free. The problem is that 
the default messages browsers provide are not always useful and 
typically do not work with assistive technology…" 
http://adrianroselli.com/2019/02/avoid-default-field-validation.html 

Accessibility on The Session 
By Jeremy Keith. 
"I spent some time this weekend working on an accessibility issue over 
on The Session. Someone using VoiceOver on iOS was having a hard time 
with some multi-step forms." 
https://adactio.com/journal/14863 

How to Run Higher Education Website Accessibility Projects 
By Paul Bradley. 
"…In this article, we outline four basic principles on which to base a 
website accessibility remediation project and seven project plan 
elements for making an institution's public website more accessible 
and meeting the deadline date…" 
https://iwmw.org/blog/2019/01/28/how-to-run-higher-education-website-accessibility-projects/ 

A Company's Website Is Not a 'Public Accommodation' Under the ADA, a 
California Court Finds 
By Jason P. Brown & Robert T. Quackenboss. 
"…A decision by one state trial court in California seems to adopt a 
more strict reading of the definition of 'public accommodation' than 
previous cases in California and in the Ninth Circuit Court of Appeals 
(which includes the federal courts in California) on the subject, 
which further demonstrates the difficulty that many courts, including 
this one, are having with these ADA website accessibility cases…" 
https://www.huntonlaborblog.com/2019/02/articles/california-developments/companys-website-not-public-accommodation-ada-california-court-finds/ 

Hernando County Set to Settle Website accessibility Lawsuit, One in a 
Wave Filed by Prolific Plaintiffs 
By Jack Evans. 
"A legally blind Daytona Beach man has filed similar suits against 
more than two dozen public entities in Florida…" 
https://www.tampabay.com/hernando/hernando-county-set-to-settle-website-accessibility-lawsuit-one-in-a-wave-filed-by-prolific-plaintiffs-20190220/ 

What Does European Accessibility Standard EN 301 549 Mean for US Organizations? 
By Ryan Bateman. 
"I had the opportunity to chat with Shadi Abou-Zahra, the 
Accessibility Strategy and Technology Specialist at W3C, to discuss EN 
301 549…" 
https://www.deque.com/blog/european-accessibility-standard-en-301-549/ 


+02: CASCADING STYLE SHEETS. 

F87: CSS Generated Content and WCAG Conformance 
By Adrian Roselli. 
"The Web Content Accessibility Guidelines (WCAG) does a good job of 
providing supporting techniques to help reviewers determine if a 
specific case would violate a given Success Criterion (SC)…" 
http://adrianroselli.com/2019/02/f87-css-generated-content-and-wcag-conformance.html 

On Switching from HEX & RGB to HSL 
By Sara Soueidan. 
"A couple of weeks ago I tweeted about a feature that I didn't know 
existed in VS Code: the visual color editor that pops up when you 
hover over color values in a style sheet." 
https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/ 

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid 
By Juan Martín García. 
"Not only has CSS Grid reshaped the way we think and build layouts for 
the web, but it has also contributed to writing more resilient code, 
replacing 'hacky' techniques we've used before, and in some cases, 
killing the need to rely on code for specific resolutions and 
viewports…" 
https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/ 

The CSS Mental Model 
By Peter-Paul Koch. 
"I am likely going to write a 'CSS for JavaScripters' book, and 
therefore I need to figure out how to explain CSS to JavaScripters. 
This series of article smippets are a sort of try-out - pre-drafts I'd 
like to get feedback on in order to figure out if I'm on the right 
track…" 
https://www.quirksmode.org/blog/archives/2019/02/css_for_javascr_1.html 


+03: COLOR. 

4 Reasons Why You Should Design Without Color First 
By Anand Satyan. 
"Creating your screens in grayscale before adding color forces you 
think clearly and prioritize right when it comes to UX design…" 
https://medium.com/devsdesign/4-reasons-why-you-should-design-without-color-first-c0e38180f689 

High Contrast Explainer 
By Rossen Atanassov, Alison Maher. 
"High contrast is a Windows accessibility feature intended to increase 
the readability of text through color contrast…" 
https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/HighContrast/explainer.md 


+04: EVALUATION & TESTING. 

The WebAIM Million: What We Learned Analyzing 1,000,000 Web Site Home Pages 
By Jared Smith. 
"…significant and pervasive issues are present across much of the web. 
While there is much work to be done to improve accessibility, these 
research findings can help us identify patterns so accessibility 
efforts can be better focused…" 
https://webaim.org/blog/webaim-million/ 

What Is the Purpose of UX Measurement? 
By Jeff Sauro. 
"…Measurement and statistical analysis don't guarantee success; 
instead, they improve the likelihood of success…" 
https://measuringu.com/ux-measurement-purpose/ 

How to Respond to Skepticism of Testing Small Groups of Users 
By Kathryn Whitenton. 
"That's just one person' and 'Our real users aren't like that' are 
common objections to findings from qualitative usability testing. 
Address these concerns proactively to ensure your research is 
effective." 
https://www.nngroup.com/articles/responding-skepticism-small-usability-tests/ 

The Cross-Sequential Approach: A Short-Term Method for Studying 
Long-Term User Experience 
By Sari Kujala, Talya Miron-Shatz, and Jussi J. Jokinen. 
"We propose a novel cross-sequential approach to accelerating the 
collection of user feedback while providing a broad perspective by 
analyzing samples of users at various stages of service and product 
experience…" 
http://uxpajournal.org/cross-sequential-studying-long-term-user-experience/ 

Is User Research Losing Its User Focus? 
By David Hamill. 
"…A user-centred approach to user research allows an organisation to 
understand what is important to its users…" 
https://medium.com/@david.hamill/is-user-research-losing-its-user-focus-6eaa54c39dd3 

Why Personas Fail (Video) 
By Kim Flaherty. 
"How to overcome common challenges in employing personas in UX design 
projects, including stakeholders who don't understand the value of 
approximated data or conversely press for over-generalized personas." 
https://www.nngroup.com/videos/why-personas-fail/ 


+05: EVENTS. 

Accessibility & Inclusive Design Meet Up 
March 13, 2019. 
Austin, Texas, U.S.A. 
https://schedule.sxsw.com/2019/events/PP103076 

Exploring WCAG 2.1 
March 20, 2019. 
Seattle, Washington, U.S.A. 
https://www.meetup.com/a11ysea/events/259124048/ 

10 Tips for Creating Accessible Web Content with (Updated) WCAG 
March 21, 2019. 
Online. 
https://www.3playmedia.com/resources/webinars/webinar-registration-03-21-2019/ 

Up Front 
March 22, 2019. 
Manchester, England, United Kingdom 
https://upfrontconf.com/ 

Accessible Content Shared Through Social Media 
March 26, 2019. 
Online 
https://www.accessibilityonline.org/cioc-508/session/?id=110710 

2019 Digital Accessibility Trends 
April 2, 2019. 
New York, New York, U.S.A. 
https://www.meetup.com/A11yNYC/events/258773013/ 

Web4All 2019 
May 13-15, 2019. 
San Francisco, California, U.S.A. 
http://www.w4a.info/2019/ 


+06: HTML. 

When Is A Button Not A Button? 
By Vadim Makeev. 
"Not everything that's round and stands out is considered to be a 
button. In this article, Vadim explains how you can create a proper 
interactive button for your users - one that shouldn't be confused for 
anything else…" 
https://www.smashingmagazine.com/2019/02/buttons-interfaces/ 


+07: MISCELLANEOUS. 

Q&A with Jonathan Avila, Chief Accessibility Officer 
By Equalentry. 
"This installment of our Accessibility Activists column is an 
interview with Jonathan Avila, Chief Accessibility Officer for SSB 
Bart Group. Avila is also a participant in the WCAG Working Group, and 
the mobile accessibility task force at the WAI…" 
https://equalentry.com/interview-with-jonathan-avila-chief-accessibility-officer/ 

Derek Featherstone Interview - Accessibility is not a 'Nice to Have' 
By Jeffrey Zeldman. 
"Why do companies de-prioritize accessibility?…" 
http://5by5.tv/bigwebshow/184 


+08: NAVIGATION. 

Quick Tip: Creating Valid and Accessible Links 
By Emma Patricios. 
"The anchor element is often cited as the main building block of the 
World Wide Web. It is used to create a link to other pages, to anchors 
within the same page, to other resources (such as a PDF) or to an 
email address. How can we make sure they are accessible to everyone?…" 
https://a11yproject.com/posts/creating-valid-and-accessible-links/ 


+09: TOOLS. 

How to Test the AccName Algorithm Dynamically using AccName Prototype 
By Bryan Garaventa. 
"Since this comes up every now and again, usually with questions about 
what is or not expected in the AccName computation, I wanted to pass 
along the following live utility that helps to resolve this 
confusion…" 
https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0080.html 

WCAG 2.1 Parsing Error Bookmarklet - Updated 25th February 2019 
By Steve Faulkner. 
Thanks to Dennis Lembrée's Pull Request. 
https://developer.paciellogroup.com/blog/2019/02/wcag-2-0-parsing-error-bookmarklet/ 

Bookmarklet: Archive Page to Wayback Machine 
By Jesse Gardner. 
"…I reference the Wayback Machine a lot, so requesting an archive of 
the current page by prepending the url with web.archive.org/save/ is 
wicked useful; but I figured I'd make it just a smidge easier by 
turning it into a bookmarklet…" 
http://plasticmind.com/0s-and-1s/bookmarklet-archive-to-wayback-machine/ 


+10: USABILITY. 

Usability of Technology for Older Adults: Where Are We and Where Do We 
Need to Be 
By Sara J. Czaja. 
"…In this paper I examine the adoption and uptake of ICTs among older 
adults, the potential benefits of ICT use, and issues regarding 
usability of technology…" 
http://uxpajournal.org/usability-technology-older-adults/ 

Footers 101: Design Patterns and When to Use Each 
By Therese Fessenden. 
"Footers can be found at the bottom of almost every web page, and 
often take many forms, depending on the type of content on a website. 
Regardless of the form they take, their presence is critical (and 
highly underrated)." 
https://www.nngroup.com/articles/footers/ 

Solid Vs. Outline Icons: Which Are Faster to Recognize? 
By Anthony Tseng. 
"…Solid icons were generally faster to recognize than outline icons, 
but with a few exceptions. And some icons showed no difference in task 
time. This has to do with characteristic cues…" 
https://uxmovement.com/mobile/solid-vs-outline-icons-which-are-faster-to-recognize/ 

Breaking Down Fitts Law for UX Designers 
By Sourabh Purwar. 
"'Fitts' law states that the amount of time required for a person to 
move a pointer to a target area is a function of the distance to the 
target divided by the size of the target…" 
https://uxplanet.org/breaking-down-fitts-law-for-ux-designers-542cabb48f9 

Mobile Checkout Experience Tips (Video) 
By Anna Kaley. 
"Remember these essential experience elements that are often 
overlooked or easily forgotten during the mobile checkout design 
process." 
https://www.nngroup.com/videos/mobile-checkout-experience-tips/ 

Exploring the Boundary Conditions of the Effect of Aesthetics on 
Perceived Usability 
By John Grishin, Doug Gillan. 
"A growing body of usability research suggests that the aesthetics of 
a system affects users' perceptions of the usability of that system. 
But the causal relationship between aesthetics and usability and the 
direction of that relation have not been firmly established…within the 
conditions imposed by this research, it appears that usability and 
aesthetics were perceived separately." 
http://uxpajournal.org/boundary-conditions-aesthetics-usability/ 

FANG is Coming For You 
By Gerry McGovern. 
"…Regardless of whether you're a government agency, a non-profit, or 
whatever, if you've got potentially useful data and information, then 
FANG is your potential competitor. If you're neglecting your search 
engine, if you're not investing in your navigation and the general 
usability of your digital environment, then you're just asking for 
trouble. The interface is the product. The interface is the service…" 
http://gerrymcgovern.com/fang-is-coming-for-you/ 


[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 37, March 6, 2019. 

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

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

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Fighting Uphill 
By Eric Bailey. 
"…WebAIM's accessibility analysis of the top 1,000,000 homepages was 
released to the public on February 27, 2019. I've had a few days to 
process it, and frankly, it's left me feeling pretty depressed. In a 
sea of already demoralizing findings, probably most the notable thing 
is that pages containing ARIA-a specialized language intended to aid 
accessibility-are actually more likely to have accessibility issues. I 
don't think this is intentional malice on the part of authors, but it 
is worth saying that the road to hell is paved with good intentions…" 
https://ericwbailey.design/writing/2019-03-05-fighting-uphill.html 

Moving Forward with Digital Accessibility in Higher Education (Video) 
By David Sloan. 
"Digital accessibility has become a significant concern across higher 
education, in part due to legal obligations, and also due to the 
opportunities that inclusive digital teaching and learning resources 
can offer students and staff with disabilities." 
http://www.sussex.ac.uk/tel/seminar/digitalaccessibility 

Semantics to Screen Readers 
By Melanie Richards. 
"…Melanie takes a deep dive into how our content is accessed by a wide 
array of screen readers, which are highly customizable to users. 
Understanding the nuances of accessibility APIs, thorough testing 
approaches, and the wealth of resources available, site creators can 
create the most widely accessible content for the most users 
possible." 
https://alistapart.com/article/semantics-to-screen-readers 

AI is Making CAPTCHA Increasingly Cruel For Disabled Users 
By Robin Christopherson. 
"…"improvements in AI means that a crisis is coming … and disabled 
people are suffering the most…" 
https://www.abilitynet.org.uk/news-blogs/ai-making-captcha-increasingly-cruel-disabled-users 

Do You Caption Your Videos? 
By Meryl K. Evans. 
"World Health Organization reports that more than 5 percent of the 
world's population is deaf or hard of hearing…" 
https://www.linkedin.com/feed/update/urn:li:ugcPost:6503695378242682880 

How User Provided Image Descriptions Have Failed to Make Twiter Accessible (PDF) 
By Cole Gleason et al. 
Our findings indicate that simply making it possible to provide image 
descriptions is not enough and reveal future directions for automated 
tools that may support users in writing high-quality descriptions…" 
https://www.colegleason.com/static/papers/TwitterImageDescriptions_WebConf2019.pdf 

1.4.12 Text Spacing 
By Rakesh Paladugula. 
"…authors should ensure that the content is not cut-off or overlapped…" 
https://www.maxability.co.in/2019/03/1-4-12-text-spacing/ 

What is COGA? 
By Jennie Delisi. 
"Making Online Content Easier to Understand…" 
https://mn.gov/mnit/media/blog/?id=38-373446 

The Business Case for Digital Accessibility 
By The Australian Network on Disability. 
"A new resource called The Business Case for Digital Accessibility 
explores key advantages of web accessibility to businesses of all 
types…" 
https://www.and.org.au/news.php/385/the-business-case-for-digital-accessibility 

Blind Employee Settles Lawsuit Against Miami-Dade County Public Schools 
By  Raychel Lean. 
"Miami-Dade County Public Schools' websites and software weren't 
accessible to blind employee Janice A. Bartleson, but Miami 
disabilities attorrney Matthew Dietz helped negotiate a settlement 
agreement to change that…" 
https://www.law.com/dailybusinessreview/2019/02/27/miami-lawyer-settles-rare-website-accessibility-suit-with-miami-dade-public-schools/ 

Ninth Circuit Ruling Bolsters ADA Website Accessibility Suits 
By R. Andrew Arculin et al. 
"The Ninth Circuit's recent ruling in Robles v. Domino's Pizza, LLC 
provides yet another boon to plaintiffs across the country claiming 
that company websites may violate the Americans with Disabilities Act 
(ADA) unless they make specific accommodations to consumers who have 
visual, auditory, or other disabilities…" 
https://www.venable.com/insights/publications/2019/03/ninth-circuit-ruling-bolsters-ada-website-access 


+02: CASCADING STYLE SHEETS. 

Responsive Spacing with viewport and ch Units 
By Chip Cullen. 
"…One of the more interesting things that I discovered was how easy it 
was to make spacing between elements act in a responsive way…" 
https://chipcullen.com/responsive-spacing-with-viewport-units/ 

Breaking Boxes With CSS Fragmentation 
By Rachel Andrew. 
"Rachel Andrew has been digging around in the CSS Fragmentation spec, 
and finding browser support is somewhat fragmented. In this article, 
she explains what fragmentation is, why you might want to use it, and 
what the state of browser support is." 
https://www.smashingmagazine.com/2019/02/css-fragmentation/ 


+03: EVALUATION & TESTING. 

How Diversity and Inclusion can Improve Testing 
By Callum Akehurst-Ryan. 
"As the testing pendulum has swung towards more engineering in recent 
years we're facing a new issue, the prevalence of an engineering 
mono-culture…" 
https://blog.scottlogic.com/2019/02/25/how-diversity-and-inclusion-can-improve-testing.html 

Repeat After Me: Preference Testing is Not A/B Testing 
By David Travis. 
"Researchers sometimes ask participants which of two alternative 
designs they prefer. The data from these studies comprise opinions 
that have little predictive value. In contrast, multivariate A/B 
testing involves target users doing real tasks. The data from these 
studies comprise behavioural observations that predict real-world 
behaviour." 
https://www.userfocus.co.uk/articles/preference-testing-is-not-A-B-testing.html 


+04: EVENTS. 

2019 State of Digital Accessibility Part 2 - Industry Drivers 
March 19, 2019. 
Online 
https://levelaccess.zoom.us/webinar/register/WN_KTEDfxblSNaoMLyXxlzF7w 

GSuite for Education Accessibility Update April 1, 2019. 
Online 
https://educationonair.withgoogle.com/events/accessibility 

WebAIM Training 
May 7-8, 2019. 
Logan, Utah, U.S.A. 
https://webaim.org/training/ 

The Web Conference 2019 
May 13-17, 2019. 
San Francisco, California, U.S.A. 
https://www2019.thewebconf.org/ 

John Slatin AccessU 
May 14-17, 2019. 
Austin, Texas, U.S.A. 
https://knowbility.org/programs/accessu/ 

Global Accessibility Awareness Day (GAAD) 
May 16, 2019. 
Everywhere 
http://globalaccessibilityawarenessday.org/ 

Stanford Drupal Camp 
May 17-18, 2019 
Stanford, California, U.S.A. 
https://drupalcamp.stanford.edu/ 

Digital Accessibility ROI 
May 23, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=y&contentid=559 

DesignThinkers 
May 28-29, 2019. 
Vancouver, Canada 
https://www.designthinkers.com/Van 


+05: HTML. 

HTML Element Test File Index 
By Steve Faulkner. 
"I use 'em for testing…" 
https://thepaciellogroup.github.io/AT-browser-tests/ 

Having an Open dialog 
By Scott O'Hara. 
"…I'm just going to say right now that the dialog element and its 
polyfill are not suitable for use in production…temporarily putting 
aside what 'support' presently entails, how would someone implement 
the dialog element right now?…" 
https://www.scottohara.me/blog/2019/03/05/open-dialog.html 


+06: JAVASCRIPT. 

Accessibility is not a 'React Problem' 
By Leslie Cohn-Wein. 
"Every few months, it seems like there's a revival of the Twitter War™ 
about JavaScript libraries and accessibility. React is a common 
target, with developers naming a litany of issues…" 
https://www.netlify.com/blog/2019/02/25/accessibility-is-not-a-react-problem/ 


+07: MISCELLANEOUS. 

W3C Approves WebAuthn as the Web Standard for Password-Free Logins 
By Emil Protalinski. 
"The World Wide Web Consortium (W3C) today declared that the Web 
Authentication API (WebAuthn) is now an official web standard…" 
https://venturebeat.com/2019/03/04/w3c-approves-webauthn-as-the-web-standard-for-password-free-logins/ 

Meryl on the Effectiveness of Video Captioning (Interview) 
By Esi Hardy. 
"Meryl is a profoundly deaf lady from Texas who runs a marketing 
company. She talks Esi and also her clients about the effectiveness of 
captioning in videos…" 
https://www.celebratingdisability.co.uk/part-of-me/episode-15-meryl-on-the-effectiveness-of-video-captioning/ 


+08: TOOLS. 

Colors-For-All 
By Jean-Pierre Boutherin & Alexandre Saker. 
"an online application which, unlike most other competitors, enables 
you to easily check color contrasts and WCAG compliance (AA or AAA 
levels as defined by WCAG 2.0) between a range of specific colors in 
one shot…" 
https://amadeusitgroup.github.io/Colors-for-All/color-palette 
It's published as an open-source project at: 
https://github.com/AmadeusITGroup/Colors-for-All 

Touch Bookmarklet 
By Louis Rémi Babé. 
"Simulate touch events (swipe, rotate, pinch) with a mouse…" 
http://louisremi.github.io/touch-devtool/ 

Visual Event 
By Allan Jardine. 
"Events in Javascript are often seen as a bit of an enigma. This is 
odd given that Javascript is very much an event driven language, but 
it is typically down to their complex nature and difficulty to debug. 
To this end I've created Visual Event to help track events which are 
subscribed to DOM nodes…" 
http://www.sprymedia.co.uk/article/Visual+Event+2 

Track Which Element Has Focus (in chrome) 
By Kayce Basques. 
"Suppose that you're testing the keyboard navigation accessibility of 
a page. When navigating the page with the Tab key, the focus ring 
sometimes disappears because the element that has focus is hidden. To 
track the focused element in DevTools…" 
https://developers.google.com/web/tools/chrome-devtools/accessibility/focus 

Rocket Validator (Hat tip to Dennis Lembrée) 
By Site Validator Team. 
"Reports on HTML & accessibility conformance of European government websites." 
https://rocketvalidator.com/leaderboards/european-parliaments 


+09: USABILITY. 

The Psychology of Choice: Why Less is More 
By Keep It Usable. 
"…Paradox of choice leads to choice paralysis…" 
http://www.keepitusable.com/blog/the-psychology-of-choice-why-less-is-more/ 

Unbridged Knowledge Gaps Hurt UX 
By Kim Flaherty and Kate Moran. 
"Many websites fail to provide the right information for 
research-based tasks, requiring unnecessary effort for users to piece 
together various information sources manually." 
https://www.nngroup.com/articles/unbridged-knowledge-gaps/ 

UI Copy: UX Guidelines for Command Names and Keyboard Shortcuts 
By Anna Kaley. 
"Labels for commands should be brief, informative, rely on verbs and 
adjectives, and avoid branded terms. Command shortcuts must limit the 
number of modifiers and follow standard conventions." 
https://www.nngroup.com/articles/ui-copy/ 

Designing Tables for Desktop Apps with Lots of Data (Video) 
By Page Laubheimer. 
"Data-rich applications often include huge tables in their user 
interface; here are 3 UX guidelines for improving the usability of big 
tables." 
https://www.nngroup.com/videos/designing-tables-desktop-apps/ 

Intelligent Assistants: Where We Are and Where We Should Be (Video) 
By Raluca Budiu. 
"Are Siri, Alexa, and Google Assistant truly intelligent? While they 
do have some 'intelligent' features, they are still far from what 
people expect such an intelligent assistant to do." 
https://www.nngroup.com/videos/intelligent-assistants-where/ 

DeathToAutoPlay - No More Audio and Video That Plays Automatically 
By Adam Engst. 
"Most technology annoyances fall into the category of 'death by a 
thousand cuts'." 
https://tidbits.com/2019/02/06/deathtoautoplay-no-more-audio-and-video-that-plays-automatically/ 

Interface as Luxury 
By Gerry McGovern. 
"…When it comes to digital technology, it's the interface, the screen, 
the voice, the information that denote luxury and the experience." 
http://gerrymcgovern.com/interface-as-luxury/ 


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