+++ 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:
02: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
10: STANDARDS, GUIDELINES & PATTERNS.
13: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
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/
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
+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/
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.
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/
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
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/
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
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/
Create an Accessible Dropdown Navigation
By Lindsey Kopacz.
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
+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
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
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
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
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.]
+ 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