Date   
Web Design Update: March 9, 2017

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 15, Issue 37, March 9, 2017.

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: HTML5.
06: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
12: USABILITY.
12: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Draft: Reflections on the New Guidelines and Success Criteria
By Scott Hollier.
"For people that work in the web accessibity area, today's news that
the World Wide Web Consortium (W3C) has now made publically available
the first draft of the Web Content Accessibility Guidelines (WCAG) 2.1
public draft is very exciting..."
http://hollier.info/wcag21draft/

Web Accessibility - It's Good For Everyone
By Nicolas Steenhout.
"Web accessibility benefits everyone..."
https://www.linkedin.com/pulse/web-accessibility-its-good-everyone-nicolas-steenhout

CSUN 2017 Assistive Technology Conference Backchannel
By Sanjay Nasta.
"The 2017 CSUN Assistive Technology Conference, sponsored by the
California State University Northridge Center on Disabilities, is the
largest international conference focused on assistive
technology...Below are official conference pages, a selection of
tweets, links to the keynote address, and as many presentation slides
and related resources as we were able to discover..."
http://www.microassist.com/digital-accessibility/csun-2017-backchannel/

CSUN Report - 2017
By Mallory van Achterberg.
"Anything written about CSUN generally has to be two parts: the social
stuff and the sessions stuff..."
http://www.stommepoes.nl/csun2017.html

A Collection of Quotable Quotes from CSUN 2017
By Dennis Deacon.
"80% of people who use captions aren't deaf or hard of hearing and
there 48 million Americans with hearing loss..."
http://www.dennisdeacon.com/web-design/accessibility/quotable-quotes-csun-2017/

National Federation of the Blind and Two Blind Students File Suit
Against Los Angeles Community College District
By The National Federation of the Blind.
"The National Federation of the Blind, the nation's leading advocate
for equal access to higher education for the blind; its California
affiliate, the National Federation of the Blind of California; and two
blind students, Roy Payan and Portia Mason, have filed suit in the
United States District Court for the Central District of California,
Western Division, against the Los Angeles Community College District
(LACCD) (Case 2:17-cv-01697)..."
https://nfb.org/national-federation-blind-and-two-blind-students-file-suit-against-los-angeles-community-college

Berkeley Will Delete Online Content
By Carl Straumsheim.
"Starting March 15, the university will begin removing more than
20,000 video and audio lectures from public view as a result of a
Justice Department accessibility order..."
https://www.insidehighered.com/news/2017/03/06/u-california-berkeley-delete-publicly-available-educational-content

March 2017 Digital Accessibility Legal Update
By Lainey Feingold.
"This post includes legal developments about digital accessibility
between December 13, 2016 and March 6, 2017..."
http://www.lflegal.com/2017/03/update-csun17/


+02: CASCADING STYLE SHEETS.

The Unexpected Power of Viewport Units in CSS
By Thomas Lattimore.
"The days of fixed-width designs and needing to only test against a
handful of viewport sizes are gone. We live in a fluid-width world
with a myriad of device sizes and aspect ratios..."
https://www.lullabot.com/articles/unexpected-power-of-viewport-units-in-css

On Container Queries
By Ethan Marcotte.
"Over the last few years, a number of web designers, web developers,
and agencies have been asking for 'container queries,' saying they'd
be a welcome addition to a responsive designer's toolkit. I think
they're right..."
https://ethanmarcotte.com/wrote/on-container-queries/

CSS Grid: Responsive and Accessibility
By Susan Robertson. (via Jennifer Sutton)
"Reflow your content with ease..."
https://bocoup.com/blog/css-grid-responsive-and-accessibility

Welcome to the Grid
By Eric A. Meyer.
"Grid is public.  It's live right now in the latest Firefox release,
Firefox 52. It will similarly be live in the next public Chrome
release, due in the next week or so. It's here.  I almost can't
believe it..."
http://meyerweb.com/eric/thoughts/2017/03/07/welcome-to-the-grid/

Learning CSS Grid Layout
By Rachel Andrew.
"There seems to be a myth being put around that CSS Grid Layout is
going to be really difficult to learn, so difficult that poor web
developers will never use it. I call nonsense. .."
https://www.rachelandrew.co.uk/archives/2017/03/03/learning-css-grid-layout/

CSS Grid Guides on MDN
By Rachel Andrew.
"A few weeks ago I was approached by the good people over at MDN,
asking if I would be interested in writing a comprehensive resource
for MDN on CSS Grid Layout..."
https://www.rachelandrew.co.uk/archives/2017/03/07/css-grid-guides-on-mdn/

CSS Grid Lands in Firefox 52
By Rachel Andrew.
"I had no idea, when I spotted an interesting looking specification in
a workshop led by Bert Bos back in 2012, that the next 5 years of my
life would be consumed by CSS Grid Layout..."
https://rachelandrew.co.uk/archives/2017/03/07/css-grid-lands-in-firefox-52/


+03: EVALUATION & TESTING.

Website Accessibility Testing - Scanning Tools
By Jeffrey Singleton.
"...In today's blog, I'll address web accessibility testing - scanning
tools that support your audit..."
http://insight.cryptzone.com/accessibility/website-accessibility-testing-scanning-tools/

Conducting Qualitative, Comparative Usability Testing
By Jim Ross.
"...Testing multiple designs early in a project can provide much more
useful information than testing just a single design solution. When
participants can experience two or more designs during testing, they
can provide better feedback..."
http://www.uxmatters.com/mt/archives/2017/03/conducting-qualitative-comparative-usability-testing.php

5 Interfaces That Benefit From Usability Testing
By Jeff Sauro.
"...Regardless of the type of interface, the same core principles that
lead to a usable experience apply: 1) An early focus on users and
tasks. 2) Iterative design. 3) Empirical measurement. Here are five
interfaces that these principles apply to and can benefit from
usability testing...."
https://measuringu.com/usability-interfaces/


+04: EVENTS.

WebVisions New York City
April 7, 2017.
New York, New York, U.S.A.
http://www.webvisionsevent.com/new-york/

Bulgaria Web Summit
April 7-8, 2017.
Sofia, Bulgaria
http://bulgariawebsummit.com/

Front End Design Conference
April 19-21, 2017.
St. Petersburg, Florida, U.S.A.
http://frontenddesignconference.com/

UX in the City: Oxford
April 20-21, 2017.
Oxford, England, United Kingdom.
http://uxinthecity.net/2017/oxford/

San Francisco UX Conference
April 29-May 5, 2017.
San Francisco, California, U.S.A.
https://www.nngroup.com/training/san-francisco/

Web Accessibility for Developers
May 10, 2017.
Webinar
http://www.eastersealstech.com/a11y/


+05: HTML5.

The Document Outline Dilemma
By Amelia Bellamy-Royds.
"For the past few weeks there has been lots of talk about HTML
headings in web standards circles..."
https://css-tricks.com/document-outline-dilemma


+06: INFORMATION ARCHITECTURE.

Information Architecture: Still Vital to Digital Design
By Gerry McGovern.
"Over the years, the most neglected, and yet most essential, area of
digital design has been information architecture..."
http://gerrymcgovern.com/information-architecture-still-vital-to-digital-design/


+07: JAVASCRIPT.

Quick Tip: How to Sort an Array of Objects in JavaScript
By Olayinka Omole.
"If you have an array of objects that you need to sort into a certain
order, the temptation might be to reach for a JavaScript library.
Before you do however, rember that you can do some pretty neat sorting
with the native Array.sort function. In this article I'll show you how
to sort an array of objects in JavaScript with no fuss or bother..."
https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/


+08: MISCELLANEOUS.

World Wide Web, Not Wealthy Western Web (Part 1)
By Bruce Lawson.
"'There are more things in heaven and earth, Horatio, than are dreamt
of in your philosophy,' said Shakespeare's Hamlet, in the famous scene
in which Hamlet teaches Horatio to be a web designer..."
https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/

Accessibility and the Web of Things - an interview with Dr Scott
Hollier and W3C WAI's Shadi Abou-Zahra
By Scott Hollier.
"While lots of people are passionate about the digital access cause,
Shadi Abou-Zahra, the W3C Accessibility Strategy and Technology
Specialist, is one of the hardest-working and dedicated people I've
ever met in the field, and a great bloke too..."
http://www.accessiq.org/news/w3c-column/2017/02/accessibility-and-the-web-of-things-an-interview-with-dr-scott-hollier-and


+09: NAVIGATION.

Design Better Cards
By Andrew Coyle.
"The component that symbolizes the web..."
https://uxdesign.cc/design-better-cards-c0d12ab581c4


+10: STANDARDS, GUIDELINES & PATTERNS.

U.S. Web Design Standards
By Standards USA.
"Announcing Version 1.0. After a year and a half of development and
user research, we're officially launching version 1.0 of the U.S. Web
Design Standards..."
https://standards.usa.gov/


+11: USABILITY.

Comparison Tables for Products, Services, and Features
By Kate Meyer.
"Use this versatile GUI tool to support users when they need to make a
decision that involves considering multiple attributes of a small
number of offerings. Consistency in content, scannability, and a
simple layout are some of the most important qualities of successful
comparison tables."
https://www.nngroup.com/articles/comparison-tables/

A Theory of User Delight: Why Usability Is the Foundation for
Delightful Experiences
By Therese Fessenden.
"UI embellishments can only produce surface delight; deep delight can
only be achieved in functional, reliable, and usable interfaces."
https://www.nngroup.com/articles/theory-user-delight/

Why is Getting Stakeholder Buy-In Important for UX? (Video)
By Catherine Toole.
"Catherine Toole discusses her experience getting successful
improvements made during decades of projects: almost always the same
big issue dictates success."
https://www.youtube.com/watch?v=lYrgIA_Scbc

Complex Doesn't Equal Complicated (TED Video)
By Deborah Edwards-Onoro.
"It's the beginning of the week, and you're trying to address a
complex problem in one of your projects..."
https://www.lireo.com/complex-doesnt-equal-complicated-ted-video/

Design Principles: Hick's Law - Quick Decision Making
By Anton Nikolov.
"This week's design principle is focusing on Hick's Law, which is
related to the KISS principle..."
https://uxplanet.org/design-principles-hicks-law-quick-decision-making-3dcc1b1a0632

Design for Fingers, Touch, and People, Part 1
By Steven Hoober.
"...Sometimes readers combine my obsolete data with other out-of-date
information, then draw their own incorrect conclusions. I hope put a
stop to that now with this updated overview of everything I know about
how people interact with touchscreen devices and how you can use that
information to design better digital products..."
http://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php


+12: XML.

SVG Animation Demo: Heating Water, from Ice to Steam
By Charles McCathieNevile.
"Using SVG animation and aria-live to make an accessible interactive
STEM demo..."
http://svg-access-w3cg.github.io/use-case-examples/beaker.html
Accessibility Notes by Chaals:
http://svg-access-w3cg.github.io/use-case-examples/beaker-notes.html
Slides by Leonie Watson:
http://ljwatson.github.io/decks/2017/csun/index.html

[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: March 8, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 37, March 8, 2018.

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: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: TYPOGRAPHY.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1: Success Criteria for Cognitive Disabilities
By Kurt Mattes.
"…In the Candidate Recommendation dated January 30, 2018, two of these 11 Success Criteria are at Level A
and six are at Level AA. For organizations wishing to reach for Level AAA, three additional Success Criteria are
covered at the end of this post…"
https://developer.paciellogroup.com/blog/2018/03/wcag-2-1-success-criteria-for-cognitive-disabilities/

The New Guidelines in WCAG 2.1 Explained
By Alexander Skogberg.
"In the Summer of 2018, WCAG 2.0 will be updated to version 2.1 with new guidelines for making websites even
more accessible. In this post I'll try to give simple explanations of these guidelines along with thoughts and advice
on how to follow them…"
https://alexanderskogberg.com/2018/02/new-guidelines-wcag-2-1-explained/

WCAG 2.1: Writing a Recommendation
By Audrey Maniez.
"With the advent of WCAG 2.1 in the global accessibility landscape, the promises were ambitious.
The new criteria, many and sometimes so unrealistic, have attracted the wrath of some renowned actors in the field…"
https://access42.net/wcag-2-1

Your Interactive Makes Me Sick
By Eileen Webb.
"Why your coolest scrolly features can cause problems,
and what to do about it accessibility scrolling migraines are terrible motion…"
https://source.opennews.org/articles/motion-sick/

Why Aren't We Doing This Already? : What I've Learned About Accessibility in the Tech Industry
By Rachel Williamson.
"…I would like to share what I've learned about accessibility as it exists right now in the tech industry…"
https://medium.com/@rachel.williamson/why-arent-we-doing-this-already-what-i-ve-learned-about-accessibility-in-the-tech-industry-927a0e1d72d9

Accessible By Design
By Andrew Spencer.
"…Andrew shares what to think about and tools to use when creating a visually accessible web…"
https://seesparkbox.com/foundry/accessible_by_design

Overly Accessible?
By Jared Smith.
"…Yes, if you think of accessibility as code practices and techniques, then these can be overdone
resulting in a less than optimal end user experience. But if you think of accessibility as being that
end user experience, then no, you can't make a site overly accessible because those accessibility
improvements would inherently benefit everyone."
https://webaim.org/blog/overly-accessible/

YouTube Live Gains Automatic Captions, Chat Replay and More
By Sarah Perez.
"YouTube today announced several new features designed to improve the live streaming experience
for both creators and viewers…"
https://techcrunch.com/2018/02/26/youtube-live-gains-automatic-captions-chat-replay-and-more/

Officials Examine Website Accessibility Amid Federal Disability Investigation
By Leah Potter.
"As the Department of Education investigates George Washington University (GW) for alleged disability
discrimination based on the accessibility of its websites, officials say they've formed a task force to examine the issue…"
https://www.gwhatchet.com/2018/01/29/officials-examine-website-accessibility-amid-federal-disability-investigation/

Blind Woman Sues TD Ameritrade Over Allegedly Inaccessible Website
By Jed Horowitz.
"A woman in New York State has filed a class-action lawsuit against TD Ameritrade claiming that the discount brokerage
firm's website and some of its trading software is inaccessible through screen reader vocalization software and other
standard tools used by the blind and visually impaired."
https://advisorhub.com/blind-woman-sues-td-ameritrade-allegedly-inaccessible-website/

ADA Suit Against 1-800-Flowers.com Blooms
By Richard P. Lawson.
"Demonstrating the minefield facing online retailers, the U.S. District Court, District of Massachusetts refused to dismiss
an Americans with Disabilities Act (ADA) accessibility suit filed against 1-800-Flowers.com…"
https://www.lexology.com/library/detail.aspx?g=c913b37a-e010-4404-b1b9-b2ce8b85ed92

H.R. 620 Will Not Prevent Drive-By Accessibility Lawsuits Because It Does Not Address Website Accessibility
By Kim Krause Berg.
"There are many conflicts with the recent vote to pass H.R. 620 of the ADA by the House of Representatives.
The most alarming is requiring a law where one already exists."
https://creativevisionwebconsulting.com/h-r-620-will-not-prevent-drive-accessibility-lawsuits-not-address-website-accessibility/

Gratitude for a Poached Egg (an Accessibility and Negotiation Strategy)
By Lainey Feingold.
"…a strategy for moving negotiations and accessibility forward."
http://www.lflegal.com/2018/03/gratitude/


+02: CASCADING STYLE SHEETS.

We Write CSS Like We Did in the 90s, and Yes, It's Silly
By Jens Oliver Meiert.
"The tools web developers use to build websites have changed dramatically since the 1990s. But when it comes to the
craft of writing CSS, Jens Meiert argues, it often seems that we haven't learned anything over the past 20 years.
Meiert discusses why that is and offers his thoughts on how spending more time thinking about the basics can bring
the writing of CSS into the 21st century."
http://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly

Third Party CSS is Not Safe
By Jake Archibald.
"A few days ago there was a lot of chatter about a 'keylogger' built in CSS.…"
https://jakearchibald.com/2018/third-party-css-is-not-safe/


+03: EVALUATION & TESTING.

The Line to Say in Usability Testing to Get Honest Feedback
By Karah Salaets.
"…My job is to help the client make this as amazing as possible. We've had some ideas already.
And when we brainstormed, we put all our ideas in the design without judgement. You will help me figure out which
ideas are great, which are duds, and come up with new ideas we didn't think of…"
http://uxmovement.com/thinking/the-line-to-say-in-usability-testing-to-get-honest-feedback/

A Comprehensive Guide To User Testing
By Christopher Murphy.
"…In this article, I'll be focusing on usability testing, where we evaluate the design decisions we have made against
a representative set of users to test if our assumptions are correct…"
https://www.smashingmagazine.com/2018/03/guide-user-testing/

How to Turn User Videos into Insights
By Jeff Sauro.
"Finding and fixing usability problems in an interface leads to a better user experience…"
https://measuringu.com/user-videos-insights/


+04: EVENTS.

Assistive Technology 101
April 6, 2018.
Indianapolis, Indiana, U.S.A.
https://www.eventbrite.com/e/assistive-technology-101-tickets-43613381799
Online at:
https://www.eastersealstech.com/live

Accessible by Design
May 8, 2018.
Bloomington, Indiana, U.S.A.
https://accessiblebydesign.org/

Web Accessibility Training
May 8-9, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training/

php[tek] 2018
May 31-June 1, 2018.
Atlanta, Georgia, U.S.A.
https://tek.phparch.com/

HCI International 2017
July 15-20, 2018.
Los Vegas, Nevada, U.S.A.
http://2018.hci.international/index.php

eduWeb
July 23-25, 2018.
San Diego, California, U.S.A.
http://eduwebconf.com/

Event Apart Washington DC
July 30-August 1, 2018.
Washington DC, U.S.A.
https://aneventapart.com/event/washington-dc-2018

Web Directions Code
August 2-3 2018.
Melbourne, Australia
http://www.webdirections.org/code/


+05: JAVASCRIPT.

aria-keyshortcuts (property)
By Rakesh Paladugula.
"The aria-keyshortcuts property informs the screen reader user the shortcuts developer implemented
to activate or focus an element on the web page or an application…"
http://www.maxability.co.in/2018/03/aria-keyshortcuts-property/

8 Tips for Improving Bootstrap Accessibility
By Rhiana Heath.
"A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible
for people with disabilities. This focussed mostly on Bootstrap accessibility in terms of front-end design…"
https://www.sitepoint.com/making-bootstrap-accessible/

Notifications
By Heydon Pickering.
"The key difference between a website and a web app is… highly contested…"
https://inclusive-components.design/notifications/

Creating Accessible React Apps (Video)
By Scott Vinkle.
"The React JavaScript library is a great way to create reusable modular components that can be shared among projects.
But how do you ensure your React apps are usable by all kinds of people?
Scott Vinkle will share tips on how to build your React apps with accessibility baked-in…"
https://www.youtube.com/watch?v=-Twm-cq_E2A


+06: MISCELLANEOUS.

A11y Rules Podcast Episode 30 - Interview with Glenda Sims - Part 2
By Nicolas Steenhout.
"Glenda speaks of the importance of mentoring "fresh blood" in the accessibility field. She also explains how she gets
frustrated by accessibility going forward two steps, and backwards one step.…"
https://www.patreon.com/posts/a11y-rules-30-2-17067471


+07: NAVIGATION.

Accessible Landmarks
By Scott O'Hara.
"Landmarks can be useful to screen reader users as they can be used to help orient a user to, and easily navigate,
an appropriately structured web page or application screen…"
http://www.scottohara.me/blog/2018/03/03/landmarks.html

The Most Powerful Words are Often Not Searched For
By Gerry McGovern.
"…Getting your words right in your menus and links will have a greater positive impact on customer experience than
any other initiative you will undertake."
http://gerrymcgovern.com/the-most-powerful-words-are-often-not-searched-for/


+08: TYPOGRAPHY.

Serif, Sans, Script & Slab: 4 Font Types Explained
By Carrie Cousins.
"Always wanted to know the difference between serif, sans, script, and slab fonts? Look no further. Take your typography
game to the next level, and quit guessing if certain typefaces or font pairs work together. Back your logic with a little
design theory…"
https://designshack.net/articles/typography/font-types-explained-serif-sans-script-slab/


+09: USABILITY.

Back to Static: a Paradigm Shift for Better UX and Web Performance
By Boris Schapira.
"For several years now, a new range of solutions have emerged in the web technologies landscape…"
https://blog.dareboost.com/en/2018/02/static-website-web-performance/

The Principle of Commitment and Behavioral Consistency
By Therese Fessenden.
"Getting users to make a small commitment and follow up on it can increase engagement with content."
https://www.nngroup.com/articles/commitment-consistency-ux/

What Web Designers Need to Know About Hick's Law
By uxplanet.
"Hick's Law guides UX designers to create effortless user experiences. Here's how to apply the law to your UX design…"
https://uxplanet.org/what-web-designers-need-to-know-about-hicks-law-4601b7dc0470

Fitts' Law: Tracking Users' Clicks
By Mads Soegaard.
"…Understanding Fitts' Law (sometimes called Fitts's Law) will give you a key to unlock another dimension in designing…"
https://www.interaction-design.org/literature/article/fitts-law-tracking-users-clicks

Steve Jobs on 6 Key Principles of User Experience
By David Travis.
A good quotation can be a powerful communication tool. And Steve Jobs, perhaps history's best design communicator,
left us with some profound words. Jobs had an intuitive understanding of great design and user experience
as these quotations show."
https://www.userfocus.co.uk/articles/Steve-Jobs-on-6-key-principles-of-ux.html

Describing UX to Family and Friends (Video)
By Nielsen Norman Group.
"Do you ever find it challenging to explain to people what you do for a living? See how other UX professionals do it."
https://www.nngroup.com/videos/describing-ux-family-and-friends/

3 UX Tips for Better Newsletters and Marketing Emails (Video)
By Kim Flaherty. 
"Your customers want email newsletters that provide immediate utility. Thoughtful layout, image choices, and formatting
will help you win over customers on your mailing list."
https://www.nngroup.com/videos/newsletters-marketing-emails/

E-Commerce UX: Post-Process Vendor-Supplied Product Data (52% Don't)
By Edward Scott.
"Product specifications, whether they appear in a dedicated spec sheet, in a product list item, or as filters,
are crucial to some users' product-purchasing decision…"
https://baymard.com/blog/post-process-product-data

[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: March 15, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

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

++ISSUE 38 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.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied).
But launching a company accessibility remediation project can be a big undertaking. You will need to win over company
leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article,
Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect?
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently
remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks,
which you can easily incorporate into your workflow today. You are going to find out how to make your web projects
more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout.
See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people
who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant.
Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews,
otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs…
Multi-item measures will improve the amount of points of discrimination… Use more points for single items…
Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018.
Atlanta, Georgia, U.S.A.
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A.
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes
in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible.
But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude.
It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system
and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them
with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters,
but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[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: March 22, 2018 1 post by 1 author

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 39, March 22, 2018.

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

++ISSUE 39 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: COLOR.
03: EVALUATION & TESTING.
04: EVENTS.
05: INFORMATION ARCHITECTURE.
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.

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do
By Ashley Sheridan.
"…The majority of these are fairly obvious and straightforward, with
some nice additions that enhance accessibility on smaller hand-held
devices…"
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do

Labels Required
By Maggie Wachs.
"Late last year we completed an accessibility audit with a client,
during which we were reminded that form fields must have properly
associated label elements to be universally understood by screen
readers and conventional browsers."
https://www.filamentgroup.com/lab/a11y-form-labels.html

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure?
By Sailesh Panchang.
"Consider these two examples for error notification…"
http://www.mindoversight.com/?p=190

Cognitive Accessibility (Video)
By Jamie Knight & Lion.
Jamie's February 2018 London Accessibility Meetup presentation.
https://www.youtube.com/watch?v=XBzXBY9G2u4

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility
By Michael Berger.
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…"
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3

Your Tooltips Are Bogus
By Heydon Pickering.
"Tooltips are implemented all over the place. Badly. Let me count the ways."
http://www.heydonworks.com/article/your-tooltips-are-bogus

Trickle Down Accessibility
By Ted Drake and Sarah Margolis-Greenbaum.
"This presentation is not about reducing your support for blind and low-vision…"
http://www.last-child.com/trickle-down-accessibility/

I Never Thought I Would Say This
By Marcie Lipsett.
OCR is dismissing some of Marcie Lipsett's complaints related
discrimination against people with disabilities.
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/

SOCSD Rolls Out New Website
By Charlie Benton.
"The Starkville-Oktibbeha Consolidated School District unveiled its
new website last week after working on the project since December. The
project was initiated following the district's past website being
found to not be compliant with the Americans with Disabilities Act
(ADA)…"
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website

Accessibility Analysis of Banking Industry Websites
By Bureau of Internet Accessibility.
"…The banking industry has made progress over the past decade, but our
analysis shows that there is still room for improvement…"
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018


+02: Color.

Colour Deficit Help
By Matthew Atkinson.
"This is the last in the current series of articles looking at
adaptations for accessibility, based on new techniques or research…"
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/


+03: EVALUATION & TESTING.

Why Accessibility Testing with Real Users is so Important
By Helen Wood and Jennifer Kline.
"…There is no 'one size fits all' way to know if what you've built
will work until you test it with the people who will be expected to
use it."
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/

Measure Customer Use of Things, Not Customer Satisfaction with Things
By Gerry McGovern.
"…In a digital economy, the most vital thing to manage is use."
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/

How to Test Your User Interface the Right Way
By Paul Boag.
"On this episode of the Boagworld Show, we look at testing your user
interface and how to integrate it into your design process…"
https://boagworld.com/season/20/episode/2008/


+04: EVENTS.

What's New in WCAG 2.1
March 27, 2018.
Online.
https://register.gotowebinar.com/register/521166701331883266

An Event Apart Orlando
October 8-10, 2018.
Orlando, Florida, U.S.A.
https://aneventapart.com/event/orlando-2018

ARIA: What, Why and When
October 11, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520

Web Summit
November 5-8, 2018.
Lisbon, Portugal
https://websummit.com/

Web Directions Summit
November 8-9, 2018.
Sydney, Australia
http://www.webdirections.org/wds/


+05: INFORMATION ARCHITECTURE.

Card Sorting: Uncover Users' Mental Models for Better Information Architecture
By Katie Sherwin.
"Card sorting is a UX research technique in which users organize
topics into groups. Use it to create an IA that suits your users'
expectations."
https://www.nngroup.com/articles/card-sorting-definition/


+06: JAVASCRIPT.

WAI-ARIA: the Dark Art of Accessibility?
By Jon Gibbins.
"…one area of accessibility that often stumps even the most
experienced developers, is WAI-ARIA - the Accessible Rich Internet
Applications…this is an awareness-raising blog post for web developers
about ARIA. It was prompted by an issue discovered on a client's
website that was using a carousel powered by Slick. I'm going to take
a look at some of the ARIA used by Slick."
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/

Writing JavaScript with Accessibility in Mind
By Manuel Matuzovic.
"Tips on how to improve the accessibility of your JavaScript
components and provide users with more and better ways to interact
with your website or web app."
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9


+07: MISCELLANEOUS.

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web
By Olivia Solon.
"The inventor of the world wide web warns over concentration of power
among a few companies 'controlling which ideas are shared'"
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations

33rd CSUN Assistive Technology Conference - Keynote (Video)
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN
Assistive Technology Conference with an excellent keynote. Keynote
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan
Goldstein begins at 37:47)
https://www.youtube.com/watch?v=XAEJx4GlRPQ

How Fast Is Amp Really?
By Tim Kadlec.
"…right now, the incentives being placed on AMP content seem to be
accomplishing exactly what you would think: they're incentivizing AMP,
not performance…"
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/

Write It Down
By Mark Boulton.
"This is about a light-touch way of asking someone to slow down…I
welcome being asked to 'write it down'. It gives me permission to take
a breath. To pause and reflect on what I'm asking…Next time someone
asks you to do something, try it. I bet 3 times out of 10, they say
'oh it doesn't matter'. You'll have that time back. They'll be a
little wiser and have a lower heart rate."
https://markboulton.co.uk/journal/write-it-down


+08: TOOLS.

Bookmarklets for Nu Html Checker
By Steve Faulkner.
Running your HTML through a conformance checker will miss any errors
you may have introduced when adding to elements/attributes via
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page
the Nu Html Checker.
https://validator.w3.org/nu/about.html#extras


+09: USABILITY.

Don't Shame Your Users Into Converting (Video)
By Kate Meyer and Kim Flaherty.
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame
customers into doing what the company wants. Sacrificing long-term
customer loyalty for short-term gains is shortsighted."
https://www.nngroup.com/videos/shame-users-to-convert/

Designing Button States
By Tyler Sticka.
"Buttons are a staple of any design system. The best ones are simple,
versatile, maybe even a little fun…"
https://cloudfour.com/thinks/designing-button-states/

Retain UX Talent by Tracking UX Capacity
By Hoa Loranger.
"Tracking UX capacity on Agile projects allows you to negotiate UX
commitments in terms stakeholders understand."
https://www.nngroup.com/articles/tracking-ux-capacity/


[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 16, Issue 38, March 15, 2018.

David Dillard
 



  +++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

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

++ISSUE 38 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.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied). But launching a company accessibility remediation project can be a big undertaking. You will need to win over company leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article, Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect? 
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks, which you can easily incorporate into your workflow today. You are going to find out how to make your web projects more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant. Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews, otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs… Multi-item measures will improve the amount of points of discrimination… Use more points for single items… Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018. 
Atlanta, Georgia, U.S.A. 
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A. 
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute 
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility 
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible 
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible. But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude. It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters, but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[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 16, Issue 39, March 22, 2018.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 16, Issue 39, March 22, 2018. 

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

++ISSUE 39 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: COLOR. 
03: EVALUATION & TESTING. 
04: EVENTS. 
05: INFORMATION ARCHITECTURE. 
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. 

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do 
By Ashley Sheridan. 
"…The majority of these are fairly obvious and straightforward, with 
some nice additions that enhance accessibility on smaller hand-held 
devices…" 
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do 

Labels Required 
By Maggie Wachs. 
"Late last year we completed an accessibility audit with a client, 
during which we were reminded that form fields must have properly 
associated label elements to be universally understood by screen 
readers and conventional browsers." 
https://www.filamentgroup.com/lab/a11y-form-labels.html 

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure? 
By Sailesh Panchang. 
"Consider these two examples for error notification…" 
http://www.mindoversight.com/?p=190 

Cognitive Accessibility (Video) 
By Jamie Knight & Lion. 
Jamie's February 2018 London Accessibility Meetup presentation. 
https://www.youtube.com/watch?v=XBzXBY9G2u4 

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility 
By Michael Berger. 
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…" 
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3 

Your Tooltips Are Bogus 
By Heydon Pickering. 
"Tooltips are implemented all over the place. Badly. Let me count the ways." 
http://www.heydonworks.com/article/your-tooltips-are-bogus 

Trickle Down Accessibility 
By Ted Drake and Sarah Margolis-Greenbaum. 
"This presentation is not about reducing your support for blind and low-vision…" 
http://www.last-child.com/trickle-down-accessibility/ 

I Never Thought I Would Say This 
By Marcie Lipsett. 
OCR is dismissing some of Marcie Lipsett's complaints related 
discrimination against people with disabilities. 
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/ 

SOCSD Rolls Out New Website 
By Charlie Benton. 
"The Starkville-Oktibbeha Consolidated School District unveiled its 
new website last week after working on the project since December. The 
project was initiated following the district's past website being 
found to not be compliant with the Americans with Disabilities Act 
(ADA)…" 
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website 

Accessibility Analysis of Banking Industry Websites 
By Bureau of Internet Accessibility. 
"…The banking industry has made progress over the past decade, but our 
analysis shows that there is still room for improvement…" 
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018 


+02: Color. 

Colour Deficit Help 
By Matthew Atkinson. 
"This is the last in the current series of articles looking at 
adaptations for accessibility, based on new techniques or research…" 
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/ 


+03: EVALUATION & TESTING. 

Why Accessibility Testing with Real Users is so Important 
By Helen Wood and Jennifer Kline. 
"…There is no 'one size fits all' way to know if what you've built 
will work until you test it with the people who will be expected to 
use it." 
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/ 

Measure Customer Use of Things, Not Customer Satisfaction with Things 
By Gerry McGovern. 
"…In a digital economy, the most vital thing to manage is use." 
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/ 

How to Test Your User Interface the Right Way 
By Paul Boag. 
"On this episode of the Boagworld Show, we look at testing your user 
interface and how to integrate it into your design process…" 
https://boagworld.com/season/20/episode/2008/ 


+04: EVENTS. 

What's New in WCAG 2.1 
March 27, 2018. 
Online. 
https://register.gotowebinar.com/register/521166701331883266 

An Event Apart Orlando 
October 8-10, 2018. 
Orlando, Florida, U.S.A. 
https://aneventapart.com/event/orlando-2018 

ARIA: What, Why and When 
October 11, 2018. 
Online 
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520 

Web Summit 
November 5-8, 2018. 
Lisbon, Portugal 
https://websummit.com/ 

Web Directions Summit 
November 8-9, 2018. 
Sydney, Australia 
http://www.webdirections.org/wds/ 


+05: INFORMATION ARCHITECTURE. 

Card Sorting: Uncover Users' Mental Models for Better Information Architecture 
By Katie Sherwin. 
"Card sorting is a UX research technique in which users organize 
topics into groups. Use it to create an IA that suits your users' 
expectations." 
https://www.nngroup.com/articles/card-sorting-definition/ 


+06: JAVASCRIPT. 

WAI-ARIA: the Dark Art of Accessibility? 
By Jon Gibbins. 
"…one area of accessibility that often stumps even the most 
experienced developers, is WAI-ARIA - the Accessible Rich Internet 
Applications…this is an awareness-raising blog post for web developers 
about ARIA. It was prompted by an issue discovered on a client's 
website that was using a carousel powered by Slick. I'm going to take 
a look at some of the ARIA used by Slick." 
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/ 

Writing JavaScript with Accessibility in Mind 
By Manuel Matuzovic. 
"Tips on how to improve the accessibility of your JavaScript 
components and provide users with more and better ways to interact 
with your website or web app." 
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9 


+07: MISCELLANEOUS. 

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web 
By Olivia Solon. 
"The inventor of the world wide web warns over concentration of power 
among a few companies 'controlling which ideas are shared'" 
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations 

33rd CSUN Assistive Technology Conference - Keynote (Video) 
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN 
Assistive Technology Conference with an excellent keynote. Keynote 
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan 
Goldstein begins at 37:47) 
https://www.youtube.com/watch?v=XAEJx4GlRPQ 

How Fast Is Amp Really? 
By Tim Kadlec. 
"…right now, the incentives being placed on AMP content seem to be 
accomplishing exactly what you would think: they're incentivizing AMP, 
not performance…" 
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/ 

Write It Down 
By Mark Boulton. 
"This is about a light-touch way of asking someone to slow down…I 
welcome being asked to 'write it down'. It gives me permission to take 
a breath. To pause and reflect on what I'm asking…Next time someone 
asks you to do something, try it. I bet 3 times out of 10, they say 
'oh it doesn't matter'. You'll have that time back. They'll be a 
little wiser and have a lower heart rate." 
https://markboulton.co.uk/journal/write-it-down 


+08: TOOLS. 

Bookmarklets for Nu Html Checker 
By Steve Faulkner. 
Running your HTML through a conformance checker will miss any errors 
you may have introduced when adding to elements/attributes via 
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page 
the Nu Html Checker. 
https://validator.w3.org/nu/about.html#extras 


+09: USABILITY. 

Don't Shame Your Users Into Converting (Video) 
By Kate Meyer and Kim Flaherty. 
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame 
customers into doing what the company wants. Sacrificing long-term 
customer loyalty for short-term gains is shortsighted." 
https://www.nngroup.com/videos/shame-users-to-convert/ 

Designing Button States 
By Tyler Sticka. 
"Buttons are a staple of any design system. The best ones are simple, 
versatile, maybe even a little fun…" 
https://cloudfour.com/thinks/designing-button-states/ 

Retain UX Talent by Tracking UX Capacity 
By Hoa Loranger. 
"Tracking UX capacity on Agile projects allows you to negotiate UX 
commitments in terms stakeholders understand." 
https://www.nngroup.com/articles/tracking-ux-capacity/ 


[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 16, Issue 40, March 29, 2018.

David Dillard
 


+++ 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 31, January 23, 2019.

David Dillard
 



 

+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 31, January 23, 2019. 

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

++ISSUE 31 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: EVENTS. 
04: HTML. 
05: JAVASCRIPT. 
06: MISCELLANEOUS. 
07: NAVIGATION. 
08: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Exclusive Design 
By Vasilis van Gemert. 
"…if we want to create truly inclusive websites, expertise in 
ourselves is not enough. We also need expertise in designing 
interfaces for people who are excluded. This expertise is lacking…" 
https://exclusive-design.vasilis.nl/ 

UX Foundations: Accessibility (Online Course) 
By Microsoft Dev Collective. 
"…In this course, you'll learn how accessibility lowers the barrier to 
entry, by providing equal access and opportunity to people with a 
diverse range of hearing, movement, sight, and cognitive abilities…" 
https://developer.microsoft.com/en-us/collective/learning/courses/ux-foundations-accessibility 

Meeting Web Accessibility Guidelines (Online Course) 
By Microsoft Dev Collective. 
"…you will get hands-on, practical code examples that you can start 
using today towards your goal of meeting official accessibility 
guidelines…" 
https://developer.microsoft.com/en-us/collective/learning/courses/meeting-web-accessibility-guidelines 

Why Gen Z Loves Closed Captioning 
By Lance Ulanoff. 
"…When the NCI first co-developed closed captioning technology some 50 
years ago, they called it 'words worth watching,' and it did transform 
millions of lives. Today, we may be witnessing - or reading - a 
similar revolution." 
https://medium.com/s/the-upgrade/why-gen-z-loves-closed-captioning-ec4e44b8d02f 

Accessibility Reviews 
By Adrian Roselli et al. 
"A community-driven resource to both find and share information on the 
accessibility of tools, services, platforms, and so on…" 
https://a11y.reviews/ 
Accessibility Reviews on GitHub: 
https://github.com/a11y-reviews 

How to Remove Automatic Captions from Your YouTube Videos 
By Sofia Enamorado. 
"Once you've uploaded a video to YouTube, you'll notice that YouTube's 
automatic captions are turned on. Even if you've uploaded your own 
captions or created captions in YouTube's transcription interface, 
automatic captions will still show up as an option on your video…" 
https://www.3playmedia.com/2019/01/18/remove-automatic-captions-youtube-videos/ 

1.4.11 Non-Text Contrast 
By Rakesh Paladugula. 
"1.4.11 Non-text contrast is similar to 1.4.3 Contrast minimum. People 
with low vision will have tough time reading and understanding the 
content that has poor contrast…" 
https://www.maxability.co.in/2019/01/1-4-11-non-text-contrast/ 

Domino's Pizza app Must be Accessible to Blind People 
By BBC News. 
"Domino's Pizza has been told its website and app must be made fully 
accessible to blind people, after losing a legal case in the US…" 
https://www.bbc.com/news/technology-46894463 

Federal Appellate Courts Ring In the New Year by Taking Up Website and 
Mobile Application Accessibility 
By Shira M. Blank. 
"…the best way to avoid falling prey to such a suit is to achieve 
substantial conformance with WCAG 2.1 Levels A and AA (confirming such 
status by human-based code and user/assistive-technology testing)…" 
https://www.natlawreview.com/article/federal-appellate-courts-ring-new-year-taking-website-and-mobile-application 

Blind N.Y. Resident Sues NU Over Website Accessibility 
By Maria Lovato. 
"…Jason Camacho filed a lawsuit against 50 universities across the 
country, including Northeastern. He alleged that the colleges are 
violating the Americans with Disabilities Act…" 
https://huntnewsnu.com/56748/campus/nu-sued-over-website-accessibility-by-blind-n-y-resident/ 

Northeastern Complaint (PDF): 
https://huntnewsnu.com/wp-content/uploads/2019/01/Camacho-v.-Northeastern-1.pdf 


+02: CASCADING STYLE SHEETS. 

The Flexbox Holy Albatross 
By Heydon Pickering. 
"…the solution struck me. And now I'm going to share it with you…" 
http://www.heydonworks.com/article/the-flexbox-holy-albatross 


+03: EVENTS. 

Tackling a Huge Website with WCAG-EM 
February 28, 2019. 
Online 
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=557 

An Event Apart Seattle 
March 4-6, 2019. 
Seattle, Washington, U.S.A. 
https://aneventapart.com/event/seattle-2019 

Web Accessibility Training 
March 5-6, 2019. 
Logan, Utah, U.S.A. 
https://webaim.org/training/ 

South by Southwest Interactive 
March 8-17, 2019. 
Austin, Texas, U.S.A. 
https://www.sxsw.com/interactive/ 

Accessibility Camp Bay Area 
March 9, 2019. 
San Francisco Califorina, U.S.A. 
http://www.accessibilitycampbay.org/ 

ConveyUX 
March 12-13, 2019. 
Seattle, Washington, U.S.A. 
https://conveyux.com/conveyux-seattle/ 

ConFoo Montreal 
March 13-15, 2019. 
Montreal, Quebec, Canada 
https://confoo.ca/en/yul2019 


+04: HTML. 

How Do You Figure? 
By Scott O'Hara. 
"Introduced as part of HTML5, the figure and figcaption elements are 
meant to create a meaningful markup structure that…" 
https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html 

HTML5 Input Types: Where Are They Now? 
By Drew McLellan. 
"HTML5 introduced thirteen new types of form input, adding 
significantly to the number of different fields web designers and 
developers could add to our forms. These new types all require 
browsers to support them, and take-up has been slower than some of us 
would have liked. What is the state of those field types in 2019? 
Which can we use, and which should still be avoided…" 
https://www.smashingmagazine.com/2019/01/html5-input-types/ 


+05: JAVASCRIPT. 

What is Tree Shaking and How Does It Work? 
By Ire Aderinokun. 
"When Javascript applications get to a certain size, it's helpful to 
separate the code into modules. However, when we do so, we can end up 
with code imported that isn't actually used. Tree shaking is a method 
of optimising our code bundles by eliminating any code from the final 
file that isn't actually being used…" 
https://bitsofco.de/what-is-tree-shaking/ 


+06: MISCELLANEOUS. 

Design Thinking 101 (Video) 
By Sarah Gibbons. 
"What is 'design thinking' and why should you care? The 6 steps of the 
process defined." 
https://www.nngroup.com/videos/design-thinking/ 


+07: NAVIGATION. 

Designing for Friction and Flow in Customer Journeys (Video) 
By Maria Rosala. 
"Friction and Flow are two concepts in interaction design that assist 
users in their tasks, whether this is to prevent errors or to 
encourage completion. As designers, it's important to use both as and 
when required in the user journey. This video explains when you might 
need to consider adding friction into the user journey." 
https://www.nngroup.com/videos/friction-flow-customer-journeys/ 


+08: USABILITY. 

What's Really Behind Most UX Issues 
By Joe Natoli. 
"what I've seen is that UX and design issues that are present in 
software products - sites, apps, systems - come directly from 
misalignment of individual intent. And there are three flavors of 
this: personal, organizational and political." 
https://www.sitepoint.com/whats-behind-most-ux-issues/ 

Building Better Forms™ by not Taking Away Affordances 
By Bram(us) Van Damme. 
"Don't fiddle too much with your forms' look and feel. A small 
innocent-looking piece of CSS, even when combined with semantically 
correct HTML, could leave you with a degraded UX and lesser 
accessibility." 
https://www.bram.us/2019/01/18/building-better-forms-by-not-taking-away-affordances/ 

The Dangers of Overpersonalization 
By Kim Flaherty and Kate Moran. 
"Too much personalization leads to homogeneous experiences for users 
and can generate content fatigue and lack of diversity." 
https://www.nngroup.com/articles/overpersonalization/ 

What Parallax Lacks 
By Katie Sherwin. 
"Parallax-scrolling effects add visual interest, but they often create 
usability issues, such as content that is slow to load or hard to 
read. Consider if the benefits are worth the cost." 
https://www.nngroup.com/articles/parallax-usability/ 

Gamification in the User Experience (Video) 
"Gamification is the usage of game mechanics in non-game contexts, 
such as mainstream UX design. The most successful implementations of 
gamification begin with a learner-centered mindset." 
https://www.nngroup.com/videos/gamification-user-experience/ 

The Web is a Pattern of Human Behavior 
By Gerry McGovern. 
"… Life on the Web is a mix of the fake and the real, just like life 
has always been. And there are common patterns everywhere." 
http://gerrymcgovern.com/2779-2/ 


[Section one ends.] 


++ SECTION TWO: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

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


+ TEXT EMAIL NEWSLETTER (TEN). 

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


+ SIGN OFF. 

Until next time, 

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


[Issue ends.] 

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 32, February 1, 2019.

David Dillard
 



 

+++ 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 33, February 7, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 33, February 7, 2019. 

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

++ISSUE 33 CONTENTS. 

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

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

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

How My Brain-Damaged Mother Changed How I Look at Interface Design 
(Hat tip to Jim Allan) 
By John Brownlee. 
"Her technical expertise launched a billion phone calls, yet now she 
is routinely thwarted by what many hail as one of the most accessible 
UIs on the planet…" 
https://magenta.as/how-my-brain-damaged-mother-changed-how-i-look-at-interface-design-9d2a06f042a1 

Takeaways from Digital Accessibility - Guide to Trustworthy Free 
Online Resources 
By Deborah Edwards-Onoro. 
"At yesterday's free Digital Accessibility Support - Guide to 
Trustworthy Free Online Resources webinar hosted by The Paciello 
Group, Shawn Henry from the Web Accessibility Initiative (WAI) at the 
World Wide Web Consortium shared a wealth of information about the 
digital accessibility resources available on the WAI website…" 
https://www.lireo.com/takeaways-digital-accessibility-guide-trustworthy-free-online-resources/ 

Complete Guide to Accessible Video and Audio for the Web 
By Stefany Newman. 
"…Captions, transcript, audio description, non-seizure/migraine 
inducing content, keyboard functions, accessible player - it all ties 
together to create an incredible experience for abled and disabled 
users. But all the inventions in the world are useless without the 
ultimate ingredient - desire. A desire to share your content and to 
make it in a way as many people as possible will be able to enjoy. Not 
only will you reap enormous benefits, but you will get the best gain 
ever - making the world a better place…" 
https://codepen.io/Stefany93/post/complete-guide-to-accessible-video-and-audio-for-the-web 

Make Your Hashtags Accessible 
By Bureau of Internet Accessibility. 
"…To make your hashtags more accessible, capitalize the first letter 
of each word (sometimes called "camel case" or "camel backing")…" 
https://www.boia.org/blog/make-your-hashtags-accessible 

AcceDe Web Guidelines (Hat tip to Nicolas Hoffmann) 
By Atalan. 
"The AcceDe Web guides are written from the perspective of each of the 
key project stakeholders and cover the full Web project cycle…" 
https://www.accede-web.com/en/guidelines/ 

7 Things You Should Know About Accessibility Policy 
By EDUCAUSE. 
"Accessibility policies frame standards and expectations for how a 
college or university's programs, services, and facilities serve the 
needs of people with disabilities…" 
https://library.educause.edu/resources/2019/2/7-things-you-should-know-about-accessibility-policy 

Due Process and Primary Jurisdiction Defenses to Website Accessibility 
Claims Fall Like Dominoes in the Ninth Circuit 
By  Ogletree, Deakins, Nash, Smoak & Stewart, P.C. 
"…Consistent with the DOJ's position in its September 25, 2018 letter 
regarding website accessibility, the court noted that public 
accommodations are provided 'maximum flexibility in meeting the 
[ADA's] requirements.' Nonetheless, conformance to WCAG 2.0 or 2.1 
likely remains the only predictably safe standard to ensure that 
websites comply with the ADA." 
https://www.jdsupra.com/legalnews/due-process-and-primary-jurisdiction-63209/ 

Websites Need to be More Accessible for Disabled People 
By S.E. Smith. 
"A recent wave of lawsuits - some of them controversial - is bringing 
the issue to the fore…" 
https://www.vox.com/the-goods/2019/2/5/18210912/websites-ada-compliance-lawsuits 


+02: CASCADING STYLE SHEETS. 

A Guide To CSS Support In Browsers 
By Rachel Andrew. 
"It can be frustrating when you want to use a feature and discover 
that it is not supported or behaves differently across browsers. In 
this article, Rachel Andrew details the different types of browser 
support issues, and shows how CSS is evolving to make it easier to 
deal with them. …" 
https://www.smashingmagazine.com/2019/02/css-browser-support/ 


+03: EVALUATION & TESTING. 

Research Questions Are Not Interview Questions 
By Erika Hall. 
"The most significant source of confusion in design research is the 
difference between research questions and interview questions…" 
https://medium.com/mule-design/research-questions-are-not-interview-questions-7f90602eb533 

What Is the CE11 (And Is It Better than the NPS)? 
By Jeff Sauro. 
"For measuring the user experience, I recommend using a mix of 
task-based and study-level measures that capture both attitudes (e.g. 
SUS, SUPR-Q, SEQ, and NPS) and actions (e.g. completion rates and 
times)…" 
https://measuringu.com/ce11-nps/ 

How to Effectively Address the Usability Debt Within Your Product 
By Catriona Shedd. 
"Many companies fall into a dreaded pattern of continuing to ship new 
features without going back and iterating upon things that were 
previously shipped based on research and insights…" 
https://medium.com/iq-design/how-to-effectively-address-the-usability-debt-within-your-product-6b8693e6e853 


+04: EVENTS. 

ARIA: Apply Sparingly 
March 25, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.meetup.com/Accessibility-Twin-Cities/events/257427546/ 

#PerfMatters Conference 
April 2-3, 2019. 
Redwood City, Califorina, U.S.A. 
https://perfmattersconf.com/ 

University of Illinois WebCon 
April 3-5, 2019. 
Champaign-Urbana, Illinois, U.S.A. 
http://webcon.illinois.edu/ 

AIGA Design Conference 
April 4-6, 2019. 
Pasadena, California, U.S.A. 
https://designconference.aiga.org/ 

DrupalCon Seattle 
April 8-12, 2019. 
Seattle, Washington, U.S.A. 
https://events.drupal.org/seattle2019 

Funka Accessibility Days 
April 9-10, 2019. 
Stockholm, Sweden 
https://www.funka.com/en/we-offer/funka-accessibility-days/ 

ABLE Summit 
April 11-12, 2019. 
Beirut, Lebanon 
https://sites.aub.edu.lb/able/ 


+05: HTML. 

Revisiting the abbr Element 
By Ire Aderinokun. 
"…I've gotten some feedback on some accessibility-related issues to 
the implementation. Scott O'Hara in particular raised a lot of 
important concerns…" 
https://bitsofco.de/revisiting-the-abbr-element/ 

How Do You Figure? 
By Chris Coyier. 
"…The point is that you can't write it once because <figcaption> and 
alt do different things." 
https://css-tricks.com/how-do-you-figure/ 

Reconsidering Pre and Reflow 
By Wayne Dick. 
"I think the time of Pre has passed for everything except 'typewriter 
art'. We entered the computer era with all literature text files, end 
of line, spaces and return symbols. That is 'preformatted text'…" 
https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0032.html 


+06: MISCELLANEOUS. 

Paying Tribute to the Web with View Source 
By David Heinemeier Hansson (DHH). 
"…The web is just a marvel of a platform. So unique. So empowering. 
It's easy to just fall into the trap of 'what can the web do for me, 
for my business, for my customers'. Some times it's worth taking a 
step back and ask yourself: What can I do for the web? One answer: 
Protect and promote View Source." 
https://m.signalvnoise.com/paying-tribute-to-the-web-with-view-source/ 


+07: NAVIGATION. 

Léonie Watson on Why Semantic HTML Document Landmarks Assist Her Using 
a Screenreader (Video) 
By Léonie Watson. 
An excerpt from February 5 Smashing Webinar. 
https://www.youtube.com/watch?v=iUCYPM6up9M 


+08: TOOLS. 

WCAG 2.1 Color Contrast Analyzer 
By Rakesh Paladugula. 
"…The new CCA tool is developed by The Paciello Group. Additional 
information of the tool can be found at the  Color contrast analyzer 
page. The code and other information including Mac and Windows 
versions are at download CCA page…" 
https://www.maxability.co.in/2019/02/wcag-2-1-color-contrast-analyzer/ 


+09: USABILITY. 

The Immutable Rules of UX (Video) 
By Jakob Nielsen. 
"Jakob Nielsen's keynote at the Las Vegas UX Conference discussed the 
foundational principles of user experience that are stable decade 
after decade." 
https://www.nngroup.com/videos/rules-ux/ 

How to Report Errors in Forms: 10 Design Guidelines 
By Rachel Krause. 
"Help users recover from errors by clearly identifying the problems 
and allowing users to access and correct erroneous fields easily." 
https://www.nngroup.com/articles/errors-forms-design-guidelines/ 

Status Trackers and Progress Updates: 16 Design Guidelines 
By Maria Rosala. 
"Status trackers are pull; progress updates are push. Both are used to 
track the delivery of a product or service. When they work together 
effectively, users are informed and in control." 
https://www.nngroup.com/articles/status-tracker-progress-update/ 

Search UX: 6 Essential Elements for 'No Results' Pages 
By Edward Scott. 
"During our large-scale Search usability testing, many users at some 
point encountered a 'No Results' page as they searched for products…" 
https://baymard.com/blog/no-results-page 

Use and Convenience Replace Trust and Security 
By Gerry McGovern. 
"…Those that make it simple and easy are ruling the world. Those that 
understand what people do, rather than what people say, are ruling the 
world. For good or ill, you can't craft an effective customer 
experience on a website or app, 'if you don't first and foremost truly 
understand your customers. Facebook knows this. Google knows this. But 
nine out of ten organizations that I deal with don't. And then we 
wonder why Facebook and Google have become so dominant?" 
http://gerrymcgovern.com/use-and-convenience-replace-trust-and-security/ 

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

David Dillard
 


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

David Dillard
 


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

David Dillard
 


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

David Dillard
 



 

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

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 38, March 13, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 38, March 13, 2019. 

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

++ISSUE 38 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: BOOKS. 
03: CASCADING STYLE SHEETS. 
04: COLOR. 
05: EVALUATION & TESTING. 
06: EVENTS. 
07: HTML. 
08: JAVASCRIPT. 
09: MISCELLANEOUS. 
10: TOOLS. 
11: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

State of Accessibility in U.S. Higher Ed Institutions 
By Jiatyan Chen. 
"This paper will discuss the requirements and environment surrounding 
accessibility in Higher Ed institutions in the U.S., and their 
attempts to tackle these challenges…" 
https://docs.google.com/document/d/1k0DohIigCy_EwYQq9-EIosxoMhZYanI8V_bFwQmd1_I/ 

Improving the Keyboard Accessibility of Embedded CodePens 
By Manuel Matuzovic. 
"I'm a huge fan of CodePen (No, they didn't pay me to write this). I'm 
using it for prototyping, experimenting, sharing code, and in my 
latest blog post, The Dark Side of the Grid, I'm also making use of 
their Embedded Pens…" 
https://www.matuzo.at/blog/improving-the-keyboard-accessibility-of-codepen-embeds/ 

What We Can Learn From the 'WebAIM Million' 
By Sheri Byrne-Haber. 
"…If you haven't run WAVE or a paid accessibility analysis tool from 
one of the industry leading vendors like Accessibility Oz, Deque, or 
Level Access on your main site and microsites, do it…WAVE results are 
what lawyers who make millions from filing accessibility lawsuits use 
to decide who to sue…" 
https://medium.com/@sheribyrnehaber/this-week-in-accessibility-what-we-can-learn-from-the-webaim-million-2c11540fd46d 

See No Evil: Hidden Content and Accessibility 
By Paul Hebert. 
"When I first started learning web development I thought hiding 
content was simple: slap display: none; onto your hidden element and 
call it a day. Since then I've learned about screen readers, ARIA 
attributes, the HTML5 hidden attribute, and more…" 
https://cloudfour.com/thinks/see-no-evil-hidden-content-and-accessibility/ 

Accessibility Checklists - Just say No 
By Sheri Byrne-Haber. 
"…Checklists might be thought of as handy, but are abused and 
frequently used inappropriately…" 
https://medium.com/@sheribyrnehaber/accessibility-checklists-just-say-no-c9a68c8f2c90 

BingO Bakery: Headings, Landmarks, and Tabs (Video) 
By Microsoft. 
"In this fun animated video, learn how someone using a screen reader 
may use landmarks, headings and tab stops to navigate a web page…" 
https://www.youtube.com/watch?v=HE2R86EZPMA 

Why Human Captioning? (Video) 
By Mirabai Knight. 
"This talk will address the current state of the art in automated live 
captioning and discuss why a qualified human captioner is still the 
most appropriate choice in nearly all circumstances. It will also 
indulge in a little speculation about the future of live captioning 
and how the human and automated realms are likely to intersect going 
forward…" 
https://www.youtube.com/watch?v=XKe1O7ppyqQ 


+02: BOOKS. 

Gay, Greg et al. Web Accessibility for Developers, Ryerson University 
Pressbooks, 2019. 
https://pressbooks.library.ryerson.ca/wafd/ 


+03: CASCADING STYLE SHEETS. 

Using CSS Grid the Right Way 
By Violet Peña. 
"Use names. Use frs. Don't use a grid system. Wait, what…" 
https://vgpena.github.io/using-css-grid-the-right-way/ 

Content-Based Grid Tracks and Embracing Flexibility 
By Hidde de Vries. 
"Something I love about CSS is that it lets us define visual design 
for unknown content. This is kind of magic. We can even size things 
based on content, with min-content, max-content and auto. This post is 
about how that works in CSS Grid Layout, and what usage in real 
projects would mean…" 
https://hiddedevries.nl/en/blog/2019-02-23-content-based-grid-tracks-and-embracing-flexibility 

Designing An Aspect Ratio Unit For CSS 
By Rachel Andrew. 
"The CSS Working Group have designed an aspect ratio unit for CSS. 
While this isn't in browsers yet, this article takes a look at the 
process of designing a new sizing method and explains how it will 
work…" 
https://www.smashingmagazine.com/2019/03/aspect-ratio-unit-css/ 


+04: COLOR. 

Tips to Create an Accessible and Contrasted Color Palette 
By Stéphanie Walter. 
"…In this article, I will present you two tools and some quick tips to 
easily create an accessible color palette for your designs…" 
https://stephaniewalter.design/blog/tips-create-accessible-color-palette/ 


+05: EVALUATION & TESTING. 

Effects of Labeling the Neutral Response in the NPS 
By Jeff Sauro. 
"…Let's take a look at the research on neutral point labels on the NPS…" 
https://measuringu.com/labeling-nps-effects/ 

Getting an Accessibility Audit 
By GOV.UK. 
"Getting an expert audit can help find any accessibility problems with 
your service and make sure it meets accessibility requirements…" 
https://www.gov.uk/service-manual/helping-people-to-use-your-service/getting-an-accessibility-audit 


+06: EVENTS. 

WCAG 2.1 Primer 
May 20, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.meetup.com/Accessibility-Twin-Cities/events/258337730/ 

San Francisco UX Conference 
June 1-7, 2019. 
San Francisco, California, U.S.A. 
https://www.nngroup.com/training/san-francisco/ 

Enterprise UX 
June 3-5, 2019. 
San Francisco, California, U.S.A. 
https://rosenfeldmedia.com/enterprise2019/ 

ADA Symposium 
June 16-19, 2019. 
Dallas-Grapevine, Texas, U.S.A. 
http://www.adasymposium.org/ 

M-Enabling Summit 
June 17-19, 2019. 
Washington, D.C., U.S.A. 
http://www.m-enabling.com/ 

Smashing Magazine Conference 
June 25-26, 2019. 
Toronto, Canada 
https://smashingconf.com/toronto-2019/ 

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


+07: HTML. 

Short note: The Abbreviation Appreciation Society 
By Steve Faulkner. 
"The HTML <abbr> element is deceptively familiar and attractive, its 
been around forever (1999) and thus people assume that it does what it 
does and does it well…" 
https://developer.paciellogroup.com/blog/2019/03/short-note-the-abbreviation-appreciation-society/ 


+08: JAVASCRIPT. 

Accessible Custom Select Component (Video) 
By Gerard K. Cohen. 
"…In this presentation, Gerard Cohen leads you down the path of 
engineering a custom select and the reasons it was necessary. Starting 
with the official ARIA pattern and native select on various platforms, 
he demonstrates the practical reasons for deviation, the pitfalls he 
ran into, and ultimately a working demo of an accessible and usable 
custom select widget that works on desktop and mobile…" 
https://www.youtube.com/watch?v=ug1elgso_8A 
Slides: 
https://unfetteredthoughts.net/slides/technica11y/index.html 

Vue a11y 
By Vue A11Y Community. 
"Vue.js community project to improve web accessibility…" 
https://vue-a11y.com/ 

Building accessible-app: The Shopping Cart and aria-live Regions 
By Marcus Herrmann. 
"…this post is about the topic I wanted to cover initially - the shopping cart…" 
https://marcus.io/blog/a11y-app-shopping-cart-with-aria-live 

The 'Backendification' of Frontend Development 
By Mike Taylor. 
"Asynchronous JavaScript in the form of Single Page Applications (SPA) 
offer an incredible opportunity for improving the user experience of 
your web applications…the person with the most to gain from using CSS 
framework is the person least capable of maintaining CSS…" 
https://hackernoon.com/the-backendification-of-frontend-development-62f218a773d4 


+09: MISCELLANEOUS. 

Tim Berners-Lee: 'Stop Web's Downward Plunge to Dysfunctional Future' 
By BBC. 
"Global action is required to tackle the web's "downward plunge to a 
dysfunctional future", its inventor Sir Tim Berners-Lee has told the 
BBC…" 
https://www.bbc.com/news/technology-47524474 

Web Turns 30, Seems Popular 
By Adrian Roselli. 
"The world wide web has officially lasted 30 consecutive years, which 
means it's catching up to its parent, the Internet, which itself is 
bearing down on 50. That's an important distinction. The Internet is 
not the web; it is the foundation on which the web was born…" 
http://adrianroselli.com/2019/03/web-turns-30-seems-popular.html 

Happy 30th World Wide Web 
By John Allsopp. 
"Today CERN is marking the 30th anniversary of the World Wide Web…" 
https://www.webdirections.org/blog/happy-30th-world-wide-web/ 

HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World 
By Timothy Smith. 
"…Despite all the challenges I have faced, I feel I have mastered HTML 
and CSS and have a baseline grasp on JavaScript…Without CSS, all 
websites are perfectly responsive and look great on any device or 
screen size. We break them with CSS, then need to fix them…ponder that 
a bit…" 
https://css-tricks.com/hmtl-css-and-js-in-an-add-ocd-bi-polar-dyslexic-and-autistic-world/ 


+10: TOOLS. 

Contrast Analysis Widget. 
By Ada Rose Edwards. 
"…bookmarklet so you can run it on almost any site provided the 
Content Security Policy allows…" 
https://ada.is/contrast-widget/ 


+11: USABILITY. 

Filled-in vs. Outline Icons: The Impact of Icon Style on Usability 
By Curtis P. Arledge. 
"This study sought to determine whethersingle-color, 'flat' icons 
would be more quickly and accurately selected by users when presented 
in either a filled-in or outline style…" 
https://cdr.lib.unc.edu/indexablecontent/uuid:e7ece0ee-c1ea-48c2-bb01-108122686e5c 

User Interfaces: Hiding Stuff Should be a Last Resort 
By Adam Silver. 
"Many of the components we design for the web are made to save space. 
It's interesting that we work so hard to save space on a medium where 
we have infinite space to work with." 
https://adamsilver.io/articles/user-interfaces-hiding-stuff-should-be-a-last-resort/ 

5 Simple Rules For Using Images More Effectively 
By Nick Babich. 
"…The process of creating or selecting visual content for your app is 
time-consuming. But there are a few tricks and tools you can use to 
simplify this task…" 
http://babich.biz/images-in-design/ 

Internet of Things (IoT) and User Experience (Video) 
By Kara Pernice. 
"The Internet of Things (IoT) poses many challenges and the current 
user interfaces since these systems rarely follow even basic usability 
guidelines. UX professionals have many opportunities for contributing 
to this new generation of devices and solutions in a major way." 
https://www.nngroup.com/videos/iot-user-experience/ 

Designing For Children 
By Feifei Liu. 
"Designers should consider the physical and mental abilities of 
children, as well as utilize existing UX conventions. Here are 3 
guidelines to consider when designing UX for children, based on our 
user research with users aged 3-12 years." 
https://www.nngroup.com/videos/designing-children/ 


[Section one ends.] 


++ SECTION TWO: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

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


+ TEXT EMAIL NEWSLETTER (TEN). 

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


+ SIGN OFF. 

Until next time, 

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


[Issue ends.] 

 

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 39, March 21, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 39, March 21, 2019. 

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

++ISSUE 39 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: INFORMATION ARCHITECTURE. 
07: JAVASCRIPT. 
08: MISCELLANEOUS. 
09: NAVIGATION. 
10: TOOLS. 
11: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Your Accessibility Toolbar Doesn't Help 
By Joe Dolson. 
"Mr. Borghi is not certain whether adding this unidentified WordPress 
plug-in made him fully compliant - but I can readily suggest an 
answer: No, it didn't…" 
https://www.joedolson.com/2019/03/your-accessibility-toolbar-doesnt-help/ 

WCAG 2.1 Accessibility Checklist 
By Access W3. 
"Dynamic Checklist with Success Criteria copied from WCAG 2.1 Standard…" 
http://accessw3.com/wcag21-accessibility-checklist.html 

Collecting Dates in an Accessible Way 
By Graham Armfield. 
"…this post looks at the pros and cons of a variety of methods for 
collecting date, and our views on the best practices…" 
https://www.hassellinclusion.com/blog/collecting-dates-accessible/ 

Accessibility, a Powerful Design Tool 
By Hubert Florin. 
"…Accessibility is not a constraint: It is a design philosophy that 
encourages you to make better choices for your users, and helps you 
focus on what really matters. Simplicity will always be the most 
difficult target to reach in a design, and accessibility can be one of 
the best tools to get you there…" 
https://slack.design/accessibility-a-powerful-design-tool-22f5e6d46278 

Diversity and Design 
By Dana Morgan. 
"How inclusive design and accessibility can make a difference with 
everyday products…" 
https://medium.com/@morgan.dana/diversity-and-design-4a768ac2d162 

Summary of CSUN ATC 2019 
By Dennis Lembrée. 
"…few announcements made, photos, and some fun tweets! Lastly, links 
to past CSUN events are listed…" 
http://www.webaxe.org/summary-of-csun-atc-2019/ 

Great Big List - CSUN 2019 Presentation Links 
By Dennis Lembrée and Christopher Phillips. 
https://docs.google.com/spreadsheets/d/1CupKIhw9CZXbbOw48Upw_V4F5soEsLvblnbwZXqAvX4/ 

CSUN 2019 Round-up 
By Steve Faulkner. 
"Every year the people of TPG make the pilgrimage to CSUN…" 
https://developer.paciellogroup.com/blog/2019/03/csun-2019-round-up/ 

Top 36 Web Accessibility Resources for Digital Marketing Companies 
By Kim Krause Berg. 
"…The purpose of this article is to provide you with: The best tools 
for accessibility testing. Recommendations for trusted accessibility 
testing companies. A list of reputable people and resources in the 
accessibility industry…" 
https://www.searchenginejournal.com/web-accessibility-resources-digital-marketing-companies/297271/ 

Q&A: The Forest and the Trees: Scaling for Enterprise-Level Digital 
Accessibility 
By Samantha Sauld. 
"…Kathryn Weber-Hottleman, who serves as UCONN's IT Accessibility 
Coordinator, discusses how institutional accessibility impacts the 
procurement process and pre-existing standalone digital products. 
Below is the Q&A portion of the webinar…" 
https://www.3playmedia.com/2019/03/19/qa-digital-accessibility/ 

The Web We Broke 
By Ethan Marcotte. 
"I read something last Monday, and I can't stop thinking about it…" 
https://ethanmarcotte.com/wrote/the-web-we-broke/ 

Perpetuating Harm 
By Winston Hearn. 
"I've been thinking about the people that use the websites I build. 
I've been thinking about them, because I've been learning how much who 
they are differs from who I imagine them to be…" 
https://www.winstonhearn.com/wrote/2019/perpetuating-harm/ 

Holy Cross Settles Lawsuit Over Website Accessibility for Blind Users 
By Scott O'Connell. 
"The College of the Holy Cross has reached a settlement with a New 
York man who sued the college, saying its website was not accessible 
to visually impaired users like himself, court records show…" 
https://www.telegram.com/news/20190312/holy-cross-settles-lawsuit-over-website-accessibility-for-blind-users 


+02: CASCADING STYLE SHEETS. 

How to Keep Your CSS Grid Layouts Accessible 
By Anna Monus. 
"…CSS Grid can also lead to accessibility issues, mainly for screen 
reader and keyboard-only users. This guide will help you avoid those 
issues…" 
https://webdesign.tutsplus.com/articles/a-guide-to-css-grid-and-accessibility--cms-32857 

Stacked 'Borders' 
By Eric A. Meyer. 
"…It turns out there are a number of tricks to create the effect of 
stacking one border atop another by combining a border with some other 
CSS effects, or even without actually requiring the use of any borders 
at all. Let's explore, shall we…" 
https://css-tricks.com/stacked-borders/ 

Why Can't I Set the Font Size of a Visited Link? 
By James H. Fisher. 
"…This security hole has been plugged by not allowing a:visited to set 
the font-size…" 
https://jameshfisher.com/2019/03/08/why-cant-i-set-the-font-size-of-a-visited-link/ 


+03: EVALUATION & TESTING. 

Perform an Accessibility Review on Your Website 
By Indiana University. 
"These documents are intended for web developers, and provide a 
holistic process for performing an initial pass of evaluating your 
website for accessibility…" 
https://kb.iu.edu/d/atmv 

Keep Your Opinions Out of an Expert Design Review (Video) 
By Aurora Harley. 
"Critiquing a design is not the same as criticizing a design. Keep 
opinions out of design reviews to remain objective and increase the 
value of the design assessment." 
https://www.nngroup.com/videos/opinions-expert-design-review/ 

Do Survey Grids Affect Responses? 
By Jeff Sauro. 
"…While using a grid allows for a more compact presentation, does 
combining the items into a grid of rating scales versus asking them in 
isolation affect responses…" 
https://measuringu.com/grids-responses/ 


+04: EVENTS. 

User Experience Professionals Association (UXPA) Conference 
June 25-27, 2019. 
Scottsdale, Arizona, U.S.A. 
http://uxpa2019.org/ 

Symposium on Eye Tracking Research 
June 25-28, 2019. 
Denver, Colorado, U.S.A. 
https://etra.acm.org/2019/ 

Patterns Day 
June 28, 2019. 
Brighton, England, United Kingdom 
https://patternsday.com/ 

AHEAD 2019, Equity & Excellence: Access in Higher Education 
July 9-13, 2019. 
Boston, Massachusetts, U.S.A. 
https://www.ahead.org/events-programming/conferences/2019-equity-and-excellence 

International Conference on Computers Helping People with Special Needs (ICCHP) 
July 11-13, 2019. 
Linz, Austria 
https://www.icchp.org/ 

Design & Content Conference 
July 17-19, 2019. 
Vancouver, British Columbia, Canada 
https://content.design/ 

HCI International 
July 26-31, 2019. 
Orlando, Florida, U.S.A. 
http://2019.hci.international/ 


+05: HTML. 

About the HTML Epidemic, WebAIM 'Millions' Report, and Teach Access 
By Dennis Lembree. 
"It's been about a dozen years since I first realized that there is a 
world-wide HTML epidemic…" 
http://www.webaxe.org/html-epidemic-webaim-millions-report-teach-access/ 


+06: INFORMATION ARCHITECTURE. 

Why Website Information Architecture is the Ultimate Digital Team Sport 
By Ian Roddis. 
"…The question I asked at work (in a room of 20 people) was 'who owns 
IA?'. As I'll say at the end, this was the wrong question, but it 
stimulated a lot of views and caused a lot of reflection on my part…" 
https://medium.com/@ianroddis/why-website-information-architecture-is-the-ultimate-digital-team-sport-40370974d888 


+07: JAVASCRIPT. 

The OpenJS Foundation Officially Formed for the JavaScript Community 
By Christina Cardoza. 
"The Linux Foundation today announced the formation of a new 
JavaScript community…" 
https://sdtimes.com/webdev/the-openjs-foundation-officially-formed-for-the-javascript-community/ 

The 'Developer Experience' Bait-and-Switch 
By Alex Russell. 
"we cannot continue to use as much JavaScript as is now 'normal' and 
expect the web to flourish…" 
https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/ 


+08: MISCELLANEOUS. 

Canary in a Coal Mine: How Tech Provides Platforms for Hate 
By Tatiana Mac. 
"Like a mine can fill up with toxic gasses, technology can become a 
toxic platform for hate. As the people building the web, we have an 
ethical responsibility for how these products are used-whether we 
intended it or not. ALA's own Tatiana Mac lays this out using her own 
experience as a woman of color in tech." 
https://alistapart.com/article/canary-in-a-coal-mine-how-tech-provides-platforms-for-hate 

Accessibility within AR/VR: Jonathan Avila on the AT Banter Podcast 
By Jonathan Avila. 
"I recently had the pleasure of being a guest on AT Banter: An 
Assistive Technology Podcastf…" 
https://accessibility.dev/accessibility-within-ar-vr-jonathan-avila-on-the-at-banter-podcast/ 

Q&A With Léonie Watson, Accessibility Engineer and Director, TetraLogical 
By Equal Entry. 
"Léonie Watson is Director of TetraLogical, an inclusive design 
company focused on emerging and existing technologies, customer 
experience, and research and development, combined with a mix of 
traditional accessibility consultancy…" 
https://equalentry.com/qa-with-leonie-watson-accessibility-engineer-and-director-tetralogical/ 

I Used The Web For A Day On Internet Explorer 8 
By Chris Ashton. 
"IE8 was released a decade ago today. Chris Ashton tries it out 
against the modern web, and considers how we can build our sites to 
last…" 
https://www.smashingmagazine.com/2019/03/web-on-internet-explorer-ie8/ 


+09: NAVIGATION. 

Contextual Menus: Delivering Relevant Tools for Tasks 
By Anna Kaley. 
"Contextual menus are displayed on demand and contain a small set of 
relevant actions, related to a control, a piece of content, a view in 
an app, or an area of the UI. When designed right, they deliver 
relevant tools for completing tasks without adding clutter to the 
interface." 
https://www.nngroup.com/articles/contextual-menus 


+10: TOOLS. 

CC Converter Tool: Convert Captions or Subtitle Files to Different 
Formats Online 
By 3PlayMedia. 
"The caption format converter lets you convert from SRT (SubRip 
subtitle) or from SBV to Flash DFXP, SMI or SAMI (Windows Media), SCC, 
CPT.XML (Flash Captionate XML), QT (QuickTime), STL (Spruce Subtitle 
File), and WebVTT (HTML5 media players). Note that for the SCC format, 
your input file must have 32 characters or less per line…" 
https://www.3playmedia.com/solutions/features/tools/captions-format-converter/ 

Microsoft Open Sources Accessibility Insights 
By Keith Ballinger. 
"Today we're announcing the open sourcing of Accessibility Insights 
for Windows and Accessibility Insights for Web, a set of two free 
tools to help developers easily find and fix common accessibility 
issues early in the dev cycle…" 
https://cloudblogs.microsoft.com/opensource/2019/03/12/microsoft-open-sources-accessibility-insights/ 

Accessibility Insights 
https://accessibilityinsights.io/ 

Axe Enters into New Forays 
By Sathish Kumar. 
"…In a recent joint press release at CSUN 2019, Deque Systems and 
Microsoft have announced their partnership to release Axe for Android 
and iOS…" 
https://www.digitala11y.com/axe-enters-into-new-forays/ 


+11: USABILITY. 

Teenager's UX: Designing for Teens 
By Alita Joyce and Jakob Nielsen. 
"Teens are (over)confident in their web abilities, but they perform 
worse than adults. Lower reading levels, impatience, and undeveloped 
research skills reduce teens' task success and require simple, 
relatable sites. 
https://www.nngroup.com/articles/usability-of-websites-for-teenagers/ 


[Section one ends.] 


++ SECTION TWO: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

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


+ TEXT EMAIL NEWSLETTER (TEN). 

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


+ SIGN OFF. 

Until next time, 

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


[Issue ends.] 

 

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 40, March 28, 2019.

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 17, Issue 40, March 28, 2019.

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: EVALUATION & TESTING.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
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.

Under-Engineered Toggles
By Adrian Roselli.
"Toggle buttons feel like a favorite way for devs and designers to show off their animation, design, and pun skills…"
http://adrianroselli.com/2019/03/under-engineered-toggles.html

Reduced Position Sticky
By Scott O'Hara. 
"Last night I added a reduced motion media query for the header of the primary content of my website. I am using position: sticky (and position: -webkit-sticky for Safari) to make the content obscure the header, on scroll…"
https://www.scottohara.me/note/2019/03/27/reduced-sticky.html

Caption10: Part 1, Readable
By Meryl K. Evans.
"…Four things factor into readability: Size Color, Background, Font…"
https://www.linkedin.com/feed/update/urn:li:activity:6515988072214073344

Caption10: Part 2, Accuracy
By Meryl K. Evans.
"…Great captions correctly capture everything that's said word-for-word…"
https://www.linkedin.com/feed/update/urn:li:ugcPost:6516360826289475584/

Inclusive Forms: Anatomy of a (fictional) GOV.UK Service (Video)
By Oliver Byford.
"Working on the GOV.UK Design System has given Ollie a lot of opportunities to learn how to build accessible, inclusive government services."
https://www.youtube.com/watch?v=JHaLzm-FGsc

Leveling the Playing Field: We're all Differently Abled
By Michael L. Hardman, Clifford J. Drew, and M. Winston Egan.
"…When we build a web site, we have the ability to create an environment which can provide equivalent access to information and resources to everybody - or we can create an environment which takes that access away."
https://www.joedolson.com/2019/03/leveling-the-playing-field-were-all-differently-abled/

Websites & Accessibility: Invest in Education
By Rian Rietveld.
"…The majority of people, even clients, will judge a website by its cover. And that's fine. Things start changing when you get someone who's blind to use a website…"
https://level-level.com/blog/websites-accessibility-invest-in-education/

Dear Screen Reader Useres, Since Web developers Can't Automatically Detect If You're Using A Screen Reader, Why Don't You Just Hand That Data Over, The Apple Edition
By Amanda Rush.
"This is just as bad of an idea as Google's 'ask-for-alt-text' feature…" 
https://www.customerservant.com/dear-screen-reader-useres-since-web-developers-cant-automatically-detect-if-youre-using-a-screen-reader-why-dont-you-just-hand-that-data-over-the-apple-edition/

Building Accessible Websites and Apps is a Moral Obligation 
By Chris Ferdinandi.
"Let's say there are two ways to frame a house. One of them is simpler and faster, but about 20% of the houses randomly collapse after a couple of years. But there's a second approach, a bit slower, a bit more work, that keeps those houses standing for 100 years or more. Would you say the builder has a moral obligation to not build a house that's going to collapse on people?…"
https://gomakethings.com/building-accessible-websites-and-apps-is-a-moral-obligation/

Accessibility Heuristics, V1.4 (PDF)
By Denis Boudreau.
"10 General Rules Of Thumb For Accessible Design"
https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/

W3C Strategic Highlights: Web for All (Web Accessibility)
By Amy van der Hiel.
"W3C 'Web Content Accessibility Guidelines (WCAG)  2.1', which became a W3C Recommendation in June, has been adopted for web content, electronic documents, and non-web software, such as native mobile applications by the three official European Standards Organizations, CEN, CENELEC, and ETSI…"
https://www.w3.org/blog/2019/03/w3c-strategic-highlights-web-for-all-web-accessibility/

Why Using Wix and GoDaddy Increases Your Lawsuit Risk
By Sheri Byrne-Haber.
"…Businesses are NOT going to get accessible websites from either of Wix or Godaddy templates, and could end up in a lot of legal hot water if they are targeted by one of the drive-by lawsuit firms who are piling up those impressive lawsuit statistics…"
https://medium.com/@sheribyrnehaber/web-businesses-why-using-wix-and-godaddy-increases-your-lawsuit-risk-dacad68399af

Lawsuits: Domino's, Playboy Websites Aren't Accessible to Blind Users
By Frank Witsil.
"In thousands of cases that are testing the limits of the law and cyberspace, businesses are increasingly facing lawsuits that contend their websites aren't accessible to people who are blind and are in violation of federal disability mandates…"
https://www.freep.com/story/news/local/michigan/2019/03/19/dominos-playboy-disability-ada-blind/2903564002/ 

Domino's To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process
By Minh N. Vu.
"…The request was filed by a newly-engaged Supreme Court specialist which further confirms our conclusion that a petition will be filed.  Justice Kagan granted the request, and Domino's Petition for Certiorari is due on June 14, 2019…"
https://www.adatitleiii.com/2019/03/dominos-to-ask-supreme-court-to-consider-whether-ada-website-mobile-app-accessibility-lawsuits-violate-due-process/


+02: CASCADING STYLE SHEETS.

Building a Dependency-Free Site in 2019
By Michelle Barker.
"I re-built my personal site using just HTML, CSS and nothing else, just to see if that's possible in 2019 and it turns out it totally is."
https://css-irl.info/building-a-dependency-free-site/

Fit For Purpose: Making Sense of the New CSS (Video)
By Eric A. Meyer.
"If 2017 was the year of new CSS capabilities, 2018 was the year of trying to figure out what to do with them all…"
https://vimeo.com/316304916

Planning for Responsive Images 
By Chris Nwamba.
"The first time I made an image responsive, it was as simple as coding these four lines…"
https://css-tricks.com/planning-for-responsive-images/


+03: EVALUATION & TESTING.

Think Like an Accessible UX Researcher, Part 1: Defining Your Research Problem 
By David Sloan.
"…this is the first in a series of posts that will look at some specific topics covered by the book and how they might apply in a disability-focused research context…"
https://developer.paciellogroup.com/blog/2019/03/think-like-an-accessible-ux-researcher-part-1-defining-your-research-problem/

Persona Spectrums: Building for Inclusion and Accessibility
By Sarah Dzida.
"Recently, I attended a pilot workshop about inclusion…"
https://www.uxbooth.com/articles/persona-spectrums-building-for-inclusion-and-accessibility/


+04: EVENTS.

Dark Adventures in Mobile Accessibility
April 3, 2019. 
Online.
https://twitter.com/TenonAPI/status/1110297800296841221/photo/1

XR Access
July 15-16, 2019.
New York, New York, U.S.A.
https://www.xraccess.org/

An Event Apart Washington DC
July 29-31, 2019.
Washington D.C., U.S.A.
https://aneventapart.com/event/washington-dc-2019

Leadership Exchange in Arts and Disability (LEAD®)
August 5-7, 2019.
Denver, Colorado, U.S.A.
http://education.kennedy-center.org/education/accessibility/lead/conference.html

That Conference
August 5-8, 2019.
Wisconsin Dells, Wisconsin, U.S.A.
https://www.thatconference.com/

Digital Summit  
August 14-15, 2019.
Minneapolis, Minnesota, U.S.A.
https://minneapolis.digitalsummit.com/

UX Australia
August 27-30, 2019.
Sydney, Australia
http://www.uxaustralia.com.au/conferences/ux-australia-2019

Paris Web
October 10-12, 2019.
Paris, France 
https://www.paris-web.fr/


+05: HTML.

All About mailto: Links 
By Chris Coyier.
"You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider…"
https://css-tricks.com/all-about-mailto-links/ 

Using <details> for Menus and Dialogs is an Interesting Idea
By Chris Coyier
"…there is an HTML element that also does toggles! <details>! For example, it's definitely the quickest way to build an accordion UI…"
https://css-tricks.com/using-details-for-menus-and-dialogs-is-an-interesting-idea/

I Was Wrong About JavaScript-Free Dropdowns 
By Chris Ferdinandi.
"…Scott explained to me that while those elements are perfectly valid for JavaScript-free accordions, they don't work for dropdown menus…"
https://gomakethings.com/i-was-wrong-about-javascript-free-dropdowns/

HTML, CSS, and the Path to Accessible Web Design
By Jennifer Riggins.
"…when you consider the massive scale some websites can reach these days, maybe it's good to go back to the basics to make sure everyone can access everything we build…"
https://thenewstack.io/html-css-and-the-path-to-accessible-web-design/


+06: JAVASCRIPT.

Accessibility Challenges in Web apps
By Marcus Herrmann.
"…Be very clear and transparent about the input options of your app. Remember that the visual representation of a user input is not enough…Be very clear and transparent about the output of your app, especially when it its not accompanied with a full page reload, and especially when the output happened after some user input…"
https://marcus.io/blog/a11y-challenges-of-webapps

Readability is More Important than Brevity
By Chris Ferdinandi.
"Often, web developers are obsessed with brevity. There's this thing were developers will try to write the same function in the fewest number of characters possible. Personally, I think brevity is pointless…"
https://gomakethings.com/readability-is-more-important-than-brevity/


+07: MISCELLANEOUS.

The 'Define' Stage in Design Thinking
By Sarah Gibbons. 
"User need statements, also called problem statements or point-of-view statements, are a powerful, fundamental tool for defining and aligning on the problem you are going to solve."
https://www.nngroup.com/articles/user-need-statements/

Gutenberg and the Internet
By Steven Pemberton.
Steven Pemberton's keynote presentation at the Gutenberg and the Internet at Media Art Festival includes: the printing press, the internet, Moore's Law, and exponential growth.
https://homepages.cwi.nl/~steven/Talks/2018/12-01-mediaart/

A Note From Your Colleagues With Hearing Loss: Just Use a Microphone Already
By Jessie B. Ramey.
"Dear colleague: Today at the faculty meeting, I really wanted to tell you something: "It's not about you." When you were offered the microphone to make your comments, you said, "No thanks, I'm good." But it's not about how you feel using a microphone. It's about how others can best hear…"
https://www.chronicle.com/article/a-note-from-your-colleagues/245916

Developing Empathy: The Importance of Digital Accessibility Workshops
By Robert Carr.
"Imagine this: you're given a Ziploc bag filled with pieces of coloured paper of different shapes and sizes and 15 minutes to build something. What can you create?…"
https://medium.com/cbc-digital-labs/developing-empathy-the-importance-of-digital-accessibility-workshops-18e40d79932a


+08: NAVIGATION.

Better Link Labels: 4Ss for Encouraging Clicks
By Kate Moran.
"Specific link text sets sincere expectations and fulfills them, and is substantial enough to stand alone while remaining succinct."
https://www.nngroup.com/articles/better-link-labels/


+09: TOOLS.

Color.Review
By Anton Robsarve.
Find, test and explore accessible colors.
https://color.review/

Classic MS Paint, Revived
By Isaiah Odhner.
"A nice web-based MS Paint remake and more. …Try it out. …The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well…"
https://github.com/1j01/jspaint


+10: TYPOGRAPHY.

All You Need to Know about Hyphenation in CSS
By Richard Rutter.
"…Hyphenation is a perfect example of progressive enhancement, so you can start applying the above…"
http://clagnut.com/blog/2395

Busting The Dyslexia Myth (Video)
By Alessia Nicotra and Bruno Maag.
"…doctor doctor I have dyslexia. I'm a typeface designer and I can cure dyslexia with a new design…"
https://www.youtube.com/watch?v=0YvHxMB35BE


+11: USABILITY.

Creating a UX Roadmap (Video)
By Anna Kaley.
"An effective UX roadmap can help teams maintain strategic direction, align with stakeholders, and prioritize ideas to respond to requests."
https://www.nngroup.com/videos/creating-ux-roadmap/


+12: XML.

Invisible XML Specification (Draft)
By Steven Pemberton.
"This is the current state of the ixml base grammar; it is close to final…"
https://homepages.cwi.nl/~steven/ixml/ixml-specification.html


[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 41, April 2, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 41, April 2, 2019. 

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

++ISSUE 41 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: JAVASCRIPT. 
07: TOOLS. 
08: TYPOGRAPHY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Buttons vs. Links 
By Kim Wee. 
"Learn the difference and when to use them…" 
https://mn.gov/mnit/media/blog/?id=38-376674 

Do Plain Language 
By Anne Sittner-Anderson. 
"When fancy talk and shop talk are big don'ts…" 
https://mn.gov/mnit/media/blog/?id=38-376673 

Caption10: Part 3, Synchronized (Video) 
By Meryl K. Evans. 
https://www.linkedin.com/feed/update/urn:li:activity:6516713127088836608/ 

Caption10: Part 4, Size (Video) 
By Meryl K. Evans. 
https://www.linkedin.com/feed/update/urn:li:activity:6517078434668179457/ 

Caption10: Part 5, Position (Video) 
By Meryl K. Evans. 
https://www.linkedin.com/feed/update/urn:li:activity:6517359192297267200/ 

Caption10: Part 6, Indicating Sound (Video) 
By Meryl K. Evans. 
https://www.linkedin.com/feed/update/urn:li:activity:6518549881106292737 

Checklist for Creating Accessible Videos 
By Bureau of Internet Accessibility. 
"An accessible video usually includes captions; a transcript; and 
careful use of color, text, and flashes or animation. A video should 
also be delivered in an accessible format with an accessible media 
player, and may include additional audio description when the default 
audio track isn't sufficient…" 
https://www.boia.org/blog/checklist-for-creating-accessible-videos 

Using WCAG 2.1 (PDF) 
By Alastair Campbell. 
Alastair's @A11y_Leed presentation slides. 
https://alastairc.uk/presentations/wcag21/A11y-Leeds-WCAG21_2019-04-01.pdf 
Article version: 
https://www.nomensa.com/blog/2017/web-accessibility-guidelines-and-how-use-them 

Best Chart Accessibility Practices 
By Denis Kryukov. 
"In this article, I will share with you the best chart accessibility 
practices, and how you can practically create an effective 
accessibility friendly charts." 
https://www.highcharts.com/blog/post/best-chart-accessibility-practices/ 

The 'Perilous Pitfalls' of Accessibility Maturity 
By Sheri Byrne-Haber. 
"…This article is my take on the UX pitfalls identified in the HFI 
article as applied to accessibility…" 
https://medium.com/@sheribyrnehaber/the-perilous-pitfalls-of-accessibility-maturity-a5cdba1bfec7 

Apple's New Feature a Step Towards Digital Apartheid 
By Hampus Sethfors. 
"…I think it's safe to say that Apple has some serious explanation to 
do here. Both around the feature and the non-existent documentation 
around it. Hopefully it's just a mistake, wasn't supposed to be rolled 
out or something similar. Until that is confirmed though, I think it's 
time for the accessibility community to protest rather loudly." 
https://axesslab.com/digital-apartheid/ 

Alexa 100 Accessibility Update #2 
By Jared Smith. 
"This analysis of the top 100 sites in 2011, 2017, and today suggest 
that accessibility may be improving." 
https://webaim.org/blog/alexa-100-update-2/ 


+02: CASCADING STYLE SHEETS. 

How To Align Things In CSS 
By Rachel Andrew. 
"There are a few ways to align elements in CSS. In this article, 
Rachel Andrew explains what they are with some tips to help you 
remember which to use and why…" 
https://www.smashingmagazine.com/2019/03/css-alignment/ 

Breaking CSS Custom Properties Out of :root Might Be a Good Idea 
By Kevin Powell. 
"…In this article, we'll be exploring: 1.) Why we put custom 
properties on the :root to begin with. 2.) Why global scoping isn't 
right for everything. 3.) How to overcome class clashing with locally 
scoped custom properties…" 
https://css-tricks.com/breaking-css-custom-properties-out-of-root-might-be-a-good-idea/ 


+03: DRUPAL. 

Drupal's Angela Byron On Building A Diverse Community 
By Caleb Kaiser. 
"She has helped build one of the most welcoming communities in open 
source that exists today…" 
https://angel.co/blog/drupals-angela-byron-on-building-a-diverse-community 


+04: EVALUATION & TESTING. 

A Warning About Automated Accessibility 'Warnings' 
By Scott O'Hara. 
"…just because a warning pops up, or your 'accessibility score' 
doesn't reach a perfect 100%, you should still verify that these 
warnings are actually issues to solve for…" 
https://www.scottohara.me/blog/2019/03/26/a-warning-about-warnings.html 

Think Like an Accessible UX Researcher Part 2: How Many Participants? 
By David Sloan. 
"This is the second in a series of posts looking at the advice 
provided in the excellent book Think like a UX Researcher, by David 
Travis and Philip Hodgson, from the perspective of involving people 
with disabilities in UX research…" 
https://developer.paciellogroup.com/blog/2019/03/think-like-an-accessible-ux-researcher-part-2/ 

Personas: Why is it Important to Understand Your Users? 
By Keep It Usable. 
"Personas are amazing! If you don't have them or if you have them but 
don't use them (what a waste!) then you're missing out on a whole host 
of business benefits. Let's have a quick look at these before we dive 
more into what personas are and how they fit into the design process…" 
https://www.keepitusable.com/blog/personas-why-is-it-important-to-understand-your-users/ 


+05: EVENTS. 

What to Expect from an Accessibility Audit 
April, 9, 2019. 
Online 
https://accessibility.deque.com/what-to-expect-from-an-accessibility-audit 

A Complaint has been filed. Now What? Strategies for accessibility 
remediation and prioritization for future compliance (American Library 
Association) 
April 24, 2019. 
Online 
https://ala-events.zoom.us/webinar/register/e88cdf3b18379889cde7dc3c8da9331e 

A11y- Basic Web Accessibility 
May 8, 2019. 
Online 
https://www.eastersealstech.com/a11y/ 

Markup UK 
June 7-9, 2019. 
London, England, United Kingdom 
https://markupuk.org/index.xhtml 

integrATe 2019 
June 17-21, 2019. 
Online 
https://sites.google.com/view/integrate2019 

UX Australia 
August 27-30, 2019. 
Sydney, Australia 
http://www.uxaustralia.com.au/conferences/ux-australia-2019 

Smashing Magazine Conference 
September 9-10, 2019. 
Freiburg, Germany 
https://smashingconf.com/freiburg-2019/ 


+06: JAVASCRIPT. 

Responsible JavaScript: Part I 
By Jeremy Wagner. 
"The web is drowning in a sea of JavaScript, awash with unnecessary 
bloat, inaccessible cruft, and unsustainable patterns. Jeremy Wagner 
plots a course to navigate the JavaScript Sea responsibly by building 
the right things the right way and using the web platform the way it 
was meant to be used." 
https://alistapart.com/article/responsible-javascript-part-1 

Yet Another JavaScript Framework 
By Jason Hoffman. 
"…when a situation arises that is in full view and, ultimately, 
preventable, is the proper course of action to try and pull the web 
forward or to ensure that the web in its current form continues to 
function even as technology advances? This only leads to more 
questions. Who should be responsible for making these decisions? 
Should every library be actively maintained in some way, ad infinitum, 
even when best practices shift to anti-patterns? What is our 
obligation, as developers, for sites we know have been abandoned? And, 
most importantly, how can we best serve the many different users of 
the web while still giving developers new programmatic tools? These 
are the same questions that we continue to return to, and they have 
been at the core of discussions like progressive enhancement, 
responsive design and accessibility…" 
https://css-tricks.com/yet-another-javascript-framework/ 


+07: TOOLS. 

All As 
"Are your URLs too short? Lengthen your URLs conveniently and share 
your links without ambiguity…" 
http://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com/ 


+08: TYPOGRAPHY. 

Intro to Font Metrics 
By Weston Thayer. 
"Font files contain a wealth of information about a typeface. Whether 
you're a designer or a developer, learning more about how fonts work 
can open new doors in how you work and what you create.…" 
http://westonthayer.com/writing/intro-to-font-metrics/ 

[Section one ends.] 


++ SECTION TWO: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

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


+ TEXT EMAIL NEWSLETTER (TEN). 

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


+ SIGN OFF. 

Until next time, 

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


[Issue ends.] 

 

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 42, April 11, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 42, April 11, 2019. 

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

++ISSUE 42 CONTENTS. 

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

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

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Accessibility for Vestibular Disorders: How My Temporary Disability 
Changed My Perspective 
By Facundo Corradini. 
"Every time I encountered [parallax effects], I would put the bucket 
beside me to good use and be forced to lie in bed for hours as I felt 
the room spinning around me…" 
https://alistapart.com/article/accessibility-for-vestibular 

1.4.13: Content on Hover or Focus 
By Rakesh Paladugula. 
"…People with low vision who depends on magnifier, those who have the 
habit of using large cursor benefit from this success criterion. 
Similarly people with low vision and cognitive challenges who need 
more time to identify the additional content on the screen benefit 
from this success criterion…" 
http://www.maxability.co.in/2019/04/1-4-13-content-hover-focus/ 

WCAG 2.1 in 7 Perspectives 
By Cindy McCourt. 
"…Making a website accessible isn't just about code. It calls for a 
high degree of awareness each time content is added. Maintenance and 
auditing processes are essential to ensuring accessibility…" 
https://www.prometsource.com/blog/wcag-21-7-perspectives?q=blog/wcag-21-summary-7-perspectives 

Accessibility Lessons: Dealing with a Large Amount of Form Inputs 
By Andy Sellick. 
"…Finding one checkbox among hundreds isn't a problem only for people 
using a screen reader-it can be difficult for all of us…Although the 
autocomplete looked like the better option, in the end a small change 
to our original component suited our needs better…Although we'd spent 
a lot of time integrating the autocomplete into our finders, it wasn't 
the best solution to our problem…" 
https://accessibility.blog.gov.uk/2019/04/08/accessibility-lessons-dealing-with-a-large-amount-of-form-inputs/ 

How You Can Allow Other People to Add Captions to Your YouTube Videos 
By Deborah Edwards-Onoro. 
"…Community contributions help you reach a wider audience through 
captions and translations, without the cost of third-party captioning 
services…" 
https://www.lireo.com/how-you-can-allow-other-people-to-add-captions-to-your-youtube-videos/ 

10 Website Accessibility Myths Debunked 
By Rebecca Sentance. 
"…a lot of myths and misunderstandings persist about what exactly 
constitutes web accessibility, how necessary it is for individual 
businesses, the benefits and how easy it is to carry out…" 
https://www.userzoom.com/blog/10-web-accessibility-myths-debunked/ 

Making the Web More Accessible Using Machine Learning 
By Laura Johnson. 
"…Artificial intelligence and the advancements that machine learning 
affords have massive potential in the accessibility arena. Of course, 
there's still a lot of research to be done, but the possibilities have 
a great deal of potential and need to be explored…" 
https://medium.com/myplanet-musings/making-the-web-more-accessible-using-machine-learning-8a32eaafdb3a 

Top Tips for Publishing Accessible Written Content (Video) 
By Sarah Florence. 
April 4, 2019 Webinar and slides. 
https://abilitynet.org.uk/news-blogs/top-tips-publishing-accessible-written-content 

Takeaways from 2019 Digital Accessibility Trends with Tim Springer, 
Founder of Level Access 
By Deborah Edwards-Onoro. 
"…Here are my notes from his talk…" 
https://www.lireo.com/takeaways-from-2019-digital-accessibility-trends-with-tim-springer-founder-of-level-access/ 

What the WebAIM Million Analysis Says About the Web You're Building 
By Charlie. 
"Spoilers: Not good things…" 
https://dev.to/forsh3y/what-the-webaim-million-analysis-says-about-the-web-you-re-building-2740 

Caption10: Part 8, Voice (Video) 
By Meryl K. Evans. 
"…the eighth rule of the #Caption10 series on how to create great 
captions is voice…" 
https://www.linkedin.com/feed/update/urn:li:activity:6521065719247958017/ 

Legal Battle Over Captioning Continues 
By Lindsay McKenzie. 
"A legal dispute over video captions continues after court rejects 
requests by MIT and Harvard University to dismiss lawsuits accusing 
them of discriminating against deaf people…" 
https://www.insidehighered.com/news/2019/04/08/mit-and-harvard-fail-get-out-video-captioning-court-case 

Four-Year Court Battle Between Deaf Advocates and Harvard Over Closed 
Captioning of Videos Proceeds to Discovery With Some Limitations 
By Kristina M. Launey & Minh N. Vu. 
"Four years and two motions to dismiss based on the pleadings later, 
the National Association of the Deaf's (NAD) online video captioning 
lawsuit against Harvard is moving forward to fact discovery…" 
https://www.adatitleiii.com/2019/04/four-year-court-battle-between-deaf-advocates-and-harvard-over-closed-captioning-of-videos-proceeds-to-discovery-with-some-limitations/ 


+02: CASCADING STYLE SHEETS. 

Designing Button Focus States for Better Usability 
By Elizabeth Schafer. 
"…buttons have more than one state. The default state we just created 
looks good so far, but we need to make sure that it also looks 
noticeably different when it's focused…" 
https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2 

State of the Web: CSS Standardization (Video) 
By Rick Viscomi. 
"In this episode of the State of the Web, Rick Viscomi and Jen Simmons 
(CSS Working Group, Mozilla) discuss the process of CSS 
standardization and the evolution of how developers style the web…" 
https://www.youtube.com/watch?v=TQ7NqpFMbFs 

Digging Into The Display Property: The Two Values of Display 
By Rachel Andrew. 
"We talk a lot about Flexbox and CSS Grid Layout, but these layout 
methods are essentially values of the CSS display property, a 
workhorse of a property that doesn't get a lot of attention. Rachel 
Andrew takes a better look in a short series…" 
https://www.smashingmagazine.com/2019/04/display-two-value/ 

Managing Z-Index In A Component-Based Web Application 
By Pavel Pomerantsev. 
"The z-index property, despite all that's written about it, is still 
widely misunderstood and mishandled. Stacking issues in a complex 
single-page web application can become a major pain. Adhering to some 
principles, however, we can easily avoid these issues…" 
https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/ 

Print Styling, the 3 Basics 
By Jens Oliver Meiert. 
"Running start. Pretty much every website should have a usable print view…" 
https://meiert.com/en/blog/print-styling-basics/ 

Grids All The Way Down 
By Rachel Andrew. 
Rachel's April 2019 presentation materials from  Frontend NE in 
Newcastle upon Tyne, UK. 
https://noti.st/rachelandrew/g2qkOz/grids-all-the-way-down 


+03: COLOR. 

Color Accessibility: Tools and Resources to Help You Design Inclusive Products 
By Stéphanie Walter. 
"…all the resources, tips and tools I regularly use to build and check 
the color accessibility of my products in one place. Enjoy…" 
https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/ 


+04: DRUPAL. 

Better Instructions for Your Drupal Content Types 
By Cindy McCourt. 
"…Not all forms are self-explanatory. Not all field purposes can be 
easily deduced. Drupal provides several options for providing guidance 
to your content authors, each with their own pros and cons…" 
https://www.prometsource.com/blog/better-instructions-your-drupal-content-types 


+05: EVALUATION & TESTING. 

Should Usability Testers be Certified? 
By Rolf Molich. 
"…The real-world data I have shows that the practices of many 
professional usability testers need review, formalization, and a 
general tightening up. Since the teams I studied were professional, I 
suggest that everyone can benefit from having their practices 
reviewed." 
http://interactions.acm.org/blog/view/should-usability-testers-be-certified/ 

My Web Accessibility Testing Process 
By Lindsey Kopacz. 
"…My web accessibility testing process begins before I even start writing code…" 
https://www.a11ywithlindsey.com/blog/web-accessibility-testing-process/ 


+06: EVENTS. 

Common AI and Ethics Challenges and How to Solve Them 
April 12, 2019. 
Online 
https://register.gotowebinar.com/register/8625742784466653185 

Accessibility in Voice Experiences 
April 18, 2019. 
Chicago, Illinois, U.S.A. 
https://www.meetup.com/en-AU/a11ychi/events/260326500/ 
Live stream: 
https://www.youtube.com/watch?v=29SneVTDHBY 
Live captions: 
http://www.streamtext.net/player?event=CDA 

Evaluating Organizational Readiness for Accessibility 
April 18, 2019. 
Online 
https://zoom.us/webinar/register/9615537904399/WN_qEOlZwuhSLGm7VwIZk2Bwg 

Accessibility Camp Seattle 
May 18, 2019. 
Seattle, Washington, U.S.A. 
https://accessibilitycampseattle.org/ 

Web Accessibility Summit 
May 29, 2019. 
Springfield, Missouri, U.S.A. 
https://2019.webaccessibilitysummit.org/ 

TechAccessOK 
June 6-7, 2019. 
Oklahoma City, Oklahoma, U.S.A. 
http://techaccessok.org/ 

2019 Trends in Video Accessibility 
June 13, 2019. 
Online 
https://go.3playmedia.com/wbn-06-13-2019-soc 


+07: HTML. 

Stop Using So Many divs! An Intro to Semantic HTML 
By Ken Bellows. 
"…<div>… works. I mean, mostly. It has the structure you need, and I'm 
sure it'll look the way you intend by the time you're done styling it. 
But it has some big problems…" 
https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i 

AT-browser-tests 
By Steve Faulkner. 
"Collaboration with CA on mapping of HTML features Aural UI and how 
these features are conveyed to users of AT…" 
https://thepaciellogroup.github.io/AT-browser-tests/ 

HTML, CSS, and the Path to Accessible Web Design 
By Jennifer Riggins. 
"…when you consider the massive scale some websites can reach these 
days, maybe it's good to go back to the basics to make sure everyone 
can access everything we build…" 
https://thenewstack.io/html-css-and-the-path-to-accessible-web-design/ 

Native Image Lazy-Loading for the Web! 
By Addy Osmani. 
"In this post, we'll look at the new loading attribute which brings 
native <img> and <iframe> lazy-loading to the web…" 
https://addyosmani.com/blog/lazy-loading/ 

Enforcing Accessibility Best Practices with Automatically-Generated ids 
By Brad Frost. 
"…What this means is that it's impossible for users of the design 
system to omit an important attribute and accidentally create an 
inaccessible experience. This technique works well for any component 
that needs to create an association between two or more ids…" 
http://bradfrost.com/blog/post/enforcing-accessibility-best-practices-with-automatically-generated-ids/ 


+08: JAVASCRIPT. 

Announcing the Deobfuscating JavaScript White Paper 
By Netsparker Security Team. 
"The topic of this white paper is an example of how to deobfuscate 
JavaScript code as it's often used in phishing pages…" 
https://securityboulevard.com/2019/04/announcing-the-deobfuscating-javascript-white-paper/ 

You Probably Don't Need that Hip Web Framework 
By Owen Williams. 
"I've discovered how many others have felt similarly, overwhelmed by 
the choices we have as modern developers, always feeling like there's 
something we should be doing better." 
https://char.gd/blog/2019/you-dont-need-that-hipster-web-framework 


+09: MISCELLANEOUS. 

The Girl on the Train 
By Erynn Brook. 
"I'm waiting on kitty ultrasound results and trying to distract myself 
a little bit so I'd like to tell you a story about something that 
happened last night, in the hopes that I can process my feelings 
around it…" 
http://www.erynnbrook.com/the-girl-on-the-train/ 

W3C Doesn't Help Its Invited Experts. It Should. 
By Tobie Langel. 
"Software foundations have increasingly started helping non-corporate 
backed contributors with travel expenses. W3C has been lagging way 
behind. Until last year, 'invited experts' - W3C jargon for individual 
contributors-even had to pay to attend the technical conference in 
which they come work for free. It's time for change…" 
https://medium.com/@tobie/w3c-doesnt-help-its-invited-experts-it-should-2fb36ae9f720 


+10: NAVIGATION. 

HTML5 Landmarks Exposed 
By Scott O'Hara. 
"Landmarks can serve as important guideposts to a web document. They 
allow people using screen readers, as well as those with certain 
browser plug-ins, to be able to quickly navigate to important areas of 
a page…" 
https://www.scottohara.me/blog/2019/04/05/landmarks-exposed.html 

Common Accessibility Issue: Moving to a Page Section Without Shifting 
Keyboard Focus 
By Christian Heilmann. 
"…we can really make it hard for keyboard and screenreader users when 
we forget to set the focus to the element we scrolled to. Just because 
it is in the viewport, doesn't mean the keyboard focus moved there…" 
https://christianheilmann.com/2019/04/09/common-accessibility-issue-moving-to-a-page-section-without-shifting-keyboard-focus/ 

Journey Mapping: 9 Frequently Asked Questions 
By Alita Joyce and Kate Kaplan. 
"Journey maps are useful for building common ground in an 
organization, but practitioners often have questions and 
misunderstandings about their scope and how to create them." 
https://www.nngroup.com/articles/journey-mapping-faq/ 


+11: TYPOGRAPHY. 

Down the Font Legibility Rabbit Hole (Hat tip to Jim Allan) 
By Peter Vermaercke. 
"While working on a recent project I was struggling with optimizing 
the readability of the content in the interface. The product is a 
safety-critical interface used in aviation with lots of codes in small 
sizes. Good readability is crucial to make sure the users can do their 
job well and with as little fatigue as possible…" 
https://medium.com/@pvermaer/down-the-font-legibility-rabbit-hole-481f207a6013 

Public Sans 
By United States Web Design System. 
"A strong, neutral typeface for text or display." (free and open source) 
https://public-sans.digital.gov/ 


+12: USABILITY. 

Privacy UX: Common Concerns And Privacy In Web Forms 
By Vitaly Friedman. 
"Web interfaces have become quite a character, haven't they? 
Self-indulgent, impolite, disrespectful and obsessed with user's data. 
In this series of articles, we're looking into privacy UX patterns in 
order to to make our interfaces better without leaving conversion 
considerations behind…" 
https://www.smashingmagazine.com/2019/04/privacy-concerns-ux-web-forms/ 

Is Aggressive Marketing Influencing the UX of AI Agents? (Video) 
By Jakob Nielsen. 
"Jakob Nielsen answers the question of how users' perception of 
artificial intelligence products and their user experience may be 
impacted by the way these services are promoted by vendors." 
https://www.nngroup.com/videos/aggressive-marketing-ux-ai-agents/ 


[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 43, April 16, 2019.

David Dillard
 



 

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

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

++ISSUE 43 CONTENTS. 

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

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


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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

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

Is Your Web Site Really Accessible? 
By Nicolò Carpignoli. 
"Why accessibility matters and how you can check and eventually fix it 
on your website…" 
https://medium.com/chialab-open-source/is-your-web-site-really-accessible-7f045475640f 

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

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

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

Top 5 Questions Asked in Accessibility Trainings 
By Carie Fisher. 
"…Below are the top five questions that I hear most often and some 
context/resources to learn a bit more about each…" 
https://www.deque.com/blog/top-5-questions-asked-in-accessibility-trainings/ 

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

2019 CSUNATC Digital Accessibility Legal Update 
By Lainey Feingold. 
"…This is a post about laws and cases about the rights of disabled 
people to be part of the digital world. Every year Lainey Feingold 
does a talk at the CSUN conference about what's new in the legal 
world. This post described what Lainey talked about…" 
https://www.lflegal.com/2019/04/after-csun19/ 


+02: CASCADING STYLE SHEETS. 

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


+03: COLOR. 

Why Cancel Buttons Should Never Have a Color 
By Anthony Tseng. 
"A Cancel button is not a call to action because no changes to the 
system occur after it's pressed. Therefore, you should never emphasize 
it with color, otherwise you'll give users that impression. Instead, 
they should get the impression that no changes occur and that the 
button is their escape commitment…" 
https://uxmovement.com/buttons/why-cancel-buttons-should-never-have-a-color/ 

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


+04: EVALUATION & TESTING. 

Think Like an Accessible UX Researcher Part 3, Five Common Mistakes in 
Usability Testing and How to Avoid Them 
By David Sloan. 
"This is the third in a series of posts reviewing the advice in Think 
like a UX Researcher, by David Travis and Philip Hodgson, from the 
perspective of involving people with disabilities in UX research (see 
Part 1 and Part 2). In this post, we'll look at their advice on 
usability testing and the ways that you can avoid making common 
mistakes when running evaluations with people with disabilities…" 
https://developer.paciellogroup.com/blog/2019/04/think-like-an-accessible-ux-researcher-part-3/ 

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

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

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

W3C Invites Implementations of Accessibility Conformance Testing (ACT) 
Rules Format 1.0 
By W3C. 
"The Accessibility Guidelines Working Group has published a Candidate 
Recommendation of Accessibility Conformance Testing (ACT) Rules Format 
1.0…" 
https://www.w3.org/blog/news/archives/7709 


+05: EVENTS. 

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

Talking Design with Adrian Roselli 
April 23, 2019. 
Toronto, Canada 
https://www.meetup.com/a11yTO/events/260433514/ 

Global Accessibility Awareness Day: Live Demos and Education 
May 16, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.meetup.com/Accessibility-Twin-Cities/events/260382353/ 
Online at: 
https://zoom.us/j/495261745 

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

Moving Mobile to 2.1 
July 29, 2019. 
Minneapolis, Minnesota, U.S.A. 
https://www.meetup.com/Accessibility-Twin-Cities/events/258337843/ 

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

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

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

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


+06: HTML. 

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


+07: JAVASCRIPT. 

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

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

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

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

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


+08: MISCELLANEOUS. 

Nothing Fails Like Success 
By Jeffrey Zeldman. 
"Money and tech have a complicated relationship. We trained our users 
to expect things for free. Quickly we realized that wasn't a 
sustainable business model, so we sold their data and served ads, 
which invites its own problems. Now, we're trying to undo this tangled 
web. How do we get back to a democratized web?" 
https://alistapart.com/article/nothing-fails-like-success/ 

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

A Website is a Car and Not a Book 
By Robin Rendle. 
"…You have to understand that you're looking at an immensely 
complicated system of moving parts…" 
https://css-tricks.com/a-website-is-a-car-and-not-a-book/ 

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


+09: NAVIGATION. 

Body Copy Link Styling - the Right Way 
By Kevin R. Kirby. 
"…Conclusion: Keep the underline in body copy text or stop putting 
links inside of the body copy…." 
https://spitfire.kevinrkirby.com/user-experience/body-copy-link-styling-the-right-way/ 

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


+10: TOOLS. 

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

Reading Order Bookmarklet 
By Adrian Roselli. 
"When a keyboard-only user or screen reader user comes to page that 
uses CSS to create a layout, there is a chance that what is on the 
screen does not match the flow of the page…" 
http://adrianroselli.com/2019/04/reading-order-bookmarklet.html 

axe for Android 
By Deque. 
Accessibility analysis tool available for the Android platform. 
https://www.deque.com/axe/axe-for-android/ 

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


+11: TYPOGRAPHY. 

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


+12: USABILITY. 

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

Interactions and Complexity 
By Gerry McGovern. 
"…The Web is not print. It's a much more complex, networked 
environment. Those who are investing in complexity, while also 
investing in simplifying interactions with such complex systems, are 
reaping the bountiful rewards." 
http://gerrymcgovern.com/interactions-and-complexity/ 

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

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

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


[Section one ends.] 


++ SECTION TWO: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

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


+ TEXT EMAIL NEWSLETTER (TEN). 

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


+ SIGN OFF. 

Until next time, 

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


[Issue ends.]