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

+++ 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…”
View at Medium.com

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…”
View at Medium.com

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…”

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…”

+02: BOOKS.

Gay, Greg et al. Web Accessibility for Developers, Ryerson University
Pressbooks, 2019.

Cover

+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…”

Tips to Create an Accessible and Contrasted 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…”

Effects of Labeling the Neutral Response in the NPS

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.

WCAG 2.1 Primer

Monday, May 20, 2019, 5:30 PM

Industrious Minneapolis North Loop
Minneapolis, MN

28 Access Professionals Attending

More organizations are working towards this higher standard of the Web Content Accessibility Guidelines since their release in June of 2018. If you’re wondering how to get your website or software to this new level, or if your organization has tips to share, this MeetUp is for you. We’ll begin with a brief overview of the new additions 2.1 brings, …

Check out this Meetup →

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 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…”

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…”

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…”

Web Turns 30, Seems Popular

Happy 30th World Wide Web
By John Allsopp.
“Today CERN is marking the 30th anniversary of the World Wide Web…”

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…”

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

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

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…”

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…”

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…”

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…”

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

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 36, February 28, 2019.

+++ 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…”

Common pitfalls and 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…”

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…”

Inclusive Content Strategy: How to Ensure Your Content is Accessible to Everyone

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…”

How to Add Alternative Text to 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…”

What You Should Know About Automatic Captions on 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…”

Avoid Default Field Validation

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…”

A Company’s Website Is Not a “Public Accommodation” Under the ADA, a 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…”

What does European accessibility standard EN 301 549 mean for US organizations?

+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)…”

F87: CSS Generated Content and WCAG Conformance

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…”

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…”
View at Medium.com

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…”

What Is the Purpose of UX Measurement?

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…”

The Cross-Sequential Approach: A Short-Term Method for 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…”
View at Medium.com

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.

Exploring WCAG 2.1

Wednesday, Mar 20, 2019, 5:30 PM

Microsoft
555 110th Ave NE Bellevue, WA

43 A11ysea Members Went

Agenda 5:30 Check-in and networking 6:00 Presentation and Discussion 7:00 Networking 7:30 Meeting time concludes The nominal meeting fee goes entirely to food and beverage and CART service (when needed). Topic: Many organizations are working toward adopting WCAG 2.1 standards after their release last year. This is a great opportunity to review a su…

Check out this Meetup →

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.

2019 Digital Accessibility Trends–An Evening With Tim Springer, Level Access

Tuesday, Apr 2, 2019, 7:00 PM

thoughtbot
1384 Broadway 20th Floor New York, NY

100 Members Went

A data driven overview of where digital accessibility is heading in 2019. This includes the current state and projections for: The Market – Long term drivers on digital accessibility Laws and Regulations – Current state of the law in the U.S. and abroad Enforcement – Current state of ADA enforcement by industry, state and case type Accessibility …

Check out this Meetup →

Web4All 2019
May 13-15, 2019.
San Francisco, California, U.S.A.

+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…”

Q&A 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.

WCAG 2.1 parsing error bookmarklet – updated 25th February 2019

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…”

Bookmarklet: Archive Page 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…”

Usability of Technology for Older Adults: Where Are We and Where Do We Need to Be

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…”

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

Exploring the Boundary Conditions of the Effect of Aesthetics on Perceived 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…”

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

lcarlson
Feb 20
+++ 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…”

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

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…”
View at Medium.com

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…”
View at Medium.com

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.’…”
View at Medium.com

+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…”

Making Future Interfaces: Custom Properties (Video)
By Heydon Pickering.
“Learn all about CSS custom properties with this handy (and slightly
odd) guide…”

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…”

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…”

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…”
View at Medium.com

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…”

How Does Did Recommend Differ from Likely to Recommend?

+05: EVENTS.

Accessibility Empathy Lab at World Information Architecture Day
February 23, 2019.
Ann Arbor, Michigan, U.S.A.

Accessibility Empathy Lab at World Information Architecture Day

Saturday, Feb 23, 2019, 10:00 AM

Ann Arbor District Downtown Library
343 S 5th Ave Ann Arbor, MI

17 A11ies Went

PLEASE NOTE!! If you plan to attend this event you need to register on the World IA Day Site, located here: https://www.worldiaday.org/events/ann-arbor/2019 The Deque Empathy Lab is making a reappearance for World Information Architecture Day. If you missed it last time, now is your chance to check it out! People with disabilities experience techno…

Check out this Meetup →

Add Accessibility to Your Process the Easy-ish Way
March 6, 2019.
Austin, Texas, U.S.A.

Add Accessibility to Your Process the Easy-ish Way

Wednesday, Mar 6, 2019, 6:00 PM

12301 Research Blvd
12301 Research Blvd Austin, TX

44 A11ys Went

Presenter: James Green, Sr. Director at Visa Description: Finding Accessibility Not-That-Accessible to your team? Are you feeling stuck, overwhelmed, or not even sure where to start? If you are hungry for help then look no further and get yourself some heaping platefuls of knowledge, tips, best practices, and inspiration! We’ll cover the basics of …

Check out this Meetup →

UX Burlington
May 3, 2019.
Burlington, Vermont, U.S.A.

Home

CHI 2019
May 4-9, 2019.
Glasgow, Scottland

Welcome to CHI 2019

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.

Home – Countdown Header

+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…”

Is input type=”date” ready for use in accessible websites?

+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…”

UX101: Complete Guide to Building 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…”

Don’t 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…”

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

+++ 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…”

Uncanny A11y

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

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

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…”

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…”
View at Medium.com

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’…”

Accessibility Statements Show Commitment to all Site Users

Writing an Accessibility Statement for Your Organization
By Rakesh Paladugula.
“Having an accessibility statement on the website shows your
commitment towards persons with disabilities…”

Writing an Accessibility Statement for your 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…”

Flagler Pays $16,000 to Settle Website Access Suit, and Much More to Become ADA Compliant

+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…”

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…”

How To Optimize CSS Delivery – 7 Simple Steps

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

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…”

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.

No Bad Legos: Automated Accessibility Testing

Thursday, Feb 28, 2019, 6:00 PM

RedShelf
500 N Dearborn St suite 1200 Chicago, IL

107 Digital Accessibility Enablers Went

Join us for a talk about automated accessibility testing in component driven development! Howie Bollinger, a front end developer at RedShelf, will talk about building accessible software from individual components that are tested and reusable. Here’s more information about his presentation: No Bad Legos: A Toy Box For Everybody People often like to…

Check out this Meetup →

Live stream:

Live captions:
http://www.streamtext.net/player?event=CDA

Creative South
April 11-13, 2019.
Columbus, Georgia, U.S.A.

2020 – Presale Event

CodeStock
April 12-13, 2019.
Knoxville, Tennessee, U.S.A

Home

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…”

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

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…”

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…”

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…”

A Strongly Worded Letter

+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…”
View at Medium.com

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…”

Accessibility testing tools – Updated 10th February 2019

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

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

+++ 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…”

Takeaways from Digital Accessibility–Guide to 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…”

AcceDe Web 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…”
View at Medium.com

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)…”

What Is the CE11 (And Is It Better than the 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…”
View at Medium.com

+04: EVENTS.

ARIA: Apply Sparingly
March 25, 2019.
Minneapolis, Minnesota, U.S.A.

ARIA: Apply Sparingly

Monday, Mar 25, 2019, 5:30 PM

Industrious Minneapolis North Loop
Minneapolis, MN

40 Access Professionals Went

ARIA may appear to be an easy way to make your website or software accessible, but there are limitations to its powers. Over and misused ARIA can actually hinder accessibility. This month’s MeetUp will equip you with: 1. An understanding of what ARIA is and practical application 2. Where ARIA’s limitation lie 3. Examples of what not to do 4. The ch…

Check out this Meetup →

#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

About Us

+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

and
alt do different things.”

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

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.

+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…”

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

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

+++ 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)…”

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…”
View at Medium.com

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…”
View at Medium.com

How to Learn About Accessibility Best Practices in WordPress
By Deborah Edwards-Onoro.
“Learn how to make your WordPress site accessible to everyone.”

How to Learn About Accessibility Best Practices in WordPress

Switch Access on Mobile
By Rakesh Paladugula.
“Switch Access allows the users with dexterity impairments to use
their mobile device without touching the screen…”

Switch access on 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…”

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…”

More Than 75 New York Galleries Are Slammed With Lawsuits for Allegedly Violating the Americans With Disabilities Act

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…”

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…”

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…”

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…”

What Motivates People to Take Free Surveys?

How to Assess the Quality of a Measure
By Jeff Sauro.
“It seems like each year introduces a new measure or questionnaire…”

How to Assess the Quality of a Measure

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.

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

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…”

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…”

Underlines Are Beautiful

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