Topics

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

David P. Dillard
 


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

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

++ISSUE 30 CONTENTS.

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

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
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.

Accessibility Mechanics (Video)
By Jared Smith.
"Jared Smith, Associate Director of WebAIM, will discuss the interplay
between page content (including ARIA), browser parsing/rendering,
accessibility APIs, and assistive technology - something that is
increasingly important for developers to have a sense of when
implementing and testing accessibility…"
https://www.technica11y.org/accessibility-mechanics

Top 10 Low Effort Improvements for Accessible Web Content
By Leandra Silver.
"The creation of accessible sites is a collaborated dance between
designers, user experience specialists, web developers, content
editors, and web accessibility auditors…"
https://medium.com/@leandrasilver/top-10-low-effort-improvements-for-accessible-web-content-13f1e2013113

What You Need to Know About Types of Video Captions
By Meryl Evans.
"Way back in 1983, I got my first caption decoder…"
https://meryl.net/what-you-need-to-know-about-types-of-video-captions/

Tap to Dismiss
By Linzi Berry.
"Designing accessible escape hatches for modals…"
https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

This Week in Accessibility: Gomez v. GNC
By Sheri Byrne-Haber.
"Gomez v. GNC should serve as a warning to any company facing an
accessibility lawsuit as to the importance of their accessibility
experts actually being experts in accessibility…"
https://medium.com/@sheribyrnehaber/this-week-in-accessibility-gomez-v-gnc-89fee5f26b5f

Big Win for Web Accessibility in Domino's Pizza Case
By Lainey Feingold.
"…the panel of three judges held that, 'the ADA applied to Domino's
website and app because the Act mandates that places of public
accommodation, like Domino's, provide auxiliary aids and services to
make visual materials available to individuals who are blind'…"
https://www.lflegal.com/2019/01/dominos-ninth-circuit/


+02: CASCADING STYLE SHEETS.

When And How To Use CSS Multi-Column Layout
By Rachel Andrew.
"The Multi-column Layout spec is often overlooked as we use Grid and
Flexbox. In this article Rachel Andrew explains why it is different to
other layout methods, and shows some useful patterns and sites which
showcase it well…"
https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/

An Introduction to CSS Containment
By Manuel Rego Casasnovas.
"…This is a brief blog post trying to give an introduction to the
spec, explain the status of things, the work done during past year,
and some plans for the future…"
https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/

CSS Doesn't Suck
By Any Bell.
"Another week comes along and with it, another assault on CSS…"
https://andy-bell.design/wrote/css-doesnt-suck/


+03: COLOR.

Designing UI with Color Blind Users in Mind
By Rich Staats.
"…in this article, we'll share some tips on how you can improve your
site's accessibility and the experience it delivers for color blind
people…"
https://www.secretstache.com/blog/designing-for-color-blind-users/


+04: EVALUATION & TESTING.

Top Tasks Are the Invisible Gorilla
By Gerry McGovern.
"The top tasks of organizations are often very different to the top
tasks of customers because organizations think and see differently
than customers…"
http://gerrymcgovern.com/top-tasks-are-the-invisible-gorilla/

Does Changing the Order of the NPS Item Affect Results?
By Jeff Sauro.
"…does the order in which items are presented in common metrics like
the Net Promoter Score matter? To investigate this, we need to first
understand order effects in surveys…"
https://measuringu.com/nps-order/


+05: EVENTS.

Time Traveler's Guide to Accessibility Mechanics
January 22, 2019.
New York, New York, U.S.A.
https://www.meetup.com/A11yNYC/events/256947753/

Nurturing a Neurodiverse Workplace
January 23, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/257913463/
Live stream: https://www.youtube.com/watch?v=BQMMDNLYTgk
Live captions: http://www.streamtext.net/player?event=CDA

Digital Accessibility 101 - The Basics
January 24, 2019.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/257287270/

Make Your Business Case for Accessibility
January 28, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/257427253/
        
Designing with Accessibility in Mind
February 11-17, 2019.
Online
https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368

2019 Audio Description Institute
February 23-25, 2019.
Alexandria, Virginia, U.S.A.
https://acb.org/2019-leadership-meetings-ADI

Experience Design Week
February 25-27, 2019.
Denver, Colorado, U.S.A.
https://experiencedesignweek.iqpc.com/


+06: HTML.

'Fixing' Lists
By Scott O'Hara.
"In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an
article on the how VoiceOver and Safari (Webkit) (macOS and iOS)
remove list element semantics when list-style: none is used…"
https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html

Accessible Accordions Part 2 - Using <details> and <summary>
By  Graham Armfield.
"In my last post My favourite accessible accordion pattern I discussed
how you could use a combination of HTML elements, some JavaScript and
some appropriate ARIA to create a fully accessible accordion component
that could be used by everyone."
https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/

Which Elements Support Shadow DOM?
By Rob Dodson.
"Is there a list somewhere of which HTML elements can and can't have a
shadow DOM?…"
https://robdodson.me/which-elements-support-shadow-dom/


+07: JAVASCRIPT.

Make Your ARIA Labels Sing on Key
By Becky Gibson.
"The Web Accessibility Initiative Accessible Rich Internet
Applications specification (WAI-ARIA) is a powerful tool to make the
Web more accessible for people using screen readers. Unfortunately
many developers use WAI-ARIA incorrectly…"
https://knowbility.org/blog/2019/ARIA-labels/

It's 2019 and I Still Make Websites with my Bare Hands
By Matt Holt.
"I have no idea how to make a website the way the cool kids do today…"
https://medium.com/@mattholt/its-2019-and-i-still-make-websites-with-my-bare-hands-73d4eec6b7


+08: MISCELLANEOUS.

The History of the Web: Accessibility Tools
By Jay Hoffmann.
"In 1995, Dr. Cynthia Waddell published a web design accessibility
standard for the City of San Jose's Office of Equality Assurance…"
https://thehistoryoftheweb.com/accessibility-tools/


+09: NAVIGATION.

Create an Accessible Dropdown Navigation
By Lindsey Kopacz.
"Hover navigations are pretty simple to do without JavaScript, which
is how I usually see them implemented…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation/

Create an Accessible Dropdown Navigation Without JS
By Lindsey Kopacz.
"After cross-posting my last accessibility post about dropdowns on
dev.to, I was reading through the comments and someone posted about
:focus-within…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation-without-js/


+10: STANDARDS, GUIDELINES & PATTERNS.

Web Standards: The What, The Why, And The How
By Amy Dickens.
"Web Standards, and the documentation to support them, provide huge
insight into 'the why' and 'the what' of the world wide web. They are
a fantastic resource for any web developer and help people build stuff
for the web that is functional, accessible and cross-compatible. In
this article, we take a look at the history of Web Standards, how to
use them in your work and ways you can get involved in making them…"
https://www.smashingmagazine.com/2019/01/web-standards-guide/

Harold Crick and the Web Platform
By Brian Kardell.
"In this piece I'll talk about MathML and why I think that it is
especially unique, intersting, and stranger than fiction…"
https://bkardell.com/blog/Math.html


+11: USABILITY.

Creating More Inclusive and Culturally Sensitive Forms
By Mark H. Anbinder.
"…We can accommodate everyone with a little foresight and simple adjustments…"
https://www.uxbooth.com/articles/creating-more-inclusive-and-culturally-sensitive-forms/

Fitts's Law (Video)
By Lexie Martin.
"Fitts's Law describes how long it takes a user to hit a target in a
graphical user interface (GUI) or other design, as a function of size
and distance. Understanding this law helps us design better buttons,
forms, lists, and other interactive elements."
https://www.nngroup.com/videos/fittss-law/

The User Experience of Customer-Service Chat: 20 Guidelines
By Raluca Budiu.
"Chat is hard to find on many websites; it is often inefficiently
designed and supplies too superficial information."
https://www.nngroup.com/articles/chat-ux/

Gestalt Principles in UI Design
By Eleana Gkogka.
"Gestalt (form, shape in German) is a group of visual perception
principles developed by German psychologists in 1920s…"
https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965


+13: XML.

Creating Accessible SVGs
By Carie Fisher.
"Scalable Vector Graphics (SVGs) have been around since 1999, but they
have seen a real resurgence in use as design interactions have become
more complex and CSS/JavaScript have replaced antiquated animation
programs such as Adobe Flash…"
https://www.deque.com/blog/creating-accessible-svgs/


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