+++ WEB DESIGN UPDATE. – Volume 17, Issue 46, May 7, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 46, May 7, 2019.

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

++ISSUE 46 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: TYPOGRAPHY.
10: USABILITY.
11: XML.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

How do You Test Success Criterion 1.3.5 on Mobile Applications?
By Chrissie Henning.
“Here at TPG we have been asking this question and been working hard
to fully understand this Success Criterion and provide a feasible
solution…”
https://developer.paciellogroup.com/blog/2019/05/how-do-you-test-success-criterion-1-3-5-on-mobile-applications/

Fix 85% of your Web Accessibility Issues in 5 Easy Steps
By Alvaro Montoro.
“…Correcting these five issue types would fix most of the
Accessibility problems detected…”
https://codepen.io/alvaromontoro/post/fix-85-of-your-web-accessibility-issues-in-5-easy-steps

Happy Birthday WCAG – Now You are Twenty!
By Lainey Feingold.
“On May 5, 1999 the World Wide Web Consortium (W3C) issued a press
release announcing the publication of the Web Content Accessibility
Guidelines (WCAG) 1.0…”

Happy Birthday WCAG — Now You are Twenty!

How Privilege Defines Performance :: #PerfMatters Conference 2019 (Video)
By Tatiana Mac.
“In theory, performance, accessibility, and inclusive design all have
similar goals: Provide the best, most consistent experience to all
people using the minimal amount of resources. In practice, this often
falls apart…we’ll examine how to build conscientiously, looking within
to resist systematic problems in order to create more truly
performant, accessible, and inclusive systems for our users…”

Levy County To Adapt Documents For Visually Impaired Individuals
By Rachel Spencer.
“…At an April meeting, the county decided to move forward with the bid
process for selecting an individual or firm to remediate county
documents to comply with ADA standards. Levy County procurement
coordinator Alicia Tretheway said she estimates the county will pay
more than $37,000 to ensure the county’s 13,177 PDF documents meet ADA
standards…”
https://www.wuft.org/news/2019/04/26/levy-county-to-adapt-documents-for-visually-impaired-individuals/

+02: CASCADING STYLE SHEETS.

Making Things Better: Redefining the Technical Possibilities of CSS
By Rachel Andrew.
Rachel’s presentation material from Boston and An Event Apart.
https://noti.st/rachelandrew/aSEj0y/making-things-better-redefining-the-technical-possibilities-of-css

Digging Into The Display Property: Box Generation
By Rachel Andrew.
“Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at the values which control box generation, for
those times when you don’t want to generate a box at all.”
https://www.smashingmagazine.com/2019/05/display-box-generation/

Create a Responsive Grid Layout with No Media Queries, Using CSS Grid
By Andy Bell.
“Embracing the flexible nature of the web gives us powerful, resilient
front-ends, where instead of using specific sizes, we give elements
sensible boundaries and let them auto-fill where possible…”
https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/

+03: COLOR.

Use Color Accessibility Tools to Improve Your Website Design
By Carrie Cousins.
“Did you know that more than 4 percent of the population is color blind…”
https://designmodo.com/color-accessibility/

+04: EVALUATION & TESTING.

The Science of Silence: Intentional Silence as a Moderation Technique
By Kate Kaplan.
“Keeping quiet is a powerful moderation technique for user interviews,
usability testing, and workshop facilitation. Well-timed, deliberate
periods of silence elicit thoughtful, accurate responses and insights,
and build trust with participants.”
https://www.nngroup.com/articles/intentional-silence-ux/

Where Big Data Can’t Go: The Indispensability of Qualitative Research
in the Evolving Landscape of Measuring Behavior
By Martin Pacino.
“…There is no endeavor to understand and predict market conditions,
consumer behavior, employee engagement, advertising effectiveness and
any of the other building blocks of business success that will ever
fully realize its objectives without qualitative research…”

Where Big Data Can’t Go: The Indispensability of Qualitative Research in the Evolving Landscape of Measuring Behavior

+05: EVENTS.

Mobile Assistive Technology and Testing Techniques
May 14, 2019.
Online
https://zoom.us/webinar/register/4415566340161/WN_EZHzHqTXTAKrtRdfuQVuDA

U / X / D: Intersections and Overlaps of Users, Experience, and Design
May 15-16, 2019.
Minneapolis, Minnesota, U.S.A.
https://uxpamn.org/event-3365556

Overcoming the Potential Obstacles of Manual Testing with a Screen Reader
May 21, 2019.
Online
https://zoom.us/webinar/register/8015566338866/WN_kn8bdCE_TU6JCDkE3l8TuA

Winning at Scale – Accessibility in Design Systems & Ops
May 28, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_Mne4olZ2ToKr716Zyi_MaA

Gray-Box Mobile Accessibility Testing
June 5, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_IxFdaJQySYe4HSh2cBKmKg

WCAG 2.1 and Mobile Accessibility
June 25, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_BCJPCGvQTMuSzv6P9C1Kyg

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

Open Source Software Conference (OSCON)
July 15-18, 2019.
Portland, Oregon, U.S.A.
https://conferences.oreilly.com/oscon/oscon-or

+06: HTML.

Why, How, and When to Use Semantic HTML and ARIA
By Adam Silver.
“…Let’s look over the benefits of using HTML and ARIA, why starting
with semantic HTML is the way to go, and why ARIA ought to come in as
a last resort…”

Why, How, and When to Use Semantic HTML and ARIA

Uniquely Labeling Fields in a Table
By Adrian Roselli.
“…if you are creating tables correctly, there isn’t much extra work
you need to do. Your column and row headers, paired with some ARIA,
can do the job for you. I made a demo to show it in action…”
http://adrianroselli.com/2019/05/uniquely-labeling-fields-in-a-table.html

+07: JAVASCRIPT.

How I Failed the
By Remy Sharp.
“A real bug bear of mine is when JavaScript gets in the way of
browsing a page on the web. Simple, but common things like time to
interactive being delayed for no good reason, or, in this case, links
that don’t work like links…”
https://remysharp.com/2019/04/04/how-i-failed-the-a

Frameworking
By Jeremy Keith.
“…If you’re weighing up the pros and cons of using, say, a particular
JavaScript library or framework, that’s wonderful. My worry is that
there are people working in front-end development who aren’t putting
that level of thought into their technology choices, but are instead
using a particular framework because it’s what they’re used to.”
https://adactio.com/journal/15111

+08: MISCELLANEOUS.

AMP as Your Web Framework – The AMP Blog
By Jeremy Keith.
“The bait’n’switch is laid bare…”
https://adactio.com/links/15107

A Conspiracy To Kill IE6
By Chris Zacharias.
“The bittersweet consequence of YouTube’s incredible growth is that so
many stories will be lost underneath all of the layers of new paint.
This is why I wanted to tell the story of how, ten years ago, a small
team of web developers conspired to kill IE6 from inside YouTube and
got away with it…”
http://blog.chriszacharias.com/a-conspiracy-to-kill-ie6

Do-It-Yourself Wearable Captioning with Google’s Live Transcribe – Try
This at Home
By David Berman.
“When Google worked with Dimitri Kanevsky to create their Live
Transcribe app, they surely envisioned that people with accessibility
needs would benefit. Even so, they probably didn’t envision fast food
servers wearing tablets.”

Do-It-Yourself Wearable Captioning with Google’s Live Transcribe – Try This at Home!

+09: TYPOGRAPHY.

Type in the Digital Era is a Mess
By Marcin Wichary.
“…The history of web design can be seen as a set of tensions between
designers wanting things to be positioned with utmost precision, and
the web pushing back on some of that control…”
https://www.fastcompany.com/90340882/type-in-the-digital-era-is-a-mess

+10: USABILITY.

Touch Targets on Touchscreens
By Aurora Harley.
“Interactive elements must be at least 1cm × 1cm (0.4in × 0.4in) to
support adequate selection time and prevent fat-finger errors.”
https://www.nngroup.com/articles/touch-target-size/

Userfocus User Experience Consultants
By David Travis.
Consistency is at the heart of good product design. But consistency is
often misinterpreted as making things look or behave the same way.
This ignores context and can lead to a .foolish consistency”. Instead
of consistency, designers should adhere to ‘the Principle of Least
Surprise’…”
https://www.userfocus.co.uk/articles/the-principle-of-least-surprise.html

The Elements of Content Strategy
By Erin Kissane.
“Content strategy is essential. But where did it come from? Why does
it matter? And what does it mean for you? This brief guide explores
content strategy’s roots, and quickly and expertly demonstrates not
only how it’s done, but how you can do it well…”
http://elements-of-content-strategy.abookapart.com/

A Design Language for Touch, Gesture, and Motion
By Steven Hoober.
“…To make sure a product gets built right, you need to write
everything down and draw it out. You need to create design
specifications…”
https://www.uxmatters.com/mt/archives/2019/05/a-design-language-for-touch-gesture-and-motion.php

How Today’s UX Designs May Be Perceived in the Future (Video)
By Jakob Nielsen.
“Jakob Nielsen answers the question of how people in the future will
judge the quality of today’s user experience.”
https://www.nngroup.com/videos/todays-ux-designs-perceived-future/

Recognition vs. Recall in User Interfaces (Video)
By Maria Rosala.
“Design user interfaces to facilitate memory recognition which is
easier than recall because there are more cues available to facilitate
the retrieval of information from memory. (‘Recognition rather than
recall’ is #6 on the list of top 10 user interface heuristics.”
https://www.nngroup.com/articles/permission-requests/

+11: XML.

SVG Will Save Us :: #PerfMatters Conference 2019 (Video)
By Sarah Drasner.
“SVGs are one of the most underutilized technologies on the web. They
can be the most performant, flexible, and accessible image formats. In
this session, Sarah will cover a few practical things like styling SVG
icons like typography, and then dive into the creative wilds of this
graphic format built with math…”

[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 45, May 2, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 45, May 2, 2019.

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

++ISSUE 45 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: EVALUATION & TESTING.
03: EVENTS.
04: HTML.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Maps for All
By Minnesota IT Services.
“Maps are a great way of sharing complex information, but resources to
make these maps accessible were not always easy to find. Until now.”
https://mn.gov/mnit/media/blog/?id=38-382609

Audio Description Using the Web Speech API
By Terrill Thompson.
“…Able Player performs a quick check to see if the user’s browser
supports it. If it doesn’t, it falls back to the old way of doing
things using ARIA live regions. But if it does, the browser reads the
description text in a pre-defined synthesized voice, keeping the
screen reader free to do other things…”

Audio Description using the Web Speech API

Revisiting prefers-reduced-motion, The Reduced Motion Media Query
By Eric Bailey.
Eric revisits prefers-reduced-motion focusing less about the how and
more about the why.
https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/

Updated: PDF Accessibility
By WebAIM.
“Our Acrobat PDF accessibility article has been updated and greatly expanded.”
https://webaim.org/techniques/acrobat/

Six Ways to Make your Site More Accessible
By Hidde de Vries.
“A presentation at WordCamp Rotterdam in April 2019…”
https://talks.hiddedevries.nl/lMxtx5/six-ways-to-make-your-site-more-accessible

This Open Source Software Could Make Museum Websites More Accessible
By Claire Voon.
“Earlier this year, dozens of New York City art galleries were hit
with lawsuits filed separately by two legally blind plaintiffs…”
https://www.artsy.net/article/artsy-editorial-open-source-software-museum-websites-accessible

The Role of Design in Accessibility
By Adrian Roselli.
Adrian’s Slides from his a11yTO Meet-up presentation.
http://adrianroselli.com/2019/04/slides-the-role-of-design-in-accessibility-a11yto-meet-up.html

New Developments in Ongoing Website Accessibility Litigation
By Elizabeth J. Rho-Ng, Cathie L. Fields, Sharon J. Ormond.
“A federal district court in Massachusetts recently ruled against
Harvard University in an ongoing lawsuit filed on behalf of disabled
individuals challenging the accessibility of online video content on
the university’s websites…”
https://www.aalrr.com/EdLawConnectBlog/new-developments-in-ongoing-website-accessibility-litigation

+02: EVALUATION & TESTING.

Usability Testing with Minors: 16 Tips
By Alita Joyce.
To guarantee an effective study with users under 18-years old, recruit
extra participants, design a child-friendly lab, prepare a plethora of
age-appropriate tasks, and avoid being too authoritative.”
https://www.nngroup.com/articles/usability-testing-minors/

Embedding Accessibility into the DevOps Process
By Dylan Barrell.
“…focus on continually shifting accessibility testing ‘further left’
earlier in the development cycle to enhance quality while maintaining
velocity. The sooner you detect and fix accessibility issues, the less
likely these are to become more deeply baked into the software, making
them more difficult and time-consuming to undo…”

Embedding Accessibility into the DevOps Process

+03: EVENTS.

Minnesota Digital Accessibility Law Celebration
May 7, 2019.
Saint Paul, Minnesota, U.S.A.
https://content.govdelivery.com/accounts/MNIT/bulletins/2411727

Accessibility of Course Materials & Your University
May 9, 2019.
Online
http://aem.cast.org/about/events/2019/05/quality-indicators-for-higher-ed.html

Accessibility and Social Media
May 9, 2019.
Online
https://go.3playmedia.com/wbn-05-09-2019-social

Accessible Documents and You!
May 9, 2019.
Online
https://iod.unh.edu/event/accessible-documents-and-you

Web4All Hackathon 2019
May 15-16, 2019.
San Francisco, California, U.S.A.
https://docs.google.com/forms/d/e/1FAIpQLSfn4f-qdLHD4UQ0QeeJpHKul1KIcjGeamVyfSWSpBEqT8uR8g/viewform

Celebrate Global Accessibility Awareness Day @ Illinois
May 16, 2019.
Champaign, Illinois, U.S.A.
https://www.disability.illinois.edu/academic-support/accessible-it-group/gaad2019

Global Accessibility Awareness Day 2019
May 16, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/en-AU/a11ychi/events/261052295/

Best Practices for Accessible Social Media
May 21, 2019.
Online
http://www.cast.org/whats-new/events/2019/05/best-practices-social-media-accessibility.html

Partnership for Progress on the Digital Divide
May 22-24, 2019.
Washington, D.C, U.S.A.
http://www.ppdd.org/conferences/ppdd2019/

Boston UX Conference
July 15-19, 2019.
Boston, Massachusetts, U.S.A.
https://www.nngroup.com/training/boston/

+04: HTML.

Details / Summary Are Not [insert control here]
By Adrian Roselli.
“…we need to be careful of christening this new-to-us interaction as
the solution to all our coding struggles…”
http://adrianroselli.com/2019/04/details-summary-are-not-insert-control-here.html

Short Note on fieldset and legend Semantics
By Steve Faulkner.
“…Using a without a, non-empty, child is the same
as using a

for screen reader users i.e. it’s ignored…”
https://codepen.io/stevef/post/fielsdet-and-legend-semantics

Demo: Uniquely Labeling Fields in Table
By Adrian Roselli.
“Use row headers as they aid wayfinding for screen reader users and
contributes to the accessible name for each field…”

A History of the HTML Slot Element
By Jan Miksovsky.
“To me, the story behind the standard HTML element illustrates
the complexity of producing standards, the importance of talking with
people face-to-face, and the value of compromise…”
https://component.kitchen/blog/posts/a-history-of-the-html-slot-element

+05: JAVASCRIPT.

How to Clone an Array in JavaScript
By Yazeed Bzadough.
“JavaScript has many ways to do anything. I’ve written on 10 Ways to
Write pipe/compose in JavaScript, and now we’re doing arrays…”
https://medium.freecodecamp.org/how-to-clone-an-array-in-javascript-1d3183468f6a

Why I’ve Stopped Exporting Defaults From My JavaScript Modules
By Nicholas Zakas.
“After years of fighting with default exports, I’ve changed my ways.…”
https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/

ARIA Annotations
By W3C. Editors: Michael Cooper, Aaron Leventhal, and Benjamin Young.
“ARIA Annotations provides markup for accessible, in-page annotations.
This specification describes the mechanism for signaling that content
has been annotated, for what purpose, and where to find the related
additional content…”
https://w3c.github.io/annotation-aria/

WAI-ARIA 1.1 Cheat Sheet
By Raghavendra Satish Peri.
“…ARIA attributes communicate the role, state & property symantics to
assistive technologies via the accessibility API s implemented in
browsers…”
https://www.digitala11y.com/wai-aria-1-1-cheat-sheet/

Top 7 ARIA Tips for Developers
By Rakesh Paladugula.
“Accessible Rich Internet Applications, widely known as WAI ARIA or
just ARIA is a W3C specification to build accessible next generation
web technologies…”
http://www.maxability.co.in/2019/05/top-7-aria-tips-for-developers/

+06: MISCELLANEOUS.

AXSChat with John Rochford (Video)
By Neil Milliken, Debra Ruh, and Antonio Santos.
“John Rochford is a Program Director and Faculty Member at the Eunice
Kennedy Shriver Center of the University of Massachusetts Medical
School…”

CC Search is Out of Beta with 300M Images and Easier Attribution
By Jane Park.
“Today CC Search comes out of beta, with over 300 million images
indexed from multiple collections, a major redesign, and faster, more
relevant search. It’s the result of a huge amount of work from the
engineering team at Creative Commons and our community of volunteer
developers…””

Creative Commons launches its search engine out of beta, with over 300M images indexed

+07: NAVIGATION.

Enriching Search Results Through Structured Data
By Google.
“For many years we have been recommending the use of structured data
on websites to enable a richer search experience. When you add markup
to your content, you help search engines understand the different
components of a page…”
https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html

+08: USABILITY.

3 Design Considerations for Effective Mobile-App Permission Requests
By Maria Rosala.
“Mobile permission requests are often poorly designed. Consider the
content and timing of these requests, avoid dark patterns, and enable
users to reverse their decision.”
https://www.nngroup.com/articles/permission-requests/

10 Heuristic Principles for Mobile Interfaces
By Jordan DeVos.
“…Below is a curated collection of ten principles that are inspired by
human-centered design and usability thought leaders…”
https://uxdesign.cc/heuristic-principles-for-mobile-interfaces-c226fbaa1d16

Too Much UX Success (Video)
By Jakob Nielsen.
“What to do when a UX team becomes too popular and too many projects
want UX help with their designs, overwhelming the available capacity
to do good work.”
https://www.nngroup.com/videos/too-much-ux-success/

6 Rules for Persuasive Storytelling
By Rachel Krause.
“Stories build empathy and make the user needs and pain points
memorable to your team. Effective stories speak the language of the
audience, are rooted in data, and take advantage of compelling
artifacts.”
https://www.nngroup.com/articles/persuasive-storytelling/

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

Leave a comment

+++ WEB DESIGN UPDATE. – Volume 17, Issue 44, April 25, 2019.

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 44, April 25, 2019.

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

++ISSUE 44 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: INFORMATION ARCHITECTURE.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: STANDARDS, GUIDELINES & PATTERNS.
10: NAVIGATION.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A Technical and Cultural Assessment of the Mueller Report PDF
By Duff Johnson.
“…In addition to not being searchable, the file contains no text, is
not tagged, and is therefore not accessible to disabled users. The US
Department of Justice has a clear policy of ensuring that public
documents comply with Section 508 regulations, and are therefore
accessible to users with disabilities. The Mueller Report PDF does not
conform with these regulations…”

A Technical and Cultural Assessment of the Mueller Report PDF

DoJ Reposts the Mueller Report
By Duff Johnson.
“As reported within hours by Quartz, four days after its initial
release and fanfare-free, the US Department of Justice re-posted the
Mueller Report PDF with a few improvements. They also added a few
problems…”

DoJ reposts the Mueller Report

Move Ya! Or Maybe, Don’t, if the User prefers-reduced-motion!
By Thomas Steiner.
“…Respecting user preferences is key for modern websites, and browsers
expose more and more features to enable web developers to do so. The
CSS Working Group are currently standardizing more user preference
media queries…”
https://developers.google.com/web/updates/2019/03/prefers-reduced-motion

Unintentionally Tabling Table Semantics
By Scott O’Hara.
“I feel like I have a knack for finding bugs and uncovering oddities
in how HTML and/or ARIA is exposed to browsers’ accessibility trees…”
https://www.scottohara.me/blog/2019/04/19/tabled-tables.html

Accessibility in Agile Transformational Practices
By Dylan Barrell.
“By implementing these accessibility practices into your agile
processes, agile teams can sustainably defeat the accessibility hydra
dragon.”

Accessibility in Agile Transformational Practices

Automatic Captions: Are They Helping or Hindering Students?
By Jaclyn Leduc.
“…Inaccurate captions negatively affect the perceived quality of video
content, but more importantly, they don’t adequately communicate the
message of the video to those who rely on captions to engage with
video content…”
https://www.3playmedia.com/2019/04/23/automatic-captions-helping-hindering-students/

Artificial Intelligence Is Good, but Is It Good Enough for Captions?
By Elisa Edelberg.
“…when it comes to purely automated captioning solutions, there are no
solutions on the horizon that will address all of the challenges posed
by the captioning task. Technology just doesn’t have the same
capability that humans do…”
https://www.3playmedia.com/2019/04/24/artificial-intelligence-is-good-but-is-it-good-enough-for-captions/

Video Captions: Sometimes You Only Need to Ask
By Deborah Edwards-Onoro.
“…I’ve learned that sharing the poor video autocaptions is a powerful
way to encourage video producers to caption their videos…”

Asking Video Producers to Add Captions

How To Caption Your Instagram Stories To Make Them More Accessible
(Hat tip to Meryl Evans)
By Mika Doyle.
“If you follow Alexandria Ocasio-Cortez on social media, you might be
wondering how AOC captions her Instagram stories…”
https://www.bustle.com/p/how-to-caption-your-instagram-stories-to-make-them-more-accessible-17047616

What’s New in Accessibility in 2019
By Jonathan Hassell.
“This is the final part of my review of what is happening across the
Digital Accessibility Ecosystem in 2019…”

What’s new in Accessibility in 2019 – standards, authoring tools, frameworks and design thinking

The Coming Web Crack-Up
By Peter Slatin.
“…more appropriate words are deprivation and discrimination when
recognizing this for what it is: denial of service…”
https://www.forbes.com/sites/peterslatin/2019/04/21/the-coming-web-crack-up/

+02: CASCADING STYLE SHEETS.

Input with label hidden using display:none or even visibility:hidden
By Steve Faulkner.
“Sometimes developers hide label elements using display:none or even
visibility:hidden in an attempt to provide the label text to
screenreader users, while not displaying it visually. Unfortunately
when hidden using these particular CSS properties the for/id
programmatic association is broken…”
https://s.codepen.io/stevef/debug/LvgBmv

Inclusively Hidden
By Scott O’Hara.
“There are various ways to hide content in web interfaces, but are you
aware of the different effects they have on the accessibility of that
content?…”
https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html

That Time I Tried Browsing the Web Without CSS
By Jon Kantner.
“…A WebAIM survey from 2018 reported that 12.5% of users who rely on
any sort of assisted technology browse the web with custom
stylesheets, which can include doing away with every CSS declaration
across a site. And, if we’re talking about slow internet connections,
ditching CSS could be one way to consume content faster. There’s also
the chance that CSS is disabled for reasons outside our immediate
control, like when a server has hiccups of fails to load assets. As an
experiment, I used five websites and a web app without CSS, and this
post will cover my experiences…”

That Time I Tried Browsing the Web Without CSS

CSS Subgrid News and Demos
By Rachel Andrew.
“A couple of weeks ago I spoke at Frontend NE in Newcastle, a big part
of my talk was explaining what the CSS Grid Subgrid feature from Grid
Level 2 would contain…”

CSS Subgrid News and demos

+03: EVALUATION & TESTING.

Why You Should Measure UX Attitudes
By Jeff Sauro.
“…If you want to understand and predict user behavior, you need to
understand attitudes. But what is an attitude?…”
https://measuringu.com/ux-attitudes/

+04: EVENTS.

Mobile Office Hours: Accessible Carousels
April 29, 2019.
Online
https://accessibility.deque.com/mobile-office-hours-accessible-carousels

ADA and the Internet
May 16, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_niw0Aq9dRCCkcxGvEK-Ufw

Keynote by Bruce Lawson on How To Make Loveliness: an HTML Treasure Hunt
June 24, 2019.
London, England, United Kingdom
https://skillsmatter.com/meetups/11798-diversity-matters

CoderCruise
August 17-22, 2019.
Jacksonville, Florida, U.S.A.
https://www.codercruise.com/

National Association of Government Web (NAGW) Conference
September 18-20, 2019.
Salt Lake City, Utah, U.S.A.
https://nagw.org/content.php?page=conference

Big Design
September 19-21, 2019.
Dallas, Texas, U.S.A.

Homepage

The Fact & Fiction of Document Accessibility
September 30, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/258338022/

+05: INFORMATION ARCHITECTURE.

Everyday Information Architecture: Auditing for Structure
By Lisa Maria Martin.
“We’re pleased to share an excerpt from Chapter 4 of Lisa Maria
Martin’s Everyday Information Architecture, from A Book Apart…”

Everyday Information Architecture: Auditing for Structure

+06: JAVASCRIPT.

12 Tips for More Accessible React Apps (Slides, React Finland 2019)
By Manuel Matuzovic.
“If you want to improve the accessibility of your React apps but you
don’t know how or where to start, this talk is just what you need…”
https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/

+07: MISCELLANEOUS.

Would Life be Happier Without Google? I Spent a Week Finding Out
By Tim Dowling.
“People had to get by without the search engine giant before it was
launched in 1998. But is it possible to live your life – and do your
job – without it these days…”
https://www.theguardian.com/technology/2019/apr/17/would-life-be-happier-without-google-i-spent-a-week-finding-out

Front-End Developer Handbook 2019
By Cody Lindley.
“This is a guide that anyone could use to learn about the practice of
front-end development. It broadly outlines and discusses the practice
of front-end engineering: how to learn it and what tools are used when
practicing it in 2018…”
https://frontendmasters.com/books/front-end-handbook/2019/

Inclusive: What is It?
By Jess Mitchell.
“…Inclusive isn’t easy. It’s often not comfy. And we know that we
avoid uncomfy…”
View at Medium.com

Accessibility with Heydon Pickering (Podcast)
By Dave Rupert and Chris Coyier.
“We’re chatting with Heydon Pickering about accessibility, using
pre-built solutions past their best before date, everyone’s varying
degrees of proficiency, and whether accessibility is becoming second
nature to more people…”

Episodes

+08: NAVIGATION.

Enriching Search Results Through Structured Data
By Google.
“For many years we have been recommending the use of structured data
on websites to enable a richer search experience. When you add markup
to your content, you help search engines understand the different
components of a page…”
https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html

+09: STANDARDS, GUIDELINES & PATTERNS.

Introducing USWDS 2.0
By Dan O. Williams and Maya Benari.
“Today, we’re launching U.S. Web Design System 2.0 (USWDS 2.0), a new
foundation for the future of our design system…”
https://v2.designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/

+10: USABILITY.

Icons: Avoid Temptation and Start with User Needs
By Ben Cullimore.
“Icons can be a useful way to represent ideas simply. Ben Cullimore,
Interaction Designer in the team which redesigned the NHS website,
explains how they decided on the most effective icons to use…”
https://digital.nhs.uk/blog/transformation-blog/2019/icons-avoid-temptation-and-start-with-user-needs

Designing Button Focus States for Better Usability
By Elizabeth Schafer.
“…buttons have more than one state. The default state we just created
looks good so far, but we need to make sure that it also looks
noticeably different when it’s focused. Many people exclusively use
keyboards to navigate, and rely on the focus state to know where they
are on the page…”
https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2

Customer-Focused Content: Creating Content People Want and Need
By Jennifer Leigh Brown.
“…In this article, learn what customer-centric content is and how it
leads to better outcomes for brands, businesses, and creative teams…”

Customer-focused Content: Creating Content People Want and Need

UX Responsibilities in Scrum Ceremonies
By Anna Kaley.
“As part of an Agile team, UX professionals should participate in all
Scrum ceremonies in order to maintain open communication, influence
product success, and productively contribute to the team.”
https://www.nngroup.com/articles/ux-scrum/

Sympathy vs. Empathy in UX
By Sarah Gibbons.
“The majority of UX professionals practice sympathy instead of empathy
for their users.”
https://www.nngroup.com/articles/sympathy-vs-empathy-ux/

3 Myths About Teens and Tech (Video)
By Alita Joyce.
“Debunked myths about how teenagers use computers and technology,
based on our usability research with users aged 13-17 years.”
https://www.nngroup.com/videos/myths-teens-tech/

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

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…”
https://developer.paciellogroup.com/blog/2019/04/think-like-an-accessible-ux-researcher-part-3/

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

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

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

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

+05: EVENTS.

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

Webinar: Evaluating Organizational Readiness for Accessibility

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

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

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

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

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

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

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

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

+06: HTML.

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

+07: JAVASCRIPT.

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

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

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

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

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

+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…”
https://vimeo.com/316326187

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

A Website is a Car and Not a Book

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

+09: NAVIGATION.

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

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

+10: TOOLS.

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

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

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

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

+11: TYPOGRAPHY.

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

+12: USABILITY.

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

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

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

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

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

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

++ISSUE 42 CONTENTS.

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

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

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective

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

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

Accessibility Lessons: Dealing with a Large Amount of Form Inputs
By Andy Sellick.
“…Finding one checkbox among hundreds isn’t a problem only for people
using a screen reader-it can be difficult for all of us…Although the
autocomplete looked like the better option, in the end a small change
to our original component suited our needs better…Although we’d spent
a lot of time integrating the autocomplete into our finders, it wasn’t
the best solution to our problem…”

Accessibility lessons: dealing with a large amount of form inputs

How You Can Allow Other People to Add Captions to Your YouTube Videos
By Deborah Edwards-Onoro.
“…Community contributions help you reach a wider audience through
captions and translations, without the cost of third-party captioning
services…”

How to Allow Other People to Add Captions to Your YouTube Videos

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

Making the Web More Accessible Using Machine Learning
By Laura Johnson.
“…Artificial intelligence and the advancements that machine learning
affords have massive potential in the accessibility arena. Of course,
there’s still a lot of research to be done, but the possibilities have
a great deal of potential and need to be explored…”
View at Medium.com

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

Takeaways from 2019 Digital Accessibility Trends with Tim Springer,
Founder of Level Access
By Deborah Edwards-Onoro.
“…Here are my notes from his talk…”

Takeaways from 2019 Digital Accessibility Trends with Tim Springer, Founder of Level Access

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

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

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

Four-Year Court Battle Between Deaf Advocates and Harvard Over Closed
Captioning of Videos Proceeds to Discovery With Some Limitations
By Kristina M. Launey & Minh N. Vu.
“Four years and two motions to dismiss based on the pleadings later,
the National Association of the Deaf’s (NAD) online video captioning
lawsuit against Harvard is moving forward to fact discovery…”

Four-Year Court Battle Between Deaf Advocates and Harvard Over Closed Captioning of Videos Proceeds to Discovery With Some Limitations

+02: CASCADING STYLE SHEETS.

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

State of the Web: CSS Standardization (Video)
By Rick Viscomi.
“In this episode of the State of the Web, Rick Viscomi and Jen Simmons
(CSS Working Group, Mozilla) discuss the process of CSS
standardization and the evolution of how developers style the web…”

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

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

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

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

+03: COLOR.

Color Accessibility: Tools and Resources to Help You Design Inclusive Products
By Stéphanie Walter.
“…all the resources, tips and tools I regularly use to build and check
the color accessibility of my products in one place. Enjoy…”

Color accessibility: tools and resources to help you design inclusive products

+04: DRUPAL.

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

+05: EVALUATION & TESTING.

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

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

+06: EVENTS.

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

Accessibility in Voice Experiences
April 18, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/en-AU/a11ychi/events/260326500/
Live stream:

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

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

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

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

TechAccessOK
June 6-7, 2019.
Oklahoma City, Oklahoma, U.S.A.

Home

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

+07: HTML.

Stop Using So Many divs! An Intro to Semantic HTML
By Ken Bellows.
“…

… works. I mean, mostly. It has the structure you need, and I’m
sure it’ll look the way you intend by the time you’re done styling it.
But it has some big problems…”
https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i

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

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

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

Enforcing Accessibility Best Practices with Automatically-Generated ids
By Brad Frost.
“…What this means is that it’s impossible for users of the design
system to omit an important attribute and accidentally create an
inaccessible experience. This technique works well for any component
that needs to create an association between two or more ids…”

Enforcing Accessibility Best Practices with Automatically-Generated IDs

+08: JAVASCRIPT.

Announcing the Deobfuscating JavaScript White Paper
By Netsparker Security Team.
“The topic of this white paper is an example of how to deobfuscate
JavaScript code as it’s often used in phishing pages…”

Announcing the Deobfuscating JavaScript White Paper

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

+09: MISCELLANEOUS.

The Girl on the Train
By Erynn Brook.
“I’m waiting on kitty ultrasound results and trying to distract myself
a little bit so I’d like to tell you a story about something that
happened last night, in the hopes that I can process my feelings
around it…”

The Girl on the Train

W3C Doesn’t Help Its Invited Experts. It Should.
By Tobie Langel.
“Software foundations have increasingly started helping non-corporate
backed contributors with travel expenses. W3C has been lagging way
behind. Until last year, ‘invited experts’ – W3C jargon for individual
contributors-even had to pay to attend the technical conference in
which they come work for free. It’s time for change…”
View at Medium.com

+10: NAVIGATION.

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

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

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

+11: TYPOGRAPHY.

Down the Font Legibility Rabbit Hole (Hat tip to Jim Allan)
By Peter Vermaercke.
“While working on a recent project I was struggling with optimizing
the readability of the content in the interface. The product is a
safety-critical interface used in aviation with lots of codes in small
sizes. Good readability is crucial to make sure the users can do their
job well and with as little fatigue as possible…”
View at Medium.com

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

+12: USABILITY.

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

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

Leave a comment

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

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

++ISSUE 41 CONTENTS.

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

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: JAVASCRIPT.
07: TOOLS.
08: TYPOGRAPHY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

Using WCAG 2.1 (PDF)
By Alastair Campbell.
Alastair’s @A11y_Leed presentation slides.

Click to access A11y-Leeds-WCAG21_2019-04-01.pdf

Article version:
https://www.nomensa.com/blog/2017/web-accessibility-guidelines-and-how-use-them

Best Chart Accessibility Practices
By Denis Kryukov.
“In this article, I will share with you the best chart accessibility
practices, and how you can practically create an effective
accessibility friendly charts.”

Chart accessibility best practices

The ‘Perilous Pitfalls’ of Accessibility Maturity
By Sheri Byrne-Haber.
“…This article is my take on the UX pitfalls identified in the HFI
article as applied to accessibility…”
View at Medium.com

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

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

+02: CASCADING STYLE SHEETS.

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

Breaking CSS Custom Properties Out of :root Might Be a Good Idea
By Kevin Powell.
“…In this article, we’ll be exploring: 1.) Why we put custom
properties on the :root to begin with. 2.) Why global scoping isn’t
right for everything. 3.) How to overcome class clashing with locally
scoped custom properties…”

Breaking CSS Custom Properties out of :root Might Be a Good Idea

+03: DRUPAL.

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

+04: EVALUATION & TESTING.

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

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

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

+05: EVENTS.

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

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

A11y- Basic Web Accessibility
May 8, 2019.
Online

A11y – Basic Web and Document Accessibility

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

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

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

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

+06: JAVASCRIPT.

Responsible JavaScript: Part I
By Jeremy Wagner.
“The web is drowning in a sea of JavaScript, awash with unnecessary
bloat, inaccessible cruft, and unsustainable patterns. Jeremy Wagner
plots a course to navigate the JavaScript Sea responsibly by building
the right things the right way and using the web platform the way it
was meant to be used.”

Responsible JavaScript: Part I

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

Yet Another JavaScript Framework

+07: TOOLS.

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

+08: TYPOGRAPHY.

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

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

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

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

++ISSUE 40 CONTENTS.

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

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

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

Inclusive Forms: Anatomy of a (fictional) GOV.UK Service (Video)
By Oliver Byford.
“Working on the GOV.UK Design System has given Ollie a lot of opportunities to learn how to build accessible, inclusive government services.”

Leveling the Playing Field: We’re all Differently Abled
By Michael L. Hardman, Clifford J. Drew, and M. Winston Egan.
“…When we build a web site, we have the ability to create an environment which can provide equivalent access to information and resources to everybody – or we can create an environment which takes that access away.”

Leveling the Playing Field: We’re all Differently Abled

Websites & Accessibility: Invest in Education
By Rian Rietveld.
“…The majority of people, even clients, will judge a website by its cover. And that’s fine. Things start changing when you get someone who’s blind to use a website…”

Websites & accessibility: invest in education.

Dear Screen Reader Useres, Since Web developers Can’t Automatically Detect If You’re Using A Screen Reader, Why Don’t You Just Hand That Data Over, The Apple Edition
By Amanda Rush.
“This is just as bad of an idea as Google’s ‘ask-for-alt-text’ feature…”

Dear Screen Reader Users, Since Web Developers Can’t Automatically Detect If You’re Using A Screen Reader, Why Don’t You Just Hand That Data Over, The Apple Edition

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

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

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

Why Using Wix and GoDaddy Increases Your Lawsuit Risk
By Sheri Byrne-Haber.
“…Businesses are NOT going to get accessible websites from either of Wix or Godaddy templates, and could end up in a lot of legal hot water if they are targeted by one of the drive-by lawsuit firms who are piling up those impressive lawsuit statistics…”
View at Medium.com

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

Domino’s To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process
By Minh N. Vu.
“…The request was filed by a newly-engaged Supreme Court specialist which further confirms our conclusion that a petition will be filed. Justice Kagan granted the request, and Domino’s Petition for Certiorari is due on June 14, 2019…”

Domino’s To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process

+02: CASCADING STYLE SHEETS.

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

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

Planning for Responsive Images
By Chris Nwamba.
“The first time I made an image responsive, it was as simple as coding these four lines…”

Planning for Responsive Images

+03: EVALUATION & TESTING.

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

Persona Spectrums: Building for Inclusion and Accessibility
By Sarah Dzida.
“Recently, I attended a pilot workshop about inclusion…”

Persona Spectrums: Building for Inclusion and Accessibility

+04: EVENTS.

Dark Adventures in Mobile Accessibility
April 3, 2019.
Online.

Don't forget to join us on Wednesday, April 3 at 11am EDT for #technica11y with @ShellELittle where she'll discuss… twitter.com/i/web/status/1…—
Tenon.io (@TenonAPI) March 25, 2019

XR Access
July 15-16, 2019.
New York, New York, U.S.A.

Home

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

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

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

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

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

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

+05: HTML.

All About mailto: Links
By Chris Coyier.
“You can make a garden variety anchor link () open up a new email. Let’s take a little journey into this feature. It’s pretty easy to use, but as with anything web, there are lots of things to consider…”

All About mailto: Links

Using

for Menus and Dialogs is an Interesting Idea
By Chris Coyier
“…there is an HTML element that also does toggles!

! For example, it’s definitely the quickest way to build an accordion UI…”

Using <details> for Menus and Dialogs is an Interesting Idea

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

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

+06: JAVASCRIPT.

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

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

+07: MISCELLANEOUS.

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

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

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

Developing Empathy: The Importance of Digital Accessibility Workshops
By Robert Carr.
“Imagine this: you’re given a Ziploc bag filled with pieces of coloured paper of different shapes and sizes and 15 minutes to build something. What can you create?…”
View at Medium.com

+08: NAVIGATION.

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

+09: TOOLS.

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

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

+10: TYPOGRAPHY.

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

Busting The Dyslexia Myth (Video)
By Alessia Nicotra and Bruno Maag.
“…doctor doctor I have dyslexia. I’m a typeface designer and I can cure dyslexia with a new design…”

+11: USABILITY.

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

+12: XML.

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

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

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

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

++ISSUE 40 CONTENTS.

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

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

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

Inclusive Forms: Anatomy of a (fictional) GOV.UK Service (Video)
By Oliver Byford.
“Working on the GOV.UK Design System has given Ollie a lot of opportunities to learn how to build accessible, inclusive government services.”

Leveling the Playing Field: We’re all Differently Abled
By Michael L. Hardman, Clifford J. Drew, and M. Winston Egan.
“…When we build a web site, we have the ability to create an environment which can provide equivalent access to information and resources to everybody – or we can create an environment which takes that access away.”

Leveling the Playing Field: We’re all Differently Abled

Websites & Accessibility: Invest in Education
By Rian Rietveld.
“…The majority of people, even clients, will judge a website by its cover. And that’s fine. Things start changing when you get someone who’s blind to use a website…”

Websites & accessibility: invest in education.

Dear Screen Reader Useres, Since Web developers Can’t Automatically Detect If You’re Using A Screen Reader, Why Don’t You Just Hand That Data Over, The Apple Edition
By Amanda Rush.
“This is just as bad of an idea as Google’s ‘ask-for-alt-text’ feature…”

Dear Screen Reader Users, Since Web Developers Can’t Automatically Detect If You’re Using A Screen Reader, Why Don’t You Just Hand That Data Over, The Apple Edition

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

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

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

Why Using Wix and GoDaddy Increases Your Lawsuit Risk
By Sheri Byrne-Haber.
“…Businesses are NOT going to get accessible websites from either of Wix or Godaddy templates, and could end up in a lot of legal hot water if they are targeted by one of the drive-by lawsuit firms who are piling up those impressive lawsuit statistics…”
View at Medium.com

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

Domino’s To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process
By Minh N. Vu.
“…The request was filed by a newly-engaged Supreme Court specialist which further confirms our conclusion that a petition will be filed. Justice Kagan granted the request, and Domino’s Petition for Certiorari is due on June 14, 2019…”

Domino’s To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process

+02: CASCADING STYLE SHEETS.

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

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

Planning for Responsive Images
By Chris Nwamba.
“The first time I made an image responsive, it was as simple as coding these four lines…”

Planning for Responsive Images

+03: EVALUATION & TESTING.

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

Persona Spectrums: Building for Inclusion and Accessibility
By Sarah Dzida.
“Recently, I attended a pilot workshop about inclusion…”

Persona Spectrums: Building for Inclusion and Accessibility

+04: EVENTS.

Dark Adventures in Mobile Accessibility
April 3, 2019.
Online.

Don't forget to join us on Wednesday, April 3 at 11am EDT for #technica11y with @ShellELittle where she'll discuss… twitter.com/i/web/status/1…—
Tenon.io (@TenonAPI) March 25, 2019

XR Access
July 15-16, 2019.
New York, New York, U.S.A.

Home

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

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

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

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

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

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

+05: HTML.

All About mailto: Links
By Chris Coyier.
“You can make a garden variety anchor link () open up a new email. Let’s take a little journey into this feature. It’s pretty easy to use, but as with anything web, there are lots of things to consider…”

All About mailto: Links

Using

for Menus and Dialogs is an Interesting Idea
By Chris Coyier
“…there is an HTML element that also does toggles!

! For example, it’s definitely the quickest way to build an accordion UI…”

Using <details> for Menus and Dialogs is an Interesting Idea

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

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

+06: JAVASCRIPT.

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

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

+07: MISCELLANEOUS.

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

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

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

Developing Empathy: The Importance of Digital Accessibility Workshops
By Robert Carr.
“Imagine this: you’re given a Ziploc bag filled with pieces of coloured paper of different shapes and sizes and 15 minutes to build something. What can you create?…”
View at Medium.com

+08: NAVIGATION.

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

+09: TOOLS.

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

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

+10: TYPOGRAPHY.

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

Busting The Dyslexia Myth (Video)
By Alessia Nicotra and Bruno Maag.
“…doctor doctor I have dyslexia. I’m a typeface designer and I can cure dyslexia with a new design…”

+11: USABILITY.

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

+12: XML.

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

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

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

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

++ISSUE 39 CONTENTS.

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

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

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Your Accessibility Toolbar Doesn’t Help
By Joe Dolson.
“Mr. Borghi is not certain whether adding this unidentified WordPress
plug-in made him fully compliant – but I can readily suggest an
answer: No, it didn’t…”

Your Accessibility Toolbar Doesn’t Help

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

Collecting Dates in an Accessible Way
By Graham Armfield.
“…this post looks at the pros and cons of a variety of methods for
collecting date, and our views on the best practices…”

Collecting dates in an accessible way

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

Diversity and Design
By Dana Morgan.
“How inclusive design and accessibility can make a difference with
everyday products…”
View at Medium.com

Summary of CSUN ATC 2019
By Dennis Lembrée.
“…few announcements made, photos, and some fun tweets! Lastly, links
to past CSUN events are listed…”

Summary of CSUN ATC 2019

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

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

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

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

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

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

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

+02: CASCADING STYLE SHEETS.

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

Stacked ‘Borders’
By Eric A. Meyer.
“…It turns out there are a number of tricks to create the effect of
stacking one border atop another by combining a border with some other
CSS effects, or even without actually requiring the use of any borders
at all. Let’s explore, shall we…”

Stacked “Borders”

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

+03: EVALUATION & TESTING.

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

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

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

+04: EVENTS.

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

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

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

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

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

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

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

+05: HTML.

About the HTML Epidemic, WebAIM ‘Millions’ Report, and Teach Access
By Dennis Lembree.
“It’s been about a dozen years since I first realized that there is a
world-wide HTML epidemic…”

About the HTML Epidemic, WebAIM “Million” Report, and Teach Access

+06: INFORMATION ARCHITECTURE.

Why Website Information Architecture is the Ultimate Digital Team Sport
By Ian Roddis.
“…The question I asked at work (in a room of 20 people) was ‘who owns
IA?’. As I’ll say at the end, this was the wrong question, but it
stimulated a lot of views and caused a lot of reflection on my part…”
View at Medium.com

+07: JAVASCRIPT.

The OpenJS Foundation Officially Formed for the JavaScript Community
By Christina Cardoza.
“The Linux Foundation today announced the formation of a new
JavaScript community…”

The OpenJS Foundation officially formed for the JavaScript community

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

+08: MISCELLANEOUS.

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

Canary in a Coal Mine: How Tech Provides Platforms for Hate

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

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

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

+09: NAVIGATION.

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

+10: TOOLS.

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

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

Accessibility Insights
https://accessibilityinsights.io/

Axe Enters into New Forays
By Sathish Kumar.
“…In a recent joint press release at CSUN 2019, Deque Systems and
Microsoft have announced their partnership to release Axe for Android
and iOS…”

Axe Enters into new forays

+11: USABILITY.

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

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]

+++ WEB DESIGN UPDATE. – Volume 17, Issue 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…”

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.
https://pressbooks.library.ryerson.ca/wafd/

+03: CASCADING STYLE SHEETS.

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

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

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

+04: COLOR.

Tips to Create an Accessible and Contrasted Color Palette
By Stéphanie Walter.
“…In this article, I will present you two tools and some quick tips to
easily create an accessible color palette for your designs…”

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…”
https://measuringu.com/labeling-nps-effects/

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

+06: EVENTS.

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

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

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

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

M-Enabling Summit
June 17-19, 2019.
Washington, D.C., U.S.A.

Home

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

Webstock
June 25-28, 2019.
Wellington City, New Zealand

Home

+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…”
https://developer.paciellogroup.com/blog/2019/03/short-note-the-abbreviation-appreciation-society/

+08: JAVASCRIPT.

Accessible Custom Select Component (Video)
By Gerard K. Cohen.
“…In this presentation, Gerard Cohen leads you down the path of
engineering a custom select and the reasons it was necessary. Starting
with the official ARIA pattern and native select on various platforms,
he demonstrates the practical reasons for deviation, the pitfalls he
ran into, and ultimately a working demo of an accessible and usable
custom select widget that works on desktop and mobile…”

Slides:
https://unfetteredthoughts.net/slides/technica11y/index.html

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

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

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

+09: MISCELLANEOUS.

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

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

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

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

Click to access TwitterImageDescriptions_WebConf2019.pdf

1.4.12 Text Spacing
By Rakesh Paladugula.
“…authors should ensure that the content is not cut-off or overlapped…”
https://www.maxability.co.in/2019/03/1-4-12-text-spacing/

What is COGA?
By Jennie Delisi.
“Making Online Content Easier to Understand…”
https://mn.gov/mnit/media/blog/?id=38-373446

The Business Case for Digital Accessibility
By The Australian Network on Disability.
“A new resource called The Business Case for Digital Accessibility
explores key advantages of web accessibility to businesses of all
types…”
https://www.and.org.au/news.php/385/the-business-case-for-digital-accessibility

Blind Employee Settles Lawsuit Against Miami-Dade County Public Schools
By Raychel Lean.
“Miami-Dade County Public Schools’ websites and software weren’t
accessible to blind employee Janice A. Bartleson, but Miami
disabilities attorrney Matthew Dietz helped negotiate a settlement
agreement to change that…”
https://www.law.com/dailybusinessreview/2019/02/27/miami-lawyer-settles-rare-website-accessibility-suit-with-miami-dade-public-schools/

Ninth Circuit Ruling Bolsters ADA Website Accessibility Suits
By R. Andrew Arculin et al.
“The Ninth Circuit’s recent ruling in Robles v. Domino’s Pizza, LLC
provides yet another boon to plaintiffs across the country claiming
that company websites may violate the Americans with Disabilities Act
(ADA) unless they make specific accommodations to consumers who have
visual, auditory, or other disabilities…”
https://www.venable.com/insights/publications/2019/03/ninth-circuit-ruling-bolsters-ada-website-access

+02: CASCADING STYLE SHEETS.

Responsive Spacing with viewport and ch Units
By Chip Cullen.
“…One of the more interesting things that I discovered was how easy it
was to make spacing between elements act in a responsive way…”
https://chipcullen.com/responsive-spacing-with-viewport-units/

Breaking Boxes With CSS Fragmentation
By Rachel Andrew.
“Rachel Andrew has been digging around in the CSS Fragmentation spec,
and finding browser support is somewhat fragmented. In this article,
she explains what fragmentation is, why you might want to use it, and
what the state of browser support is.”
https://www.smashingmagazine.com/2019/02/css-fragmentation/

+03: EVALUATION & TESTING.

How Diversity and Inclusion can Improve Testing
By Callum Akehurst-Ryan.
“As the testing pendulum has swung towards more engineering in recent
years we’re facing a new issue, the prevalence of an engineering
mono-culture…”
https://blog.scottlogic.com/2019/02/25/how-diversity-and-inclusion-can-improve-testing.html

Repeat After Me: Preference Testing is Not A/B Testing
By David Travis.
“Researchers sometimes ask participants which of two alternative
designs they prefer. The data from these studies comprise opinions
that have little predictive value. In contrast, multivariate A/B
testing involves target users doing real tasks. The data from these
studies comprise behavioural observations that predict real-world
behaviour.”
https://www.userfocus.co.uk/articles/preference-testing-is-not-A-B-testing.html

+04: EVENTS.

2019 State of Digital Accessibility Part 2 – Industry Drivers
March 19, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_KTEDfxblSNaoMLyXxlzF7w

GSuite for Education Accessibility Update April 1, 2019.
Online
https://educationonair.withgoogle.com/events/accessibility

WebAIM Training
May 7-8, 2019.
Logan, Utah, U.S.A.
https://webaim.org/training/

The Web Conference 2019
May 13-17, 2019.
San Francisco, California, U.S.A.
https://www2019.thewebconf.org/

John Slatin AccessU
May 14-17, 2019.
Austin, Texas, U.S.A.
https://knowbility.org/programs/accessu/

Global Accessibility Awareness Day (GAAD)
May 16, 2019.
Everywhere
http://globalaccessibilityawarenessday.org/

Stanford Drupal Camp
May 17-18, 2019
Stanford, California, U.S.A.
https://drupalcamp.stanford.edu/

Digital Accessibility ROI
May 23, 2019.
Online
https://www.accessibilityassociation.org/content.asp?admin=y&contentid=559

DesignThinkers
May 28-29, 2019.
Vancouver, Canada

Vancouver Homepage

+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…”
https://www.celebratingdisability.co.uk/part-of-me/episode-15-meryl-on-the-effectiveness-of-video-captioning/

+08: TOOLS.

Colors-For-All
By Jean-Pierre Boutherin & Alexandre Saker.
“an online application which, unlike most other competitors, enables
you to easily check color contrasts and WCAG compliance (AA or AAA
levels as defined by WCAG 2.0) between a range of specific colors in
one shot…”
https://amadeusitgroup.github.io/Colors-for-All/color-palette
It’s published as an open-source project at:
https://github.com/AmadeusITGroup/Colors-for-All

Touch Bookmarklet
By Louis Rémi Babé.
“Simulate touch events (swipe, rotate, pinch) with a mouse…”
http://louisremi.github.io/touch-devtool/

Visual Event
By Allan Jardine.
“Events in Javascript are often seen as a bit of an enigma. This is
odd given that Javascript is very much an event driven language, but
it is typically down to their complex nature and difficulty to debug.
To this end I’ve created Visual Event to help track events which are
subscribed to DOM nodes…”
http://www.sprymedia.co.uk/article/Visual+Event+2

Track Which Element Has Focus (in chrome)
By Kayce Basques.
“Suppose that you’re testing the keyboard navigation accessibility of
a page. When navigating the page with the Tab key, the focus ring
sometimes disappears because the element that has focus is hidden. To
track the focused element in DevTools…”
https://developers.google.com/web/tools/chrome-devtools/accessibility/focus

Rocket Validator (Hat tip to Dennis Lembrée)
By Site Validator Team.
“Reports on HTML & accessibility conformance of European government websites.”
https://rocketvalidator.com/leaderboards/european-parliaments

+09: USABILITY.

The Psychology of Choice: Why Less is More
By Keep It Usable.
“…Paradox of choice leads to choice paralysis…”
http://www.keepitusable.com/blog/the-psychology-of-choice-why-less-is-more/

Unbridged Knowledge Gaps Hurt UX
By Kim Flaherty and Kate Moran.
“Many websites fail to provide the right information for
research-based tasks, requiring unnecessary effort for users to piece
together various information sources manually.”
https://www.nngroup.com/articles/unbridged-knowledge-gaps/

UI Copy: UX Guidelines for Command Names and Keyboard Shortcuts
By Anna Kaley.
“Labels for commands should be brief, informative, rely on verbs and
adjectives, and avoid branded terms. Command shortcuts must limit the
number of modifiers and follow standard conventions.”
https://www.nngroup.com/articles/ui-copy/

Designing Tables for Desktop Apps with Lots of Data (Video)
By Page Laubheimer.
“Data-rich applications often include huge tables in their user
interface; here are 3 UX guidelines for improving the usability of big
tables.”
https://www.nngroup.com/videos/designing-tables-desktop-apps/

Intelligent Assistants: Where We Are and Where We Should Be (Video)
By Raluca Budiu.
“Are Siri, Alexa, and Google Assistant truly intelligent? While they
do have some ‘intelligent’ features, they are still far from what
people expect such an intelligent assistant to do.”
https://www.nngroup.com/videos/intelligent-assistants-where/

DeathToAutoPlay – No More Audio and Video That Plays Automatically
By Adam Engst.
“Most technology annoyances fall into the category of ‘death by a
thousand cuts’.”

#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…”
https://www.maxability.co.in/2019/02/update-on-captcha-accessibility-w3c-need-your-inputs/

Inclusive Content Strategy: How to Ensure Your Content is Accessible to Everyone
By Deborah Edwards-Onoro.
“At the February 2019 Accessibility Talks online meetup, AmyJune
Hineline, Drupal and WordPress Community Ambassador at Kanopi Studios,
spoke about inclusive content strategy, what it means, and how to
craft content that is accessible to everyone…”

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…”
https://www.3playmedia.com/2019/02/27/automatic-captions-video-players/

Avoid Default Field Validation
By Adrian Roselli.
“HTML5 gives us form field validation for free. The problem is that
the default messages browsers provide are not always useful and
typically do not work with assistive technology…”
http://adrianroselli.com/2019/02/avoid-default-field-validation.html

Accessibility on The Session
By Jeremy Keith.
“I spent some time this weekend working on an accessibility issue over
on The Session. Someone using VoiceOver on iOS was having a hard time
with some multi-step forms.”
https://adactio.com/journal/14863

How to Run Higher Education Website Accessibility Projects
By Paul Bradley.
“…In this article, we outline four basic principles on which to base a
website accessibility remediation project and seven project plan
elements for making an institution’s public website more accessible
and meeting the deadline date…”

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)…”
http://adrianroselli.com/2019/02/f87-css-generated-content-and-wcag-conformance.html

On Switching from HEX & RGB to HSL
By Sara Soueidan.
“A couple of weeks ago I tweeted about a feature that I didn’t know
existed in VS Code: the visual color editor that pops up when you
hover over color values in a style sheet.”
https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid
By Juan Martín García.
“Not only has CSS Grid reshaped the way we think and build layouts for
the web, but it has also contributed to writing more resilient code,
replacing ‘hacky’ techniques we’ve used before, and in some cases,
killing the need to rely on code for specific resolutions and
viewports…”

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…”
https://measuringu.com/ux-measurement-purpose/

How to Respond to Skepticism of Testing Small Groups of Users
By Kathryn Whitenton.
“That’s just one person’ and ‘Our real users aren’t like that’ are
common objections to findings from qualitative usability testing.
Address these concerns proactively to ensure your research is
effective.”
https://www.nngroup.com/articles/responding-skepticism-small-usability-tests/

The Cross-Sequential Approach: A Short-Term Method for Studying
Long-Term User Experience
By Sari Kujala, Talya Miron-Shatz, and Jussi J. Jokinen.
“We propose a novel cross-sequential approach to accelerating the
collection of user feedback while providing a broad perspective by
analyzing samples of users at various stages of service and product
experience…”

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.
https://www.meetup.com/a11ysea/events/259124048/

10 Tips for Creating Accessible Web Content with (Updated) WCAG
March 21, 2019.
Online.
https://www.3playmedia.com/resources/webinars/webinar-registration-03-21-2019/

Up Front
March 22, 2019.
Manchester, England, United Kingdom
https://upfrontconf.com/

Accessible Content Shared Through Social Media
March 26, 2019.
Online
https://www.accessibilityonline.org/cioc-508/session/?id=110710

2019 Digital Accessibility Trends
April 2, 2019.
New York, New York, U.S.A.
https://www.meetup.com/A11yNYC/events/258773013/

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

+06: HTML.

When Is A Button Not A Button?
By Vadim Makeev.
“Not everything that’s round and stands out is considered to be a
button. In this article, Vadim explains how you can create a proper
interactive button for your users – one that shouldn’t be confused for
anything else…”
https://www.smashingmagazine.com/2019/02/buttons-interfaces/

+07: MISCELLANEOUS.

Q&A with Jonathan Avila, Chief Accessibility Officer
By Equalentry.
“This installment of our Accessibility Activists column is an
interview with Jonathan Avila, Chief Accessibility Officer for SSB
Bart Group. Avila is also a participant in the WCAG Working Group, and
the mobile accessibility task force at the WAI…”
https://equalentry.com/interview-with-jonathan-avila-chief-accessibility-officer/

Derek Featherstone Interview – Accessibility is not a ‘Nice to Have’
By Jeffrey Zeldman.
“Why do companies de-prioritize accessibility?…”
http://5by5.tv/bigwebshow/184

+08: NAVIGATION.

Quick Tip: Creating Valid and Accessible Links
By Emma Patricios.
“The anchor element is often cited as the main building block of the
World Wide Web. It is used to create a link to other pages, to anchors
within the same page, to other resources (such as a PDF) or to an
email address. How can we make sure they are accessible to everyone?…”
https://a11yproject.com/posts/creating-valid-and-accessible-links/

+09: TOOLS.

How to Test the AccName Algorithm Dynamically using AccName Prototype
By Bryan Garaventa.
“Since this comes up every now and again, usually with questions about
what is or not expected in the AccName computation, I wanted to pass
along the following live utility that helps to resolve this
confusion…”
https://lists.w3.org/Archives/Public/w3c-wai-ig/2019JanMar/0080.html

WCAG 2.1 Parsing Error Bookmarklet – Updated 25th February 2019
By Steve Faulkner.
Thanks to Dennis Lembrée’s Pull Request.
https://developer.paciellogroup.com/blog/2019/02/wcag-2-0-parsing-error-bookmarklet/

Bookmarklet: Archive Page to Wayback Machine
By Jesse Gardner.
“…I reference the Wayback Machine a lot, so requesting an archive of
the current page by prepending the url with web.archive.org/save/ is
wicked useful; but I figured I’d make it just a smidge easier by
turning it into a bookmarklet…”

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

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…”
https://measuringu.com/referral-vs-recommend/

+05: EVENTS.

Accessibility Empathy Lab at World Information Architecture Day
February 23, 2019.
Ann Arbor, Michigan, U.S.A.
https://www.meetup.com/a2a11y/events/258792920/

Add Accessibility to Your Process the Easy-ish Way
March 6, 2019.
Austin, Texas, U.S.A.
https://www.meetup.com/a11yATX/events/258306882/

UX Burlington
May 3, 2019.
Burlington, Vermont, U.S.A.
https://www.uxburlington.com/

CHI 2019
May 4-9, 2019.
Glasgow, Scottland
https://chi2019.acm.org/

An Event Apart Boston
May 6-8, 2019.
Boston, Massachusetts, U.S.A.
https://aneventapart.com/event/boston-2019

HOW Design Live
May 7-10, 2019.
Chicago, Illinois, U.S.A.

Home

UXPA Conference
May 10, 2019.
Boston, Massachusetts, U.S.A.

May 10, 2024

+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…”
http://adrianroselli.com/2019/02/uncanny-a11y.html

Inaccessibility of CAPTCHA
Scott Hollier, Janina Sajka, and Michael Cooper, Editors.
“…This document examines a number of approaches that allow systems to
test for human users, and the extent to which these approaches
adequately accommodate people with disabilities…”
https://www.w3.org/TR/2019/WD-turingtest-20190214/

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need
By Eric Bailey.
“Designers want to create fully branded experiences, which often
results in customized highlighting colors or pixel-perfect typography.
While these design touches can enhance the experience for some, they
can render the experience inaccessible for others. Designer Eric
Bailey makes a case for leaving key accessibility features to the
browser to ensure the most accessible experience possible.”

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…”
https://www.maxability.co.in/2019/02/writing-accessibility-statement-organization/

Flagler Pays $16,000 to Settle Website Access Suit, and Much More to
Become ADA Compliant
By FlaglerLive.
“Flagler County government will pay $15,700 to settle a
Napoleon-quoting federal lawsuit filed by a legally blind Daytona
Beach man who charged that Flagler was violating the Americans With
Disabilities Act by making some of the documents posted to its website
inaccessible to the blind, because computer software can’t read the
pdfs…”
https://flaglerlive.com/132763/flagler-website-suit/

+02: CASCADING STYLE SHEETS.

The Dark Side of the Grid (Part 1)
By Manuel Matuzovic.
“This is part 1 of 3 in a series of articles about CSS Grid layout and
accessibility…”
https://www.matuzo.at/blog/the-dark-side-of-the-grid/

An Introduction to CSS Exclusions: The Future of Complex Web Layout
By Dennis Gaebel.
“…CSS exclusions is an addition to our layout arsenal that will become
another game changer, assisting with whatever complicated layout
scenarios we crave. In this article I’ll introduce you to CSS
exclusions, and explain how to raise your voice for browser adoption
in order to help progress for the future…”
https://webdesign.tutsplus.com/tutorials/an-introduction-to-css-exclusions-the-future-of-complex-web-layout–cms-32366

Where Do You Nest Your Sass Breakpoints?
By Chris Coyier.
“I love nesting my @media query breakpoints. It’s perhaps the most
important feature of Sass to me…”

Where Do You Nest Your Sass Breakpoints?

Guide to Optimize CSS Delivery
By Samuel Bocetta et. al.
“…Here are 5 simple things you can do to optimize your CSS…”
https://hostingcanada.org/css-optimization/

What’s New In CSS?
By Rachel Andrew.
“Rachel’s Fronteers W3C Meet-up slides from February 2019 in
Amsterdam, Netherlands…”
https://noti.st/rachelandrew/9R7PMY/what-s-new-in-css

+03: EVALUATION & TESTING.

Using Persona Profiles to Test Accessibility
By Anika Henke.
“… this method offers is a quick and easy way of finding accessibility
issues early in service development.”

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.
https://www.meetup.com/a11ychi/events/258965911/
Live stream:

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

Creative South
April 11-13, 2019.
Columbus, Georgia, U.S.A.
https://creativesouth.com/

CodeStock
April 12-13, 2019.
Knoxville, Tennessee, U.S.A
http://codestock.org/

Social Media Accessibility
April 18, 2019.
Online
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=560

Confab
April 23-26, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.confabevents.com/

+05: HTML.

Required Attribute Requirements
By Scott O’Hara.
“Introduced in HTML5, the required attribute conveys that a particular
form control or grouping of controls must have a valid value on form
submission…”
https://developer.paciellogroup.com/blog/2019/02/required-attribute-requirements/

Errant for Attributes Screw with label Behaviour
By Steve Faulkner.
“…tip: remove unnecessary for attributes, if a control is a child of a
label element, the forattribute is not needed and can cause issues.”

Accessibility: Back to the Future (Video)
By Bruce Lawson.
“Here’s a talk I did at a lovely inclusive, anarchic, friendly
conference last month called Monki Gras…”
https://www.brucelawson.co.uk/2019/accessibility-back-to-the-future/

Where Do You Learn HTML & CSS in 2019?
By Chris Coyier.
“The topic of how accessible it is for newbies and seasoned developers
alike to learn CSS has been gaining steam as the complexity of the
tools around it has become skewed more toward traditional
programming…”
https://css-tricks.com/where-do-you-learn-html-css-in-2019/

+06: JAVASCRIPT.

Make it Boring
By Jeremy Wagner.
“…Web developers are accustomed to starting projects with the massive
overhead of JavaScript frameworks like React-not to mention all that
gets installed with it-as well as ancillary packages, module bundlers,
and all this… stuff. Stuff that clutters the already densely
occupied space of our minds, which inevitably seems to burden the
people who use what we make…”
https://jeremy.codes/blog/make-it-boring/

Beginning to Demystify ARIA
By Lindsey Kopacz.
“…The way I like to think about ARIA is context. Sometimes you don’t
need additional background – the HTML is surely enough. Sometimes it
could be better though, especially if it’s a custom widget. I’ll do
more about ARIA in the future regarding specific attributes and what
they do – mainly because the documentation can be a bit daunting.
Cheers to that!”
https://dev.to/lkopacz/beginning-to-demystify-aria-5bi5

+07: MISCELLANEOUS.

Transcript of Tim Berners-Lee’s talk to the LCS 35th Anniversary
celebrations, Cambridge Massachusetts, 1999/April/14 (via Jeremy
Keith)
By Tim Berners-Lee.
“…The basic ideas of the Web is that an information space through
which people can communicate, but communicate in a special way:
communicate by sharing their knowledge in a pool. The idea was not
just that it should be a big browsing medium. The idea was that
everybody would be putting their ideas in, as well as taking them
out…”
https://www.w3.org/1999/04/13-tbl.html

A Strongly Worded Letter
By Adrian Roselli.
“Last week while whining about having accessibility contributions to
FOSS projects dismissed, I had a Twitter conversation about when the
same thing happens with clients. I have a method to deal with that,
however, which I briefly outlined on Twitter. I promised to expand on
it in a blog post, so here it is…”
http://adrianroselli.com/2019/02/a-strongly-worded-letter.html

+08: NAVIGATION.

Skip Links are Important
By Nicolas Steenhout.
“…Skip links are important. And they are relatively easy to implement.
You will improve the user experience for your visitors who rely on the
keyboard for navigation. You’ll also comply with WCAG 2.4.1. Bypass
Blocks!”
https://knowbility.org/blog/2019/skip-links/

How to Conduct Research for Customer Journey-Mapping
By Kate Kaplan.
“When conducting research for customer-journey maps, use qualitative
methods that allow direct interaction with or observation of users,
such as interviews, field studies, and diary studies.”
https://www.nngroup.com/articles/research-journey-mapping/

+09: TOOLS.

Contrast Checker (Hat Tip to Jim Allan)
By Nick Colley.
“Check constrast with the new WCAG 2.1 requirements…” It checks text
contrast with object background and object contrast with page
background.
https://contrast-checker.glitch.me/

Introducing Togglific
By Scott Vinkle.
“Do you find web animations distracting? Togglific provides a
distraction-free web experience…Stand-alone script: For development
teams to implement into their own projects and setup custom controls.
This covers all animations…”
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…”
https://developer.paciellogroup.com/blog/2019/02/accessibility-testing-tools-we-use/

+10: USABILITY.

The Ineffectiveness of Lonely Icons
By Matt Wilcox.
“If your target audience is a general population, you should not be
using icons alone to convey anything meaningful. By doing so, you have
made assumptions that are unlikely to be appropriate to a general
audience.
https://mattwilcox.net/musing/the-ineffectiveness-of-icons

Proper UI Hierarchy
By Bradley Taunt.
“The statement that flat design is inherently worse than it’s
predecessor is not subjective. By stripping away the visual cues that
help users distinguish between interface elements you are purposely
making a worse experience for them. Designers need to stop designing
for other designers.”
https://accssible.com/2019/02/05/proper-ui-hierarchy/

Interface Copy Impacts Decision Making
By Lexie Martin.
“The language used in interfaces influences the decisions that our
users will make. Manipulative copy nudges users towards making choices
that are against their best interests.”
https://www.nngroup.com/articles/interface-copy-decision-making/

Perverse Incentives Create Perverse Behavior
By Gerry McGovern.
“…We must reward employees based on customer use. We must focus on the
consumption, not on the production. We must measure customer effort,
task completions rates, time-on-task.”

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)…”
https://measuringu.com/ce11-nps/

How to Effectively Address the Usability Debt Within Your Product
By Catriona Shedd.
“Many companies fall into a dreaded pattern of continuing to ship new
features without going back and iterating upon things that were
previously shipped based on research and insights…”
View at Medium.com

+04: EVENTS.

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

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

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

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

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

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

ABLE Summit
April 11-12, 2019.
Beirut, Lebanon

Home

+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.”
https://m.signalvnoise.com/paying-tribute-to-the-web-with-view-source/

+07: NAVIGATION.

Léonie Watson on Why Semantic HTML Document Landmarks Assist Her Using
a Screenreader (Video)
By Léonie Watson.
An excerpt from February 5 Smashing Webinar.

+08: TOOLS.

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

+09: USABILITY.

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

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

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

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

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

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…”
https://www.maxability.co.in/2019/01/switch-access-mobile/

Word and PowerPoint Accessibility Evaluation Checklist
By WebAIM.
“This new resource can help you through the process of evaluating
Office documents and presentations for accessibility.”
https://webaim.org/resources/evaloffice/

Real Facts about the Elderly and the World Wide Web
By Joel Holmberg.
“There are lots of stereotypes about the elderly and tech or the world
wide web…”
https://axesslab.com/real-facts-about-the-elderly-and-the-world-wide-web/

More Than 75 New York Galleries Are Slammed With Lawsuits for
Allegedly Violating the Americans With Disabilities Act
By Eileen Kinsella.
“Galleries are the latest industry to be targeted by a wave of
lawsuits over the accessibility of their websites…”
https://news.artnet.com/art-world/dozens-of-new-york-galleries-slammed-with-lawsuits-for-ada-compliance-on-websites-1450276

Digital Accessibility – Developments in 2018
By Teresa L. Jakubowski.
“In 2018, the field of digital accessibility witnessed a number of
developments, including increasing litigation, demand letters, and the
release of the Web Content Accessibility Guidelines 2.1 (WCAG 2.1)…”
https://library.educause.edu/resources/2019/1/digital-accessibility-developments-in-2018

Digital Accessibility Law and Regulation: Current Status and What to Do About It
By Jarret Cummings.
“To help members navigate the often confusing compliance environment
for digital accessibility, EDUCAUSE asked a legal expert to review
last year’s major developments, explain what they mean, and identify
key steps that institutions should consider in response…”
https://er.educause.edu/blogs/2019/1/digital-accessibility-law-and-regulation-current-status-and-what-to-do-about-it

The Legal Picture for Web Accessibility in 2019
By Joseph C. Dolson.
“…Even though the DoJ has not established guidelines for accessible
websites, businesses (including ecommerce sites) are well advised to
follow W3C’s Web Content Accessibility Guidelines, version 2.1, at
level AA. There are several reasons…”

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

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…”
https://measuringu.com/free-surveys/

How to Assess the Quality of a Measure
By Jeff Sauro.
“It seems like each year introduces a new measure or questionnaire…”
https://measuringu.com/measure-quality/

Interpreting Contradictory UX Research Findings
By Kate Moran.
“If your product looks good from one perspective and bad from another,
you have to check the methodology and try to interpret the findings.”
https://www.nngroup.com/articles/interpreting-research-findings/

+04: EVENTS.

Digital Accessibility Support – A Guide to Trustworthy Free Online Resources
February 5, 2019.
Online.
https://www.paciellogroup.com/events/2019/01/webinar-february-5-digital-accessibility-support-a-guide-to-trustworthy-free-online-resources/

Moving Forward with Digital Accessibility in Higher Education
February 22, 2019.
Sussex, England, United Kingdom
http://www.sussex.ac.uk/tel/seminar/digitalaccessibility

Information Architecture Conference (IAC)
March 12-17, 2019.
Orlando, Florida, U.S.A.
http://www.theiaconference.com/

Axe-Hackathon 2019
March 16, 2019.
Anaheim, Califorina, U.S.A.
https://www.eventbrite.com/e/axe-hackathon-2019-tickets-54988465982

Midwest Drupal Camp
March 20-23, 2019.
Chicago, Illinois, U.S.A.
https://www.midcamp.org/

Web Accessibility Techniques for ReactJS and AngularJS
March 28, 2019.
Online
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=558

London UX Conference
March 30-April 5, 2019.
London, England, United Kingdom
https://www.nngroup.com/training/london/

+05: HTML.

HTML is and Always was a Compilation Target – Can We Deal With That?
By Christian Heilmann.
“…We need to help with the template code source, the framework
renderers. We need to ensure that the conversion stage results in good
HTML – not easy HTML. And we need to work with tool developers to make
sure that people learn about the value of semantics…”
https://christianheilmann.com/2019/01/28/html-is-and-always-was-a-compilation-target-can-we-deal-with-that/

Designing for the Web Ought to Mean Making HTML and CSS
By David Heinemeier Hansson (DHH).
“…Designing for the modern web in a way that pleases users with great,
fast designs needn’t be this maze of impenetrable complexity. We’re
making it that! It’s possible not to.”
https://m.signalvnoise.com/designing-for-the-web-ought-to-mean-making-html-and-css/

+06: JAVASCRIPT.

a11y and JS – A Seemingly Unconventional Romance
By Lindsey Kopacz.
“… I want you to know that JavaScript isn’t the enemy of
accessibility. Instead, lack of empathy is. With some empathy and your
awesome JavaScript skills, you CAN make your sites accessible!”
https://www.a11ywithlindsey.com/blog/a11y-js-seemingly-unconventional-romance/

+07: MISCELLANEOUS.

WebExtensions v3 Considered Harmful
By Daniel Glazman.
“The Open Web Platform is alive and vibrant. The Browser Extension
ecosystem is in jail, subject to unpredictable harmful changes decided
by one single actor. This must change, it’s not viable any more…”
http://www.glazman.org/weblog/dotclear/index.php?post/2019/01/23/WebExtensions-v3-considered-harmful

The Great Divide
By Chris Coyier.
“Two front-end developers are sitting at a bar. They have nothing to
talk about…”

The Great Divide

Openness and Longevity
By Garrett Dimon.
“…The web is the quintessential definition of together. Web standards
evolve slowly because they’re collaborative. They last because they’re
scrutinized. New front-end frameworks and technologies try to
circumvent or route around that process in the name of moving faster.
Sometimes, they surface great ideas that make their way into browsers.
But more often than not, they fade away.”
https://garrettdimon.com/2019/openness-and-longevity/

+08: NAVIGATION.

Underlines Are Beautiful
By Adrian Roselli.
“Underlines, the standard, built-in signifier of hyperlinks, the core
feature of the web, are beautiful…”
http://adrianroselli.com/2019/01/underlines-are-beautiful.html

Added Underlines to Links in Toots (Pull Request)
By Adrian Roselli.
“Link text color is #f1ebff, surrounding text is #ffffff. They have a
contrast ratio of 1.2:1. Not only is hard to see links that are so
close in color to the text, they also require a pointing device
(mouse) to quickly scan for links. Instead of having to meet a 4.5:1
contrast ratio, adding the underline will allow this to pass a WCAG
check…”
https://github.com/tootsuite/mastodon/pull/9898

+09: STANDARDS, GUIDELINES & PATTERNS.

Table Design Patterns On The Web
By Chen Hui Jing.
“Tables are a design pattern for displaying large amounts of data in
rows and columns, and have not yet seemed to fall out of favor, so
let’s take a look at how we can create tables on the web in 2019…”
https://www.smashingmagazine.com/2019/01/table-design-patterns-web/

+10: USABILITY.

Tooltip Guidelines
By Alita Joyce.
“Tooltips are user-triggered messages that provide additional
information about a page element or feature. Although tooltips aren’t
new to the web, they are often incorrectly implemented.”
https://www.nngroup.com/articles/tooltip-guidelines/

Web Page Usability Matters
By Addy Osmani.
“Users appreciate pages being usable and interactive soon after
they’re visually ready. UI interactions (scrolls, taps, clicks) can be
delayed by script and other browser work so minimizing their impact
can really help your users.”
https://dev.to/addyosmani/web-page-usability-matters-3aok

[Section one ends.]

++ SECTION TWO:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[Section two ends.]

++END NOTES.

+ SUBSCRIPTION INFO.

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

+ TEXT EMAIL NEWSLETTER (TEN).

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

+ SIGN OFF.

Until next time,

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

[Issue ends.]