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

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

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

++ISSUE 43 CONTENTS.

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

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

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

The Complete Guide to Captioned Videos

Is Your Web Site Really Accessible?
By Nicolò Carpignoli.
“Why accessibility matters and how you can check and eventually fix it
on your website…”
View at Medium.com

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

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

Accessibility Events

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

Top 5 Questions Asked in Accessibility Trainings
By Carie Fisher.
“…Below are the top five questions that I hear most often and some
context/resources to learn a bit more about each…”

Top 5 Questions Asked in Accessibility Trainings

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

2019 CSUNATC Digital Accessibility Legal Update
By Lainey Feingold.
“…This is a post about laws and cases about the rights of disabled
people to be part of the digital world. Every year Lainey Feingold
does a talk at the CSUN conference about what’s new in the legal
world. This post described what Lainey talked about…”

2019 CSUNATC Digital Accessibility Legal Update

+02: CASCADING STYLE SHEETS.

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

+03: COLOR.

Why Cancel Buttons Should Never Have a Color
By Anthony Tseng.
“A Cancel button is not a call to action because no changes to the
system occur after it’s pressed. Therefore, you should never emphasize
it with color, otherwise you’ll give users that impression. Instead,
they should get the impression that no changes occur and that the
button is their escape commitment…”

Why Cancel Buttons Should Never Have a Color

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

+04: EVALUATION & TESTING.

Think Like an Accessible UX Researcher Part 3, Five Common Mistakes in
Usability Testing and How to Avoid Them
By David Sloan.
“This is the third in a series of posts reviewing the advice in Think
like a UX Researcher, by David Travis and Philip Hodgson, from the
perspective of involving people with disabilities in UX research (see
Part 1 and Part 2). In this post, we’ll look at their advice on
usability testing and the ways that you can avoid making common
mistakes when running evaluations with people with disabilities…”

Think like an accessible UX researcher part 3: five common mistakes in usability testing and how to avoid them

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

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

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

W3C Invites Implementations of Accessibility Conformance Testing (ACT)
Rules Format 1.0
By W3C.
“The Accessibility Guidelines Working Group has published a Candidate
Recommendation of Accessibility Conformance Testing (ACT) Rules Format
1.0…”

W3C Invites Implementations of Accessibility Conformance Testing (ACT) Rules Format 1.0

+05: EVENTS.

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

Webinar: Evaluating Organizational Readiness for Accessibility

Talking Design with Adrian Roselli
April 23, 2019.
Toronto, Canada

Talking Design with Adrian Roselli

Tuesday, Apr 23, 2019, 6:00 PM

TELUS Digital
25 York Street Toronto, on

87 #a11yTO members Went

#a11yTO is happy to have Adrian Roselli back with a brand new talk! Designers can have an outsized impact on the accessibility of a project, being the ones who produce the visuals that are often critical for understanding and sign-off. Adrian will talk about the ways designers contribute to the overall accessibility of a site or application. We’ll …

Check out this Meetup →

Global Accessibility Awareness Day: Live Demos and Education
May 16, 2019.
Minneapolis, Minnesota, U.S.A.

Global Accessibility Awareness Day: Live Demos and Education

Thursday, May 16, 2019, 5:00 PM

Industrious Minneapolis North Loop
Minneapolis, MN

29 Access Professionals Attending

Sponsored by the Accessibility Team at WeCo, digital professionals who also live with disabilities! Join this fourth annual free, city-wide event to help educate and inform about digital accessibility. Live Device Demonstrations: Accessibility is about more than just screen readers. It impacts users with low vision, mobility, hearing and cognitive …

Check out this Meetup →

Online at:
https://zoom.us/j/495261745

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

Moving Mobile to 2.1
July 29, 2019.
Minneapolis, Minnesota, U.S.A.

Moving Mobile to 2.1

Monday, Jul 29, 2019, 5:30 PM

Industrious Minneapolis North Loop
Minneapolis, MN

15 Access Professionals Attending

As more organizations begin to adopt WCAG 2.1 to their website and software, we all know that mobile platforms aren’t far behind. This MeetUp will discuss how 2.1 applies to mobile formats. We will also answer questions and share ideas on how ATC members are making this happen. A great follow up to our May MeetUp, WCAG 2.1 Primer, this is another g…

Check out this Meetup →

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

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

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

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

+06: HTML.

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

+07: JAVASCRIPT.

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

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

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

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

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

+08: MISCELLANEOUS.

Nothing Fails Like Success
By Jeffrey Zeldman.
“Money and tech have a complicated relationship. We trained our users
to expect things for free. Quickly we realized that wasn’t a
sustainable business model, so we sold their data and served ads,
which invites its own problems. Now, we’re trying to undo this tangled
web. How do we get back to a democratized web?”

Nothing Fails Like Success

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

A Website is a Car and Not a Book
By Robin Rendle.
“…You have to understand that you’re looking at an immensely
complicated system of moving parts…”

A Website is a Car and Not a Book

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

+09: NAVIGATION.

Body Copy Link Styling - the Right Way
By Kevin R. Kirby.
“…Conclusion: Keep the underline in body copy text or stop putting
links inside of the body copy….”

Body copy link styling — the right way

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

+10: TOOLS.

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

Reading Order Bookmarklet
By Adrian Roselli.
“When a keyboard-only user or screen reader user comes to page that
uses CSS to create a layout, there is a chance that what is on the
screen does not match the flow of the page…”

Reading Order Bookmarklet

axe for Android
By Deque.
Accessibility analysis tool available for the Android platform.

axe for Android

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

+11: TYPOGRAPHY.

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

+12: USABILITY.

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

Interactions and Complexity
By Gerry McGovern.
“…The Web is not print. It’s a much more complex, networked
environment. Those who are investing in complexity, while also
investing in simplifying interactions with such complex systems, are
reaping the bountiful rewards.”

Interactions and complexity

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

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

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

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

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s