Date   
+++ WEB DESIGN UPDATE. - Volume 17, Issue 34, February 15, 2019.

David Dillard
 


+++ 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." 
https://alistapart.com/article/paint-the-picture-not-the-frame 

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…" 
https://www.youtube.com/watch?v=RwyYwpxyW3U 

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…" 
https://medium.com/@sheribyrnehaber/accessibility-new-years-resolutions-the-deadline-for-implementing-wcag-2-1-237e5beb915c 

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'…" 
https://www.lflegal.com/2013/02/access-info-pages/ 

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…" 
https://css-tricks.com/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." 
https://accessibility.blog.gov.uk/2019/02/11/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…" 
https://www.deque.com/blog/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: 
https://www.youtube.com/watch?v=5h3pc74Lpvw 
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." 
https://codepen.io/anon/pen/OdQJJL 

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…" 
https://medium.com/@svinkle/introducing-togglific-1d824708ecc1 

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." 
http://gerrymcgovern.com/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 35, February 20, 2019.

David Dillard
 


+++ 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…"
https://www.youtube.com/playlist?list=PLtSVUgxIo6KrxMh-wNhSG7MuZ2gfPf7co

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."
https://www.practicalecommerce.com/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…"
https://medium.com/skills-matter/why-we-celebrate-inaccessible-design-online-93ad0d1046ab

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…"
https://medium.com/@kim_cre8pc/convincing-engineers-on-the-need-for-accessibility-ad4ca847b2c1

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.'…"
https://medium.com/@sheribyrnehaber/embedding-accessibility-smes-in-remote-teams-c9d4a3286956


+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…"
https://www.youtube.com/watch?v=qOUtkN6M52M

Making Future Interfaces: Custom Properties (Video)
By Heydon Pickering.
"Learn all about CSS custom properties with this handy (and slightly
odd) guide…"
https://www.youtube.com/watch?v=k-v7lmmF7kc

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…"
https://www.youtube.com/watch?v=eCHt8zsbCT4

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…"
https://css-tricks.com/how-supports-works/

More Logical Properties
By Rachel Andrew.
"…These properties and values are helpful if you are developing sites
for multiple writing modes but should also be useful if you are using
writing modes creatively. It's nice to see the browser implementations
adding more support for the spec."
https://www.rachelandrew.co.uk/archives/2019/02/19/more-logical-properties/


+03: DRUPAL.

Why You Should Start Planning Your Migration to Drupal 8 and 9 Now
By Adrian Bateman.
"…In this blog, I'll outline seven reasons to choose Drupal 8 over its
predecessors…"
https://www.nomensa.com/blog/2019/why-you-should-start-planning-your-migration-drupal-8-and-9-now


+04: EVALUATION & TESTING.

Statistical Significance in UX (Video)
By Kate Moran.
"If you're working on digital products, you should be familiar with
what statistical significance means in the context of UX research.
Otherwise your decisions may be based on meaningless numbers that
could be due to pure chance and not a reliable difference between
design options."
https://www.nngroup.com/videos/statistical-significance-ux/

It's Never a Good Time to Do Research
By Erika Hall.
"Which is why you should be doing research all the time…"
https://medium.com/mule-design/its-never-a-good-time-to-do-research-1ef719158980

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.
https://www.howdesignlive.com/

UXPA Conference
May 10, 2019.
Boston, Massachusetts, U.S.A.
http://conference.uxpaboston.org/


+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…"
https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/


+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…"
https://www.uxbooth.com/articles/ux101-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…"
http://bradfrost.com/blog/post/dont-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…"
https://www.youtube.com/watch?v=1CDTw_UpQoQ


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

David Dillard
 


+++ 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…" 
https://www.hassellinclusion.com/blog/common-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…" 
https://www.lireo.com/inclusive-content-strategy/ 

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…" 
https://www.lireo.com/how-to-add-alternative-text-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…" 
https://iwmw.org/blog/2019/01/28/how-to-run-higher-education-website-accessibility-projects/ 

A Company's Website Is Not a 'Public Accommodation' Under the ADA, a 
California Court Finds 
By Jason P. Brown & Robert T. Quackenboss. 
"…A decision by one state trial court in California seems to adopt a 
more strict reading of the definition of 'public accommodation' than 
previous cases in California and in the Ninth Circuit Court of Appeals 
(which includes the federal courts in California) on the subject, 
which further demonstrates the difficulty that many courts, including 
this one, are having with these ADA website accessibility cases…" 
https://www.huntonlaborblog.com/2019/02/articles/california-developments/companys-website-not-public-accommodation-ada-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…" 
https://www.deque.com/blog/european-accessibility-standard-en-301-549/ 


+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…" 
https://css-tricks.com/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…" 
https://medium.com/devsdesign/4-reasons-why-you-should-design-without-color-first-c0e38180f689 

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…" 
http://uxpajournal.org/cross-sequential-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…" 
https://medium.com/@david.hamill/is-user-research-losing-its-user-focus-6eaa54c39dd3 

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. 
http://www.w4a.info/2019/ 


+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…" 
http://plasticmind.com/0s-and-1s/bookmarklet-archive-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…" 
http://uxpajournal.org/usability-technology-older-adults/ 

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…" 
https://uxmovement.com/mobile/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." 
http://uxpajournal.org/boundary-conditions-aesthetics-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…" 
http://gerrymcgovern.com/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 37, March 6, 2019.

David Dillard
 



 

+++ 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." 
https://alistapart.com/article/semantics-to-screen-readers 

AI is Making CAPTCHA Increasingly Cruel For Disabled Users 
By Robin Christopherson. 
"…"improvements in AI means that a crisis is coming … and disabled 
people are suffering the most…" 
https://www.abilitynet.org.uk/news-blogs/ai-making-captcha-increasingly-cruel-disabled-users 

Do You Caption Your Videos? 
By Meryl K. Evans. 
"World Health Organization reports that more than 5 percent of the 
world's population is deaf or hard of hearing…" 
https://www.linkedin.com/feed/update/urn:li:ugcPost:6503695378242682880 

How User Provided Image Descriptions Have Failed to Make Twiter Accessible (PDF) 
By Cole Gleason et al. 
Our findings indicate that simply making it possible to provide image 
descriptions is not enough and reveal future directions for automated 
tools that may support users in writing high-quality descriptions…" 
https://www.colegleason.com/static/papers/TwitterImageDescriptions_WebConf2019.pdf 

1.4.12 Text Spacing 
By Rakesh Paladugula. 
"…authors should ensure that the content is not cut-off or overlapped…" 
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 
https://www.designthinkers.com/Van 


+05: HTML. 

HTML Element Test File Index 
By Steve Faulkner. 
"I use 'em for testing…" 
https://thepaciellogroup.github.io/AT-browser-tests/ 

Having an Open dialog 
By Scott O'Hara. 
"…I'm just going to say right now that the dialog element and its 
polyfill are not suitable for use in production…temporarily putting 
aside what 'support' presently entails, how would someone implement 
the dialog element right now?…" 
https://www.scottohara.me/blog/2019/03/05/open-dialog.html 


+06: JAVASCRIPT. 

Accessibility is not a 'React Problem' 
By Leslie Cohn-Wein. 
"Every few months, it seems like there's a revival of the Twitter War™ 
about JavaScript libraries and accessibility. React is a common 
target, with developers naming a litany of issues…" 
https://www.netlify.com/blog/2019/02/25/accessibility-is-not-a-react-problem/ 


+07: MISCELLANEOUS. 

W3C Approves WebAuthn as the Web Standard for Password-Free Logins 
By Emil Protalinski. 
"The World Wide Web Consortium (W3C) today declared that the Web 
Authentication API (WebAuthn) is now an official web standard…" 
https://venturebeat.com/2019/03/04/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'." 
https://tidbits.com/2019/02/06/deathtoautoplay-no-more-audio-and-video-that-plays-automatically/ 

Interface as Luxury 
By Gerry McGovern. 
"…When it comes to digital technology, it's the interface, the screen, 
the voice, the information that denote luxury and the experience." 
http://gerrymcgovern.com/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 38, March 13, 2019.

David Dillard
 


+++ 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…" 
https://medium.com/@sheribyrnehaber/this-week-in-accessibility-what-we-can-learn-from-the-webaim-million-2c11540fd46d 

See No Evil: Hidden Content and Accessibility 
By Paul Hebert. 
"When I first started learning web development I thought hiding 
content was simple: slap display: none; onto your hidden element and 
call it a day. Since then I've learned about screen readers, ARIA 
attributes, the HTML5 hidden attribute, and more…" 
https://cloudfour.com/thinks/see-no-evil-hidden-content-and-accessibility/ 

Accessibility Checklists - Just say No 
By Sheri Byrne-Haber. 
"…Checklists might be thought of as handy, but are abused and 
frequently used inappropriately…" 
https://medium.com/@sheribyrnehaber/accessibility-checklists-just-say-no-c9a68c8f2c90 

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…" 
https://www.youtube.com/watch?v=HE2R86EZPMA 

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…" 
https://www.youtube.com/watch?v=XKe1O7ppyqQ 


+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…" 
https://stephaniewalter.design/blog/tips-create-accessible-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. 
http://www.m-enabling.com/ 

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

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


+07: HTML. 

Short note: The Abbreviation Appreciation Society 
By Steve Faulkner. 
"The HTML <abbr> 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…" 
https://www.youtube.com/watch?v=ug1elgso_8A 
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…" 
https://www.webdirections.org/blog/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…" 
https://css-tricks.com/hmtl-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 39, March 21, 2019.

David Dillard
 


+++ 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…" 
https://www.joedolson.com/2019/03/your-accessibility-toolbar-doesnt-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…" 
https://www.hassellinclusion.com/blog/collecting-dates-accessible/ 

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…" 
https://medium.com/@morgan.dana/diversity-and-design-4a768ac2d162 

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…" 
http://www.webaxe.org/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…" 
https://css-tricks.com/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…" 
http://www.webaxe.org/html-epidemic-webaim-millions-report-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…" 
https://medium.com/@ianroddis/why-website-information-architecture-is-the-ultimate-digital-team-sport-40370974d888 


+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…" 
https://sdtimes.com/webdev/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." 
https://alistapart.com/article/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…" 
https://www.digitala11y.com/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 40, March 28, 2019.

David Dillard
 



 

+++ 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."
https://www.youtube.com/watch?v=JHaLzm-FGsc

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."
https://www.joedolson.com/2019/03/leveling-the-playing-field-were-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…"
https://level-level.com/blog/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…" 
https://www.customerservant.com/dear-screen-reader-useres-since-web-developers-cant-automatically-detect-if-youre-using-a-screen-reader-why-dont-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…"
https://medium.com/@sheribyrnehaber/web-businesses-why-using-wix-and-godaddy-increases-your-lawsuit-risk-dacad68399af

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…"
https://www.adatitleiii.com/2019/03/dominos-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…"
https://css-tricks.com/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…"
https://www.uxbooth.com/articles/persona-spectrums-building-for-inclusion-and-accessibility/


+04: EVENTS.

Dark Adventures in Mobile Accessibility
April 3, 2019. 
Online.
https://twitter.com/TenonAPI/status/1110297800296841221/photo/1

XR Access
July 15-16, 2019.
New York, New York, U.S.A.
https://www.xraccess.org/

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 (<a>) 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…"
https://css-tricks.com/all-about-mailto-links/ 

Using <details> for Menus and Dialogs is an Interesting Idea
By Chris Coyier
"…there is an HTML element that also does toggles! <details>! For example, it's definitely the quickest way to build an accordion UI…"
https://css-tricks.com/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?…"
https://medium.com/cbc-digital-labs/developing-empathy-the-importance-of-digital-accessibility-workshops-18e40d79932a


+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…"
https://www.youtube.com/watch?v=0YvHxMB35BE


+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 41, April 2, 2019.

David Dillard
 


+++ 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. 
https://alastairc.uk/presentations/wcag21/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." 
https://www.highcharts.com/blog/post/best-chart-accessibility-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…" 
https://medium.com/@sheribyrnehaber/the-perilous-pitfalls-of-accessibility-maturity-a5cdba1bfec7 

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…" 
https://css-tricks.com/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 
https://www.eastersealstech.com/a11y/ 

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." 
https://alistapart.com/article/responsible-javascript-part-1 

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…" 
https://css-tricks.com/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 42, April 11, 2019.

David Dillard
 


+++ 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…" 
https://alistapart.com/article/accessibility-for-vestibular 

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…" 
https://accessibility.blog.gov.uk/2019/04/08/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…" 
https://www.lireo.com/how-you-can-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…" 
https://medium.com/myplanet-musings/making-the-web-more-accessible-using-machine-learning-8a32eaafdb3a 

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…" 
https://www.lireo.com/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…" 
https://www.adatitleiii.com/2019/04/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…" 
https://www.youtube.com/watch?v=TQ7NqpFMbFs 

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…" 
https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-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: 
https://www.youtube.com/watch?v=29SneVTDHBY 
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. 
http://techaccessok.org/ 

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. 
"…<div>… 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 <img> and <iframe> 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…" 
http://bradfrost.com/blog/post/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…" 
https://securityboulevard.com/2019/04/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…" 
http://www.erynnbrook.com/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…" 
https://medium.com/@tobie/w3c-doesnt-help-its-invited-experts-it-should-2fb36ae9f720 


+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…" 
https://medium.com/@pvermaer/down-the-font-legibility-rabbit-hole-481f207a6013 

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

 

 

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

David Dillard
 



 

+++ 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…" 
https://meryl.net/captioned-videos-complete-guide/ 

Is Your Web Site Really Accessible? 
By Nicolò Carpignoli. 
"Why accessibility matters and how you can check and eventually fix it 
on your website…" 
https://medium.com/chialab-open-source/is-your-web-site-really-accessible-7f045475640f 

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." 
https://css-tricks.com/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…" 
https://www.deque.com/blog/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…" 
https://www.lflegal.com/2019/04/after-csun19/ 


+02: CASCADING STYLE SHEETS. 

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


+03: COLOR. 

Why Cancel Buttons Should Never Have a Color 
By Anthony Tseng. 
"A Cancel button is not a call to action because no changes to the 
system occur after it's pressed. Therefore, you should never emphasize 
it with color, otherwise you'll give users that impression. Instead, 
they should get the impression that no changes occur and that the 
button is their escape commitment…" 
https://uxmovement.com/buttons/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: 
https://www.lireo.com/webinar-evaluating-organizational-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…" 
https://www.youtube.com/watch?v=VqSq4kW3LK4 


+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?" 
https://alistapart.com/article/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…" 
https://css-tricks.com/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." 
http://gerrymcgovern.com/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 44, April 25, 2019.

David Dillard
 



 

+++ 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…" 
https://www.pdfa.org/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…" 
https://www.pdfa.org/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." 
https://www.deque.com/blog/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…" 
https://www.lireo.com/video-captions-sometimes-you-only-need-to-ask/ 

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…" 
https://www.hassellinclusion.com/blog/accessibility-2019-standards-cms-frameworks-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…" 
https://css-tricks.com/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…" 
https://rachelandrew.co.uk/archives/2019/04/16/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. 
https://bigdesignevents.com/ 

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…" 
https://alistapart.com/article/everyday-information-architecture-excerpt/ 


+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…" 
https://medium.com/@jesshmitchell/inclusive-what-is-it-55acfd8094dd 

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…" 
https://shoptalkshow.com/episodes/355/ 


+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…" 
https://www.uxbooth.com/articles/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 45, May 2, 2019.

David Dillard
 


lcarlson
image.png
May 2
+++ 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…" 
http://terrillthompson.com/1173 

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…" 
https://devops.com/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 <fieldset> without a, non-empty, <legend> child is the same 
as using a <div> 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…" 
https://codepen.io/aardrian/pen/pBqRyg 

A History of the HTML Slot Element 
By Jan Miksovsky. 
"To me, the story behind the standard HTML <slot> 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…" 
https://www.youtube.com/watch?v=kwE7Cb1aCwo 

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…"" 
https://techcrunch.com/2019/04/30/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.] 

 

 

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

David Dillard
 



 

+++ 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…" 
https://www.lflegal.com/2019/05/wcag-birthday/ 

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…" 
https://www.youtube.com/watch?v=nQq_gZiZ-jg 

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…" 
https://qrcaviews.org/2019/03/11/where-big-data-cant-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…" 
https://css-tricks.com/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 <a> 
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." 
https://davidberman.com/diy-live-captioning-around-your-neck-yes-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…" 
https://www.youtube.com/watch?v=sxte3WpyO60 

[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: May 15, 2019

David Dillard
 


lcarlson
image.png
May 15
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 47, May 16, 2019.

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

++ISSUE 47 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: 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.

Global Accessibility Awareness Day 2019: Three Ways You Can Participate
By Deborah Edwards-Onoro.
"If you want to participate in GAAD, but don't live near an inclusive
design or accessibility meetup group hosting the event, I've got you
covered…"
https://www.lireo.com/global-accessibility-awareness-day-2019/

WCAG 2.1 Primer (Alpha)
By GOV.UK.
"This document will help you get up to speed with WCAG 2.1 quickly and
avoid common mistakes people make when creating or updating web
content. You will find this really helpful if you design, build or
create web content…"
https://alphagov.github.io/wcag-primer/

How do You Test Success Criterion 1.3.5 on Mobile Applications? (Update)
By Chrissie Henning.
"At the time of publication we were not fully aware of the
ramifications of discussions and further post publication discussions,
in the WCAG working group, that have lead to the requirements for
conforming to this success criterion being more clearly defined…"
https://developer.paciellogroup.com/blog/2019/05/how-do-you-test-success-criterion-1-3-5-on-mobile-applications/#update

Shadows & Outlines Accessibility of Component Styling (Slides, Minutes, Video)
By Michael Gilbert, Philippe Clesca, Kunal D. Patel, Sky Ortiz, and
Jen Kozenski.
Google research & experience on WCAG Success Criterion 1.4.11:
Non-text Contrast.
Slides:
https://docs.google.com/presentation/d/1CFNxozlyO1lmiyRVCFuhQ_0t2c5QTLskY03CCeTpUuA/
WCAG Working Group Minutes:
https://www.w3.org/2019/05/14-ag-minutes.html#item01
Recording:
https://mit.webex.com/mit/lsr.php?RCID=42dc7191ccb949e681ad88d6de4f1622

Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded)
By Raghavendra Satish Peri.
"This success criterion requires that audio-only & video-only content
are provided with alternative method of conveying information. A text
transcript can be provided for audio track & text transcript or audio
track can be provided for a video that doesn't have an audio…"
https://www.digitala11y.com/understanding-sc-1-2-1-audio-only-and-video-only-prerecorded/

Notes from the A11y Underground #1
By Steve Faulkner.
"I have been meaning to start a periodic noting of meaty articles and
threads related to subjects close to my technical heart. Today intent
meets action. Here's a few that have tickled my fancy of late…"
https://developer.paciellogroup.com/blog/2019/05/notes-from-the-a11y-underground-1/

[DRAFT] (FAST) Checklist
By Accessible Platform Architectures Working Group.
"…The goal of Framework for Accessibility in the Specification of
Technologies (FAST) is to describe the features that web technologies
should provide to ensure it is possible to create content that is
accessible to users with disabilities…"
https://w3c.github.io/apa/fast/checklist.html

Some Accessibility Resources
By Scott O'Hara.
"If you're just getting into accessibility (or a11y for short), or
you're getting comfortable with what you know and want to build on
that, I recommend checking out the following resources…" (Thanks for
including the Webdev Newsletter, Scott!)
https://www.scottohara.me/note/2019/05/07/resources.html

Golden Rules of Social Media Accessibility (PDF)
By Jennifer Smith.
"How do you start creating accessible social media content…"
https://danya.com/files/sma_poster.pdf

Passed Your Accessibility Check? Don't Be So Sure.
By Paul Rayius
"Why does my PDF file pass Adobe Acrobat's Accessibility Checker but
fails using CommonLook's PDF Validator or PAC3?…"
https://commonlook.com/passed-your-accessibility-check-dont-be-so-sure/

Less Than 1% of Website Home Pages are Likely to Meet Accessibility Standards
By Claudia Cahalane.
"…To find out more about the report, AbilityNet accessibility and
usability consult Adi Latif spoke to Jared Smith, associate director
of WebAIM. You can find the video below of their conversation at
accessibility conference CSUN, below…"
https://abilitynet.org.uk/news-blogs/less-1-website-home-pages-are-likely-meet-accessibility-standards

RIT, Naz Caught in Explosion of ADA Website Lawsuits
By Berkeley Brean.
"All week News10NBC investigated the thousands of lawsuits accusing
the owners of restaurants, malls, art galleries and wineries of
discriminating against people with disabilities…"
https://www.whec.com/news/rit-naz-caught-in-explosion-of-ada-website-lawsuits/5340318/

Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website
By Stefanie Fogel.
"A visually-impaired man is suing The Pokémon Company because he says
one of its websites is not equally accessible to blind consumers and
violates the Americans with Disabilities Act…"
https://variety.com/2019/gaming/news/pokemon-center-company-ada-lawsuit-1203208010/


+02: CASCADING STYLE SHEETS.

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

A Design Pattern Solved by Subgrid
By Rachel Andrew.
"I've been playing with this early implementation of the subgrid
feature in Firefox, and it occured to me that subgrid could solve a
less obvious use case…"
https://rachelandrew.co.uk/archives/2019/05/07/a-design-pattern-solved-by-subgrid/

Subgrid
By Chris David Mills, SphinxKnight, and Rachel Andrew.
"Level 2 of the CSS Grid Layout specification includes a subgrid value
for grid-template-columns and grid-template-rows. This guide details
what subgrid does, and gives some use cases and design patterns that
are solved by the feature…"
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_layout/Subgrid

Understanding Grid Placement Through Building a HTML Periodical Table
By Chen Hui Jing.
"I've been using CSS grid to build layouts for quite a while now, and
all my designs to date involved either a handful of explicitly placed
individual grid items, or 100% automatic placement…"
https://www.chenhuijing.com/blog/understanding-grid-placement/

How to Create Joined Bulletpoint Lists with CSS, BBC News-style
By Peter Cooper.
"When there are live events, BBC News often runs a 'timeline' style
list against stories. For example…"
https://dev.to/peterc/how-to-create-joined-bulletpoint-lists-with-css-bbc-news-style-1eem


+03: COLOR.

Color Tutorial
By Tom Jewett.
"Most of the things that you will design with computers-user
interfaces, Web pages, and even printed documents-will use color in
some way. This tutorial is designed to help you understand and specify
colors. It does not address the effective use of color, which is a
much more complex topic…"
http://colortutorial.design/index.html


+04: DRUPAL.

Which of Drupal and WordPress is the Most Accessible Content
Management System? (Podcast)
By Jonathan Hassell.
"…Graham Armfield in our team has been working to make WordPress
accessible for years. And Mike Gifford, who has been leading
accessibility work on Drupal, is another good friend of ours at
Hassell Inclusion. So in this month's podcast we've put them together
to discuss their work…"
https://www.hassellinclusion.com/blog/drupal-and-wordpress-accessibility-comparison-2019/


+05: EVALUATION & TESTING.

A/B Testing vs. Multivariate Testing for Design Optimization (Video)
By Kate Moran.
"Like A/B testing, multivariate testing is a design optimization
method that involves experimenting with live traffic to find the best
impact on conversion."
https://www.nngroup.com/videos/a-b-testing-vs-multivariate/

Validating a Lostness Measure
By Jeff Sauro.
"…how do you measure when someone is lost? Is this captured already by
standard usability metrics or is a more specialized metric needed? It
helps to first think about how we measure usability…"
https://measuringu.com/lostness/


+06: EVENTS.

Front
June 6-7, 2019.
Salt Lake City, Utah, U.S.A.
https://www.frontutah.com/conference/

DinosaurJS
June 20, 2019.
Denver, Colorado, U.S.A.
https://dinosaurjs.org/

Web Directions Code
June 20-21, 2019.
Melbourne, Australia
https://webdirections.org/code/

Incorporating Accessibility Into your Process and Team
July 2, 2019.
Online
https://levelaccess.zoom.us/webinar/register/WN_fc0zkLjzTsqRt04hUrYxaw

Codeland
July 22, 2019.
New York, New York, U.S.A.
http://codelandconf.com/

Mid-Atlantic Developer Conference
August 1-2, 2019.
Baltimore, Maryland, U.S.A.
https://www.middevcon.com/

JavaScript and Friends Conference
August 2, 2019.
Columbus, Ohio, U.S.A.
https://www.javascriptandfriends.com/


+07: HTML.

A Delightful Reference for HTML Symbols, Entities and ASCII Character Codes
By Toptal Designers.
"HTML Arrows is a comprehensive reference website for finding HTML
symbol codes and entities, ASCII characters and Unicode hexadecimal
values to use in your web design…"
https://www.toptal.com/designers/htmlarrows/

Periodic Table of the Elements (Tutorial)
By Adrian Roselli.
"…this post is about a table of elements that is made up of non-table
elements. If that sentence made no sense, then you should enjoy this.
In other words, I may use the terms table and element in a confusing
fashion…"
http://adrianroselli.com/2019/05/periodic-table-of-the-elements.html

The HTML5 Treasure Hunt
By Bruce Lawson.
Slides from Bruce's International JavaScript Conference 2019 presneation.
https://speakerdeck.com/brucel/ijs-conference


+08: MISCELLANEOUS.

Guidelines for Brutalist Web Design
By David Bryant Copeland.
"…How amazing would it be to have readable text, clearly-marked
interaction points, unobtrusive advertising, all wrapped up in a
fast-loading site you could consume using the native tools of your
chosen device? …to start with left-aligned black text on a white
background, and to apply styling only to solve a specific problem.
This is good advice. Embrace this, and you embrace Brutalist Web
Design. Focus on your content and your visitors will enjoy you and
your website. Focus on decoration or tricking your visitors into
clicking ads, and your content will suffer, along with your visitors…"
https://brutalist-web.design/

A Crime Called Favicon
By Jens Oliver Meiert.
"At sum.cumo we have just opened a larger investigation into the
current situation and best practices with respect to favicons…"
https://meiert.com/en/blog/schmavicons/

Thoughts on the W3C's May 2019 Advisory Board Election
By Elika J Etemad.
"The W3C Advisory Board is electing 7 of its 11 members this May…"
http://fantasai.inkedblade.net/weblog/2019/w3c-advisory-board-election/

A Report from the AMP Advisory Committee Meeting
By Terence Eden.
"I don't like AMP. I think that Google's Accelerated Mobile Pages are
a bad idea, poorly executed, and almost-certainly anti-competitive…"
https://shkspr.mobi/blog/2019/05/a-report-from-the-amp-advisory-committee-meeting/


+09: NAVIGATION.

Customer Journey Mapping 101 (Video)
By Sarah Gibbons.
"The 5 components of a journey map and the benefits of using this
qualitative method as part of a UX design process to discover,
document, and share the bigger picture of what users want."
https://www.nngroup.com/videos/journey-mapping-101/


+10: TOOLS.

Accessibility Reference (Chrome DevTools)
By Kayce Basques.
"This page is a comprehensive reference of accessibility features in
Chrome DevTools. It is intended for web developers who:
https://developers.google.com/web/tools/chrome-devtools/accessibility/reference


+11: USABILITY.

Split Buttons
By Page Laubheimer.
"A split button is a dual-function menu button that offers a default
action as well as the possibility of choosing a different action by
selecting from a set of alternatives."
https://www.nngroup.com/articles/split-buttons/

Why I Don't Believe in Empathic Design
By Don Norman.
"Human-centered design pioneer Don Norman, who coined the term 'user
experience,' explains why he's not convinced by the current obsession
with empathy and what we should do instead…"
https://theblog.adobe.com/why-i-dont-believe-in-empathic-design-don-norman/

I Wrote the Book on User-Friendly Design. What I See Today Horrifies Me
By Don Norman.
"The world is designed against the elderly, writes Don Norman,
83-year-old author of the industry bible Design of Everyday Things and
a former Apple VP…"
https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me

Trans-Inclusive Design
By Erin White.
"Design decisions across our projects can mean the difference between
affirmation and invalidation-and sometimes safety and danger. Erin
White explores the repercussions for trans, non-binary, and
gender-variant users and what we can do about it."
https://alistapart.com/article/trans-inclusive-design/

UX Research on Product Page Videos: Where and How to Embed Them (35%
Get it Wrong)
By Jamie Appleseed.
"Imagine investing resources into expensive video production and
implementing video players on your e-commerce site, and then your
users don't watch the videos…"
https://baymard.com/blog/embedding-product-page-videos

4 Tips for Designing Apps for Older Users
By Jonathan Shariat.
"…Here are some of our design considerations…"
https://medium.com/project-ronin/4-tips-for-designing-apps-for-older-users-4246450a953c

[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: May 22, 2019

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 17, Issue 48, May 22, 2019.

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

++ISSUE 48 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: TOOLS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

First Annual State Of Accessibility Report (PDF)
By Diamond.
"The current state of accessibility is unacceptable. There are an
average of 59.6 major accessibility errors per webpage. From both a
civil rights and a business perspective, the 61 million Americans 2
and 1 billion people with disabilities ('PwD') worldwide are
under-served by today's digital products. Accessibility lawsuits are
rising exponentially, which has resulted in nascent awareness that
accessibility is an issue…"
https://cdn2.hubspot.net/hubfs/5626219/SOAR%20/Diamond_SOAR_Report_2019.pdf

Columbia & Elm; Fairfield & Gloucester
By Ethan Marcotte.
"…I want to read poetry in alt text; to have our work's success
measured by how broadly it can be accessed; to create moving,
beautiful experiences for people who may not use the web like I do…"
https://ethanmarcotte.com/wrote/columbia-and-elm-fairfield-and-gloucester/

7 Reasons Why You Want to Caption Your Videos
By Meryl K. Evans.
"…People who are deaf or hard of hearing are NOT the main users of
captioned videos. Here are seven reasons to caption your videos…"
https://www.linkedin.com/pulse/7-reasons-why-you-want-caption-your-videos-meryl-evans

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible
By Oliver Lindberg.
"…To mark Global Accessibility Awareness Day, we asked several
accessibility advocates for some practical tips you may not have
thought of, to help you build sites and apps that are more accessible
and inclusive…"
https://www.shopify.com/partners/blog/universal-design

Short Note on prefers-reduced-motion and Puzzled (Windows) Users
By Patrick H. Lauke.
"…recommend just sticking to this particular (Windows-specific effects
in the 'Advanced System Settings') checkbox when testing for 2.3.3
Animation from Interactions - unless you enjoy spending time after
each round of testing to reset your Windows environment the way you
like it."
https://developer.paciellogroup.com/blog/2019/05/short-note-on-prefers-reduced-motion-and-puzzled-windows-users/

Checklist
By The A11Y Project.
"Determine how accessible your site is…"
https://a11yproject.com/checklist

Understanding SC 1.1.1 Non-text Content
By Raghavendra Satish Peri.
"This success criterion requires that any non-text content that
includes active images (imagelinks), area maps, informative images,
complex charts and graphs, CSS images, decorative images, input image
controls, CAPTCHA and audio and video contents must have text
alternatives…"
https://www.digitala11y.com/understanding-sc-1-1-1-non-text-content/

Summary of Accessibility Toronto Camp
By Dennis Lembree.
"Accessibility Toronto Camp occurred Saturday, May 18 at OCAD
University in incredible city of Toronto, Ontario, Canada…"
http://www.webaxe.org/summary-of-accessibility-toronto-camp/

Selfish Accessibility - YGLF Vilnius (Slides)
By Adrian Roselli.
Adrian's Vilnius JavaScript slides.
http://adrianroselli.com/2019/05/selfish-accessibility-yglf-vilnius.html

How Your Company Can Prevent ADA Website Accessibility Lawsuits
By Kim Krause Berg.
"…The only way to prevent an ADA lawsuit is to plan for, design and
build for web accessibility…"
https://www.searchenginejournal.com/prevent-accessibility-website-lawsuit/306055/

Fraud Whistleblower Seeks Redress for Inaccessible Public Website that
Cost California $66 Million
By Kristopher Nelson.
"TRE Legal Practice alleges that Xerox Corp. and Conduent, Inc.
defrauded taxpayers when the two companies built a $66 million state
park reservation website that hundreds of thousands of Californians
with disabilities cannot use…"
https://www.trelegal.com/posts/fraud-whistleblower-seeks-redress-for-inaccessible-public-website-that-cost-california-66-million/


+02: EVALUATION & TESTING.

Using Trade-Off Scales for Prioritization in UX Design Projects
By Anna Kaley.
"Trade-off scales are a tool that UX practitioners can use to to
visually prioritize user needs and project dimensions to focus
resources on the most important ones."
https://www.nngroup.com/videos/tradeoff-scale-ux-priority/


+03: EVENTS.

Utah Accessibility Meetup #1
May 29, 2019.
Salt Lake City, Utah, U.S.A.
https://www.meetup.com/UtahA11y/events/261077544/

Maker Series: Accessibility Workshop with Derek Featherstone
June 13, 2019.
Dayton, Ohio, U.S.A.
https://www.eventbrite.com/e/maker-series-accessibility-workshop-with-derek-featherstone-tickets-61582042547

Impact of Captions & Transcripts on Student Learning & Comprehension
June 26, 2019.
Online
https://www.3playmedia.com/resources/webinars/

JSConf US
August 12-14, 2019
Carlsbad, California, U.S.A.
https://2019.jsconf.us/

Vancouver UX Conference
August 19-23, 2019.
Vancouver, British Columbia, Canada
https://www.nngroup.com/training/vancouver/

Abstractions
August 21-23, 2019
Pittsburgh, Pennsylvania, U.S.A.
https://abstractions.io/

W3C Developer Meetup
September 16, 2019.
Fukuoka, Japan
https://www.w3.org/2019/09/Meetup/


+04: HTML.

Building an Accessible Progressive Loader (Slides)
By Russ Weakley.
"This presentation for A11y Bytes May 2019, takes you through how to
mark up a progress loader using the progress element. Then, eight tips
for making the progress loader accessible."
https://www.slideshare.net/maxdesign/building-an-accessible-progressive-loader


+05: JAVASCRIPT.

JavaScript and Accessibility: Accordions
By Lindsey Kopacz.
"…I am going to go into a deep dive on how to make accordions
accessible! Our focus is: 1.) Accessing the accordion with a keyboard
1.) Screen reader support…"
https://www.a11ywithlindsey.com/blog/javascript-accessibility-accordions/


+06: MISCELLANEOUS.

Take Back Your Web (Video)
By Tantek Çelik.
"…Own your domain. Own your content. Own your social connections. Own
your reading experience. IndieWeb services, tools, and standards
enable you to take back your web."
https://vimeo.com/336343886

Can 'Indie' Social Media Save Us?
By Cal Newport.
"…If you're using a company's servers without paying for the
privilege, then that company must be finding other ways to 'extract
value' from you…Social media has reshaped our culture, and this has
convinced us that it is fundamentally appealing. Strip away its most
manipulative elements, though, and we may find that it's less
rewarding than it seems."
https://www.newyorker.com/tech/annals-of-technology/can-indie-social-media-save-us

All Constraints are Beautiful (Video)
By Charlie Owen.
"…In this talk Charlie will tell us how constraints are something that
should be sought out and embraced, especially in the infinite chaos of
the web…"
https://vimeo.com/335856612

Accessibility in Web Standards (Podcast)
By Jamie White.
"Léonie Watson has been focused on accessibility for nearly twenty
years. She joins us to talk about her long career in web
accessibility, her involvement in the W3C, and where she believes the
future of the technology is headed.…"
https://www.heroku.com/podcasts/codeish/16-accessibility-in-web-standards


+07: NAVIGATION.

How to Conduct Research for Customer Journey Mapping (Video)
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/videos/research-journey-mapping/


+08: TOOLS.

ARC Toolkit
By The Paciello Group.
"Quickly uncover accessibility issues on any web page and gain
valuable accessibility insights with TPG's ARC Toolkit."
https://www.paciellogroup.com/toolkit/

Contrast Checker
By GOVUK Design System Team.
Developed to help test WCAG 2.1 Success Criterion 1.4.11: Non-text Contrast.
https://contrast-checker.glitch.me/


+09: USABILITY.

Digital Contributing to Climate Crisis
By Gerry McGovern.
"…The digital environment is much more wasteful than the physical
environment since it is easy to create, copy, and publish digital
things. Our oceans are full of plastic. Our websites are even more
full of crap. We treat our digital environment even worse than our
physical environment. It's high time we changed."
http://gerrymcgovern.com/digital-contributing-to-climate-crisis/

10 Usability Heuristics Applied to Video Games
By Alita Joyce.
"Following Jakob Nielsen's 10 heuristics for user-interface design
will improve the user experience of video games."
https://www.nngroup.com/articles/usability-heuristics-applied-video-games/


[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 49, May 29, 2019.

David Dillard
 


image.png
lcarlson
image.png
May 29
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 49, May 29, 2019.

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

++ISSUE 49 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: STANDARDS, GUIDELINES & PATTERNS.
09: TYPOGRAPHY.
10: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Contextually Marking up Accessible Images and SVGs
By Scott O'Hara.
"…there are various methods that can be used to provide an accessible
name to an image or SVG element…depending on the markup pattern and
the method used, the accessible name may not be exposed as expected,
due to quirks or gaps in implementations. This means that without
testing, graphics may not be exposed in the manner in which you might
expect…"
https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html

The Difference Between Keyboard and Screen Reader Navigation
By Léonie Watson.
"…Whether someone is a keyboard user or a screen reader user, the
importance of HTML cannot be emphasised enough. Without well-formed
HTML that uses the appropriate element for the purpose, screen reader
navigation breaks down completely, and keyboard navigation is at a
high risk of doing the same…"
https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/

Accessible Icon Buttons
By Sara Soueidan.
"An icon button is an icon that triggers some sort of action on the page…"
https://www.sarasoueidan.com/blog/accessible-icon-buttons/

Tabindex: It Rarely Pays to be Positive
By Scott O'Hara.
"HTML's tabindex attribute may be used to modify whether an element
can receive keyboard focus, or not…"
https://www.scottohara.me/blog/2019/05/25/tabindex.html

2.1.4 Character Key Shortcuts - WCAG 2.1 - Level A
By Rakesh Paladugula.
"If a keyboard shortcut is implemented in content using only letter
(including upper- and lower-case letters), punctuation, number, or
symbol characters, then at least one of the following is true…"
https://www.maxability.co.in/2019/05/27/2-1-4-character-key-shortcuts-wcag-2-1-level-a/

Dragon and Accessible Names on the Web (Video)
By Eric Wright.
"A brief demonstration of "What You See Is What You Say" in a web
browser, and how interaction changes when I only have to say part of
an element's accessible name. Elements should be named carefully to
enable intuitive interactions…"
https://www.youtube.com/watch?v=p5WqhltSlE0

Here are 23 Terms You Should Know to Better Understand Accessibility
By Julie Zeglen, Jonah Freedman et al.
"Audism, multi-modality and Section 508: We built a glossary based on
local experts' suggestions of the terms they think everyone should
learn…"
https://technical.ly/philly/2019/05/24/accessibility-terms-glossary-technology/

A Model for WordPress Accessibility
By Adrian Roselli.
"I am going to propose a way to increase the overall accessibility of
the WordPress ecosystem…"
http://adrianroselli.com/2019/05/a-model-for-wordpress-accessibility.html


+02: CASCADING STYLE SHEETS.

Digging Into The Display Property: Grids All The Way Down
By Rachel Andrew.
"Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at what happens when you use grid as a value of
display, with added information about how subgrid changes that
behavior…"
https://www.smashingmagazine.com/2019/05/display-grid-subgrid/


+03: EVALUATION & TESTING.

Questionnaire Design: An Interview with Annie Pettit (Podcast)
By Gerry Gaffney.
"My guest today is a market research methodologist who specializes in
survey design and data quality…"
https://uxpod.com/questionnaire-design-an-interview-with-annie-pettit/

Macro & Microconversions as Metrics in Analytics (Video)
By Kathryn Whitenton.
"The most desired user actions (macroconversions) may be too rare to
generate enough analytics data for fast design iteration, so we can
also analyze smaller user actions (microconversions) that are more
frequent and are connected to bigger goals."
https://www.nngroup.com/videos/macro-microconversions-metrics-analytics/


+04: EVENTS.

Web Accessibility Evaluation for Non-Technical Users (3-part course)
June 10, 12, and 14, 2019.
Online.
http://disability.illinois.edu/academic-support/accessible-it-group/badging#nontech

Minnesota Assistive Technology (AT) and Accessibility Summit
June 13-14, 2019.
St. Paul, Minnesota, U.S.A.
https://www.regonline.com/builder/site/default.aspx?EventID=2564241

Web Accessibility Evaluation for Technical Users (3-part course)
June 17, 19, and 21, 2019
Online.
http://disability.illinois.edu/academic-support/accessible-it-group/badging#tech

Access Technology Higher Education Network (ATHEN) Virtual Conference
June 21, 2019.
Online
https://athenpro.org/content/athen-virtual-conference

IndieWeb Summit
June 29-30, 2019.
Portland, Oregon, U.S.A.
https://2019.indieweb.org/summit

Audio Description Institute
July 10-12, 2019.
Rochester, New York, U.S.A.
https://acbconvention.org/account/adp/login.php

Chicago UX Conference
September 7-13, 2019, U.S.A.
Chicago, Illinois, U.S.A.
https://www.nngroup.com/training/chicago/

Accessibility Scotland
October 25, 2019.
Edinburgh, Scotland
https://accessibility.scot/


+05: HTML.

What Have HTML5 Elements Ever Done for Accessibility? (Slides)
By Graham Armfield.
"It's a story of good intentions that haven't always been carried
through into a good implementation."
https://speakerdeck.com/coolfields/what-have-html5-elements-ever-done-for-accessibility

Placeholder: The Piss-Take Label
By Steve Faulkner.
"The reasons why use of the placeholder attribute as the only means of
providing a user readable prompt for a form control is deficient UX,
are voluminous…"
https://codepen.io/stevef/post/placeholder-the-piss-take-label


+06: MISCELLANEOUS.

Plain Text vs. HTML Emails: Which Is Better? [New Data]
By Niti Shah.
"…Although people say they prefer HTML-based and image-based emails,
in reality, simpler emails perform best -- and plain-text emails
perform best of all…"
https://blog.hubspot.com/marketing/plain-text-vs-html-emails-data


+07: NAVIGATION.

How Many Items in a Navigation Menu? (Video)
By Page Laubheimer.
"A key question in information architecture (IA) is to decide the
number of items in navigation menus (including global menus and local
menus). 4 main factors determine the answer, but it's not 7, despite a
common myth."
https://www.nngroup.com/videos/number-items-navigation-menu/


+08: STANDARDS, GUIDELINES & PATTERNS.

W3C and WHATWG to Work Together to Advance the Open Web Platform
By Jeff Jaffe.
"…Motivated by the belief that having two distinct HTML and DOM
specifications claiming to be normative is generally harmful for the
community, and the mutual desire to bring the work back together, W3C
and WHATWG agree to the following terms…"
https://www.w3.org/blog/2019/05/w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform/


+09: TYPOGRAPHY.

Typography Terms Cheat Sheet
By Therese Fessenden.
"Typography concepts can sometimes get lost in translation between
researchers, developers, designers, and stakeholders. Use this cheat
sheet to help you decode the meaning of common or often mistaken
typography terms."
https://www.nngroup.com/articles/typography-terms-ux/

The State of Fluid Web Typography
By Matej Latin.
"Fluid typography gives us so many opportunities to better design the
reading experiences on the web but, at the same time, it introduces
problems of font sizes scaling uncontrollably and potential
accessibility issues. Is fluid web typography ready to be used?…"
https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/

font-display is Incompatible with Icon Fonts
By Zach Leatherman.
"There are myriad problems with icon fonts…"
https://www.zachleat.com/web/font-display-icon-fonts/


+10: USABILITY.

User Needs, and Why Your Organization Doesn't Care About Them
By Padma Gillen.
"We are excited to share this excerpt from GatherContent's book Lead
with Content…"
https://www.uxbooth.com/articles/user-needs-and-why-your-organization-doesnt-care-about-them/

'About Us' Information on Websites
By Anna Kaley and Jakob Nielsen.
"Users expect About Us sections to be clear, authentic, and
transparent. They compare corporate content with third-party reviews
to form a holistic opinion of a company before initiating business or
applying for jobs."
https://www.nngroup.com/articles/about-us-information-on-websites/


[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 50, June 6, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 17, Issue 50, June 6, 2019. 

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

++ISSUE 50 CONTENTS. 

SECTION ONE: New references. 
What's new at the Web Design Reference site? 
Web Design References 
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: TOOLS. 
11: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

Accessibility Lessons (Video) 
By Apple. 
"Listen to four lightning talks from Apple Accessibility engineers to 
learn about how to make your app more inclusive and accessible…" 
https://developer.apple.com/videos/play/wwdc2019/201/ 

Accessibility Cheatsheet 
By Moritz Giessmann. 
"Practical approaches to Universal Design for making your 
website/webapp accessible to everyone…" 
https://moritzgiessmann.de/accessibility-cheatsheet/ 

Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible 
By Oliver Lindberg. 
"Accessibility has come a long way over the last few years. It used to 
be a niche discipline focused on people with disabilities, but 
recently this focus has shifted towards inclusive design and the 
understanding that websites and apps need to work for everyone 
regardless of disabilities, hardware or software in use, or internet 
speed…" 
https://www.shopify.com/partners/blog/universal-design 

Web Accessibility Among Nonprofits 
By Cyndi Rowland. 
"…WebAIM has completed 2 rounds of research taking a peek at the 
accessibility of homepages in the nonprofit space. In the spirit of 
adding to a developing research base, we want to share those findings 
here. I will share the most recent (2019) findings, whose methodology 
aligned with the WebAIM Million…" 
https://webaim.org/blog/web-accessibility-among-nonprofits/ 

De-Mystifying the ATAG 2.0 Guidelines 
By Leonie Watson. 
"The Authoring Tool Accessibility Guidelines (ATAG) are a set of 
requirements for making authoring tools that are accessible, and 
capable of producing accessible content…" 
https://invotra.com/blogs/de-mystifying-the-atag-2-0-guidelines/ 

Do You Need an Icon Only Button Without Screwing Up the Accessibility? 
By Chris Coyier. 
"The first consideration is: do you really? If you can, having text 
next to your icons is proven over and over again to be the most 
accessible and clearest UX…" 
https://css-tricks.com/do-you-need-an-icon-only-button-without-screwing-up-the-accessibility/ 

Fienen's Totally Tubular Talk Teaching Techniques to Transcribe (Video) 
By Michael Fienen. 
"Audio transcription poses a unique combination of challenges that 
result in a high bar that content creators still struggle to get over. 
Despite the availability of steadily improving tools, we still fight 
in day-to-day content management to ensure audio content has text 
alternatives…" 
https://www.youtube.com/watch?v=35vhPcmtbrk 

Status of the Accessibility of Slack 
By Marco Zehe. 
"This article was last updated in May 2019…" 
https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/ 


+02: CASCADING STYLE SHEETS. 

Grid, Content Re-Ordering and Accessibility 
By Rachel Andrew. 
"I have long been concerned about the potential accessibility problems 
that grid layout could cause. These essentially centre around the 
concept of disconnecting the source from the visual display…" 
https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/ 


+03: EVALUATION & TESTING. 

Auditing Web Content with Web Inspector 
By Apple. 
"Discover a new way to ensure your web content meets team coding 
standards and that you can deliver better code even without reliance 
on automated test systems. Find out how to use the Audit tool in Web 
Inspector to quickly and easily audit your web content during 
development so important compliance details don't slip by…" 
https://developer.apple.com/videos/play/wwdc2019/514/ 

Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score 
By Manuel Matuzovic. 
"Google's built-in testing tool Lighthouse judges the accessibility of 
our websites with a score between 0 and 100. It's laudable to try to 
get a high grading, but a score of 100 doesn't mean that the site is 
perfectly accessible. To prove that I carried out a little 
experiment…" 
https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/ 

Four Things We Learnt From Facilitating Usability Testing Sessions 
With Blind Users 
By Vedran Arnautovic. 
"Recently two of my colleagues (Todd Moore, Stephanie Moss) and I 
tested parts of SEEK's site with vision impaired users…" 
https://medium.com/seek-blog/four-things-we-learnt-from-facilitating-usability-testing-sessions-with-blind-users-2298dac58ae2 

The Importance of Replicating Research Findings 
By Jeff Sauro. 
"…Here are nine examples of claims or methods that we've attempted to 
replicate. Some we found similar results for, and we failed to 
replicate others, but with all we learned something and hope to extend 
that knowledge for others to leverage…" 
https://measuringu.com/replicating-research/ 

Usability Test Reporting: Spend Less Time, Have More Impact 
By Ismaël Sow. 
"Let's see how to gain speed and impact with your usability testing reports…" 
https://conversionxl.com/blog/usability-test-reporting/ 


+04: EVENTS. 

Using the VPAT in Purchasing Decisions 
June 11, 2019. 
Online 
http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html 

Data Visualization: Tips for Making Complex Graphical Content Accessible to All 
June 13, 2019. 
New York, New York, U.S.A. 
https://www.meetup.com/A11yNYC/events/261680441/ 

To Boldly Go Where No Single Page Application (SPA) Has Gone Before… 
June 18, 2019. 
Chicago, Illinois, U.S.A. 
https://www.meetup.com/a11ychi/events/262004166/ 
Live Stream: https://www.youtube.com/watch?v=0xNZst236jY 
Live Captions: http://www.streamtext.net/player?event=CDA 

How Slack Approaches Accessibility Testing 
August 1, 2019. 
Online 
https://go.3playmedia.com/wbn-08-01-2019-slack 

Midwest UX 
October 10-12, 2019. 
Grand Rapids, Michigan, U.S.A. 
http://2019.midwestuxconference.com/ 

Inclusive Design 24 (#id24) 
October 10, 2019. 
Online 
https://inclusivedesign24.org/ 

HighEdWeb 
October 13-16, 2019. 
Milwaukee, Wisconsin, U.S.A. 
https://2019.highedweb.org/ 

EDUCAUSE Annual Conference 
October 14-17, 2019. 
Chicago, Illinois, U.S.A. 
https://events.educause.edu/annual-conference/2019 


+05: HTML. 

Reducing Motion with the Picture Element 
By Brad Frost. 
"…This technique would definitely be helpful for posts with embedded 
animated GIFs in it. Authors would have to grab a static frame of a 
GIF as a fallback, so there's a bit of extra work involved, but the 
technical execution is pretty dang straightforward…" 
http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/ 


+06: JAVASCRIPT. 

WAI-ARIA Menus, and Why You Should Handle Them with Great Care 
By Macro Zehe. 
"The WAI-ARIA standard defines a number of related menu roles. 
However, before using them, please give great consideration to the 
implications…" 
https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/ 

Implementing Private Variables In JavaScript 
By Khari McMillian. 
"JavaScript (or ECMAScript) is the programming language that powers the web…" 
https://css-tricks.com/implementing-private-variables-in-javascript/ 


+07: MISCELLANEOUS. 

Daily Ethical Design 
By Lennart Overkamp. 
"There's no shortage of content, manifestos, and opinions these days 
on how design can be evil. But if they've left you feeling more 
frustrated than empowered, wishing for practical, real-world ways to 
enact change in your work, we hear you. In this piece, Lennart 
Overkamp lays out a practice-based approach to daily ethical design. 
You might be surprised to find out how much you can already do." 
https://alistapart.com/article/daily-ethical-design/ 

Cake or Death: AMP and the Worrying Power Dynamics of the Web 
By Andrew Betts. 
"…the news industry is in the midst of a full blown disaster, society 
around the world is being starved of intelligent thought and the 
results are horrifying. AMP is partly responsible for this, and if 
there's a bug to be fixed, it is the people who invented it and still 
think it's a good idea…" 
https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/ 

Take Back Your Web: Tantek Çelik's Call to Action to Join the Independent Web 
By Sarah Gooding. 
"Tantek Çelik, Web Standards Lead at Mozilla and co-founder of 
IndieWebCamp, delivered an inspirational talk titled 'Take Back Your 
Web' at the most recent beyond tellerrand conference in Düsseldorf, 
Germany…" 
https://wptavern.com/take-back-your-web-tantek-celiks-call-to-action-to-join-the-independent-web 

Before Netscape: The Forgotten Web Browsers of the Early 1990s 
By Matthew Lasar. 
"From the archives: Does anybody remember Erwise? Viola? Cello? Let's 
reminisce…" 
https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/ 

Your Company's Slack is Probably Sexist 
By Leah Fessler. 
"Slack is the bane and the lifeblood of my workplace communication…" 
https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/ 


+08: NAVIGATION. 

Skip Links Design Showcase 
By Christopher Schmitt. 
"…To help with design inspiration, here are a handful of sites 
utilizing Skip Links that work well with their site's brand…" 
https://knowbility.org/blog/2019/skip-links-gallery/ 


+09: STANDARDS, GUIDELINES & PATTERNS. 

W3C TAG Ethical Web Principles 
By Daniel Appelquist and Hadley Beeman, Editors. 
"The web should be a platform that helps people and provides a net 
positive social benefit. As we continue to evolve the web platform, we 
must therefore consider the ethical consequences of our work. The 
following document sets out ethical principles that will drive the 
TAG's continuing work in this direction…" 
https://www.w3.org/2001/tag/doc/ethical-web-principles/ 

Why Did We Need Another Accessibility Standard? - the Birth of ISO 30071-1 
By Jonathan Hassell. 
"…I'm delighted that the resulting Standard - ISO 30071-1 - has been 
published this week…I believe this is a great step forwards in 
promoting inclusive design and accessibility globally…" 
https://www.hassellinclusion.com/blog/why-do-we-need-iso-30071-1/ 


+10: TOOLS. 

39 Accessibility Bookmarklets You Can Use For A11Y Testing 
By Raghavendra Satish Peri. 
"These nifty accessibility bookmarklets perform various accessibility 
audit functions & will come in handy during an accessibility 
automation evaluation. They can also be deployed on mobile browsers to 
test responsive design…" 
https://www.digitala11y.com/accessibility-bookmarklets-testing/ 

Togglific 
By Scott Vinkle. 
"Toggle web animations on or off; for people with vestibular 
disorders, who are prone to motion sickness, or who find animations 
distracting…" 
https://github.com/svinkle/togglific 

Enterprise Accessibility Tools Roundup 
By Raghavendra Satish Peri. 
"A curated list of Enterprise accessibility tools that will enable 
automation of web accessibility testing across the website, generate 
reports , create visual dashboards & help in optimizing overall 
accessibility progress across the organization." 
https://www.digitala11y.com/enterprise-accessibility-tools-roundup/ 


+11: USABILITY. 

UX Dark Patterns: Manipulinks and Confirmshaming 
By Erin Schroeder. 
"…These subscriber retention practices are known as a negative 
opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark 
patterns are mysterious, veiled attempts to inspire conversions by 
tricking web visitors and prospective customers into an action they 
didn't intend…" 
https://www.uxbooth.com/articles/ux-dark-patterns-manipulinks-and-confirmshaming/ 

Creepiness-Convenience Tradeoff 
By Kate Moran and Kim Flaherty. 
"As people consider whether to use the new "creepy" technologies, they 
do a type of cost-benefit analysis weighing the loss of privacy 
against the benefits they will receive in return." 
https://www.nngroup.com/articles/creepiness/ 

Talking to Computers (part 1): Why is Speech Recognition so Difficult? 
By Philip Hodgson. 
"Although the performance of today's speech recognition systems is 
impressive, the experience for many is still one of errors, 
corrections, frustration and abandoning speech in favour of 
alternative interaction methods. We take a closer look at speech and 
find out why speech recognition is so difficult." 
https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html 

Why You Should Use a Grid for Designing Layouts (Video) 
By Therese Fessenden. 
"Grids are a great framework to help designers quickly put together a 
clean, well-aligned interface, and help users to easily scan, read, 
and use those interfaces." 
https://www.nngroup.com/videos/grid-layouts/ 


[Section one ends.] 


++ SECTION TWO: 

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

Accessibility Information. 
Web Design References: Accessibility 

Association Information. 
Web Design References: Associations 

Book Listings. 
Web Design References: Books 

Cascading Style Sheets Information. 
Web Design References: Cascading Style Sheets 

Color Information. 
Web Design References: Color 

Drupal Information. 
Web Design References: Drupal 

Evaluation & Testing Information. 
Web Design References: Evaluation and Testing 

Event Information. 
Web Design References: Events 

HTML Information. 
Web Design References: HTML 

Information Architecture Information. 
Web Design References: Information Architecture 

JavaScript Information. 
Web Design References: JavaScript 

Miscellaneous Web Information. 
Web Design References: Miscellaneous 

Navigation Information. 
Web Design References: Navigation & Labeling 

PHP Information. 
Web Design References: PHP 

Sites & Blogs Listing. 
Web Design References: Sites & Blogs 

Standards, Guidelines & Pattern Information. 
Web Design References: Standards, Guidelines, and Patterns 

Tool Information. 
Web Design References: Tools 

Typography Information. 
Web Design References: Typography 

Usability Information. 
Web Design References: Usability 

XML Information. 
Web Design References: Usability 

[Section two ends.] 


++END NOTES. 


+ SUBSCRIPTION INFO. 

WEB DESIGN UPDATE is available by subscription. For information on how 
to subscribe and unsubscribe please visit: 
Web Design References: Webdev Newsletter 
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: 
Text Email Newsletter (TEN) Standard 


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









































































































































 

 

Jun 12 +++ WEB DESIGN UPDATE. - Volume 17, Issue 51, June 12, 2019.

David Dillard
 


Web Design Update: June 12, 2019
1 post by 1 author
image.png
image.png


+++ WEB DESIGN UPDATE.
- Volume 17, Issue 51, June 12, 2019.

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

++ISSUE 51 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: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: TYPOGRAPHY.
11: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Target Size and 2.5.5
By Adrian Roselli.
"Regardless of what accessibility conformance level you target, try to
ensure that interactive controls are at least 44 by 44 pixels in size.
Links in blocks of text are exempt…"
http://adrianroselli.com/2019/06/target-size-and-2-5-5.html

Indicating Focus to Improve Accessibility
By Hidde de Vries.
"It's a common, but fairly easy-to-fix accessibility issue: lack of
indicating focus. In this post I will explain what we mean by focus
and show you how focus outlines make your site easier to use…"
https://hiddedevries.nl/en/blog/2019-06-06-indicating-focus-to-improve-accessibility

Selfish Accessibility (Video)
By Adrian Roselli.
"We can all pretend that we're helping others by making web sites and
software accessible, but we are really making them better for our
future selves…"
https://www.youtube.com/watch?v=-O5b529V96g

Keep it Simple
By Andy Bell.
"One thing that is often forgotten about accessibility is that keeping
things simple and utilising semantic HTML gets you most of the way
towards providing a fully accessible experience for everyone…"
https://andy-bell.design/wrote/keep-it-simple/

Form Accessibility: A Practical Guide
By Jimmy Somsanith.
"How to make a form accessible?…"
https://itnext.io/form-accessibility-a-practical-guide-4062b7e2dd14

The Anatomy of Accessible Forms: The Problem with Placeholders
By Raghavendra Peri.
"…In part one of the series on accessible forms, we will see why using
a placeholder is not great from the accessibility standpoint and how
to use a placeholder attribute successfully…"
https://www.deque.com/blog/accessible-forms-the-problem-with-placeholders/

Understanding SC 3.1.1 Language of Page
By Raghavendra Satish Peri.
"This success criterion requires that each web page of a site has its
default human language programmatically defined…"
https://www.digitala11y.com/understanding-sc-3-1-1-language-of-page/

As Summer Approaches, the SDNY Once Again Provides Hope for Businesses
Exhausted by Repeated Website Accessibility Lawsuits
By Joshua A. Stein and Shira M. Blank.
"While decided on multiple grounds, the Court's decision is primarily
based on mootness, providing businesses who have already taken the
necessary steps to comply with the Web Content Accessibility
Guidelines (WCAG) at Levels A and AA, and to also maintain compliance
going forward, with a potential blueprint to defeat 'secondary strike'
lawsuits brought in the SDNY…"
https://www.natlawreview.com/article/summer-approaches-sdny-once-again-provides-hope-businesses-exhausted-repeated


+02: CASCADING STYLE SHEETS.

Semantically Identifying a Font Icon with role="img"
By W3C Accessibility Guidelines Working Group.
"The objective of this technique is to show how to semantically
identify an element that uses a font file for icons. When a user
overrides font-family these icons typically disappear unless there is
a means to identify them. The point is to provide a technique to
differentiate icon fonts from general font (text) usage…"
https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24

The CSS background-image Property as an Anti-Pattern
By Andrew Welch.
"The CSS back­ground-image property allowed us to do some amaz­ing
things, but in most cases, it's time to leave it behind…"
https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern

Test Your Specificity Chops
By Estelle Weyl.
"What is the specificity of the following selectors…"
https://estelle.github.io/CSS/selectors/exercises/specificity.html

The CSS Mindset
By Michelle Barker.
"…Other programming languages often work in controlled environments,
like servers. They expect certain conditions to be true at all times,
and can therefore be understood as concrete instructions as to how a
program should execute. CSS on the other hand works in a place that
can never be fully controlled, so it has to be flexible by default…"
https://mxb.dev/blog/the-css-mindset/


+03: COLOR

Oddities in Color Perception
By Alastair Campbell.
"I've seen a few posts/tweets recently highlighting apparent issues in
the colour-contrast testing for WCAG (Web Content Accessibility
Guidelines)…"
https://alastairc.uk/2019/04/oddities-in-color-perception/


+04: EVALUATION & TESTING.

Why User Interviews Fail
By Maria Rosala.
"User interviews are often used for the wrong purpose, they're not
planned or analyzed properly, and stakeholders don't see the value in
doing them."
https://www.nngroup.com/articles/why-user-interviews-fail/


+05: EVENTS.

Introduction to TPG's Free Accessibility Testing Tool: ARC Toolkit
June 20, 2019.
Online
https://zoom.us/webinar/register/6715596580500/WN_euxVglp7TYKiL8l7rzCyng

ICT Accessibility Testing Symposium
October 1-2, 2019.
Washington, D.C., U.S.A.
https://2019ict.org/

Smashing Magazine Conference
October 15-16, 2019.
New York City, New York, U.S.A.
https://smashingconf.com/ny-2019/

New York City UX Conference
October 12-18, 2019, U.S.A.
New York, New York, U.S.A.
https://www.nngroup.com/training/new-york-city/

World Usability Congress
October 16-17, 2019.
Graz, Austria
https://worldusabilitycongress.com/

Disability Rights Advocates New York Gala
October 21, 2019.
New York, New York, U.S.A.
https://dralegal.org/dras-2019-nyc-gala/

#a11yTOConf
October 24-25, 2019.
Toronto, Canada
https://conf.a11yto.com/


+06: HTML.

The Problem with Web Components
By Adam Silver.
"…It's possible-and certainly my hope-that web components will improve
over time and these issues will be resolved. But for now, I'm holding
fire on them. In this article I'll explain why that is, and suggest an
alternative way to develop components in the meantime…"
https://adamsilver.io/articles/the-problem-with-web-components/


+07: INFORMATION ARCHITECTURE.

Paper Prototyping 101 (Video)
By Rachel Krause.
"Using paper prototypes is a great way to test a design idea and get
usability feedback quickly. You can test whether a layout makes sense
to users and make immediate changes if they run into issues."
https://www.nngroup.com/videos/paper-prototyping-101/


+08: JAVASCRIPT.

Fallback Considerations for ARIA role=img
By Scott O'Hara.
"By using ARIA's role="img" you can change the semantics of an element
to expose itself to the browser's accessibility API as an image or
'graphic'…"
https://www.scottohara.me/blog/2019/06/10/no-fallback-drawback.html


+09: MISCELLANEOUS.

Disability Etiquette: University of Guelph Accessibility Conference
By John McNabb.
Info and slides from John's presentation at Guelph University's Annual
Accessibility Conference.
https://developer.paciellogroup.com/blog/2019/06/disability-etiquette-university-of-guelph-accessibility-conference/

Privisight
By Jeremy Keith.
"The New York Times has created a collection of articles relating to privacy…"
https://tinyletter.com/clearleft/letters/clearletter-from-clearleft-privisight


+10: TYPOGRAPHY.

The Case Against Banning Italics
By Ted Page.
"Why a blanket ban on italics for accessibility reasons is likely to
do more harm than good…"
https://accessible-digital-documents.com/blog/banning-italics/


+11: USABILITY.

Content is Service, Service is Content
By Gerry McGovern.
"…if you want to fix the problem, first we must fix the organization.
First rule of thumb is no more content, no more services. Just
customer tasks. The organization must organize around the customers'
tasks…"
http://gerrymcgovern.com/content-is-service-service-is-content/

Why Text Buttons Hurt Mobile Usability
By Anthony Tseng.
"The usability standards for buttons are higher for mobile apps than
desktop apps…"
https://uxmovement.com/mobile/why-text-buttons-hurt-mobile-usability/#UX

Readability Guidelines
By Content Design London.
"Imagine a collaboratively developed, universal content style guide,
based on usability evidence. With guidelines for creating easy to
comprehend content, we can design inclusively by default…"
http://readabilityguidelines.myxwiki.org/xwiki/bin/view/Main/WebHome

How Privilege Impacts Empathy
By Jess Dale.
"…The path to real change begins by acknowledging our participation in
developing products and systems that reinforce economic inequality and
racism, whether directly or indirectly. The truth is, we're
responsible."
https://uxdesign.cc/how-privilege-impacts-empathy-b34ad0c16431

How to Avoid the 24 Perilous Pitfalls to UX Maturity (PDF)
By Human Factors.
"A conversation with Eric Schaffer CEO and Founder Human Factors International…"
https://humanfactors.com/downloads/whitepapers/avoid_the_24_perilous_pitfalls_to_ux_maturity.pdf

UX vs UI vs IA vs IxD: 4 Confusing Digital Design Terms Defined
By Mockplus.
"We explained What is UX design? What is UI design? What is
Interaction Design and What is Information Architecture in this
article…"
https://medium.muz.li/ux-vs-ui-vs-ia-vs-ixd-4-confusing-digital-design-terms-defined-c4c3d2276fa6

User Experience vs. Customer Experience: What's The Difference?
By Kim Flaherty.
"Customer experience (CX) is a term commonly used to define UX over
long periods of time."
https://www.nngroup.com/articles/ux-vs-cx/

Shifting an Engineering Driven Company to Be User Centered (Video)
By Jakob Nielsen.
"Jakob Nielsen answers the question of how one can transform an
organization from being focused on engineering to being focused on
customers' needs."
https://www.nngroup.com/videos/shifting-engineering-user-centered/


[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 52, June 19, 2019.

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 17, Issue 52, June 19, 2019.

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

++ISSUE 52 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: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Designing and Coding for Low Vision (Video)
By Mallory van Achterberg.
"Mallory van Achterberg, senior accessibility consultant for Tenon.io,
discusses the dos and don'ts of designing and coding for low vision…"
https://www.technica11y.org/designing-and-coding-for-low-vision

A11yNYC June 13 2019 - Data Visualization with Doug Schepers (Video)
By Doug Schepers.
"Data visualization doesn't have to be visual! Don't assume that a
chart or diagram can't be made accessible…"
https://www.youtube.com/watch?v=hmCC9XlaB9E

The Anatomy of Accessible Forms: Required Form Fields
By Raghavendra Satish Peri.
"…There are multiple ways of providing this cue that a particular form
field is required. Below, we will explore each of the methods…"
https://www.deque.com/blog/anatomy-of-accessible-forms-required-form-fields/

The Anatomy of Accessible Forms: Best Practices
By Raghavendra Satish Peri.
"…In today’s post, we will go through all the ingredients of creating
an accessible form that provides the best user experience for all
users…"
https://www.deque.com/blog/anatomy-of-accessible-forms-best-practices/

Notes From the A11y Underground #2
By Steve Faulkner.
"Things that caught my interest since Notes from the a11y underground #1…"
https://developer.paciellogroup.com/blog/2019/06/notes-from-the-a11y-underground-2/

How to Make a Website Accessible For All [With 6 Core Steps]
By Keaton Robbins.
"Are you feeling the weight of having to make your website accessible
to those with disabilities but don't know where to begin…"
https://www.voices.com/blog/website-accessible/

Accessibility and Web of Things (WoT)
By Joshue O Connor.
"The following are items suggested by Joshue O Connor (W3C/WAI), for
further technical discussion within the Accessible Platform
Architecture Working Group (APA) and the Research Questions
Accessibility Task Force (RQTF) around the Web of Things (WoT) space
and its potential need to support accessibility use cases and
requirements for people with disabilities…"
https://www.w3.org/WAI/APA/wiki/Wot_technical

Why Would a Screen Reader User Have a Braille Display?
By Bruce Lawson.
"…each person has their own reasons for choosing their assistive
technologies. Accessibility isn't a technological problem to be
solved. It's an essential part of the human condition: we all have
different needs and abilities…"
https://www.brucelawson.co.uk/2019/why-would-a-screen-reader-user-have-a-braille-display/

Colleges Improve Website Accessibility as They are Defendants in Lawsuits
By Matt Steecker.
"Several New York universities and colleges are improving the
accessibility of their websites to individuals with disabilities while
facing lawsuits alleging their websites do not comply with standards
from the Americans With Disabilities Act…"
https://www.ithacajournal.com/story/news/local/2019/06/13/colleges-improve-websites-they-subjects-lawsuits/1302352001/

Domino's Files Petition for US Supreme Court Review of Unfavorable
Website Access Decision
By Minh N. Vu and Kristina M. Launey.
"Domino's filed its petition for writ of certiorari with the U.S.
Supreme Court…"
https://www.adatitleiii.com/2019/06/dominos-files-petition-for-us-supreme-court-review-of-unfavorable-website-access-decision/


+02: CASCADING STYLE SHEETS.

Relearn CSS Layout: Every Layout
By Heydon Pickering and Andy Bell.
"…If you find yourself wrestling with CSS layout, it's likely you're
making decisions for browsers they should be making themselves.
Through a series of simple, composable layouts, Every Layout will
teach you how to better harness the built-in algorithms that power
browsers and CSS…"
https://every-layout.dev/

Grid, Content Re-ordering and Accessibility
By Chris Coyier.
"…flexbox and grid also allow you to muck it up…"
https://css-tricks.com/grid-content-re-ordering-and-accessibility/

CSS Day 2019: Some Things I Learned
By Hidde de Vries.
"Last week I joined over 400 web nerds at CSS Day 2019, which took
place once again in the lovely Compagnietheater in Amsterdam. These
are some of the things I learned…"
https://hiddedevries.nl/en/blog/2019-06-18-css-day-2019-some-things-i-learned

The State of CSS 2019
By Sacha Greif.
"We surveyed over 11,000 CSS developers. Here's what we learned…"
https://www.freecodecamp.org/news/the-state-of-css-2019-survey-results-are-live/

Inspired Design Decisions: Avaunt Magazine
By Andy Clarke.
"Thanks to technologies like CSS Grid and Flexbox, there’s been a
resurgence of interest in creative design and art direction…"
https://www.smashingmagazine.com/2019/06/inspired-design-decisions-avaunt-magazine/

Refactoring (the Way We Talk About) CSS (Video)
By Rachel Andrew.
"Rachel Andrew has been writing CSS for 20 years, and teaching people
the things she has learned for almost as long. Since the early days of
CSS, and certainly since 'CSS for Layout' became a thing, we've been
teaching CSS in pretty much the same way. Here is a block thing, here
is an inline thing, this is the Box Model ... and here is this weird
jumping through hoops that makes a layout. It's time for a change…"
https://www.youtube.com/watch?v=tqYWDGzhZKM


+03: DRUPAL.

Personalization and a Panel at DrupalNorth
By Mike Gifford.
"DrupalNorth was held in Montreal this year…"
https://medium.com/openconcept-stories/personalization-and-a-panel-at-drupalnorth-5db4d5b77eb2

CMS vs. Headless CMS A11y Throwdown (Video)
By Caitlin Cashin.
"…how accessibility is impacted by using a CMS vs. a headless CMS and
what are the pros/cons of each when it comes to creating accessible
sites and applications. We have Rachel Cherry from WPCampus, Preston
So from Gatsby, Carie Fisher from Deque Systems, and Mike Gifford from
Open Concept participating with Caitlin Cashin from Deque Systems
moderating…"
https://www.youtube.com/watch?v=8lrmC8ZIGPY


+04: EVALUATION & TESTING.

4 Steps to Field Studies with Users (Video)
By Kim Flaherty.
"Customer visits and other field studies to observe users in their
natural habitat are one of the most important user research methods.
This video covers the 4 basic steps to prepare and carry out
ethnographic-style research, preferably early in the UX design
process."
https://www.nngroup.com/videos/4-steps-field-studies/

Net Promoter Score (NPS) Metrics are Not Enough
By Gerry McGovern.
"Anything that focuses on customers is heading in the right direction…"
http://gerrymcgovern.com/net-promoter-score-nps-metrics-are-not-enough/

Validation - A Key Step to Accessibility
By Ryan Pugh.
"…Just because the document is 'compliant' and will pass an
accessibility checker does not mean the document is usable for someone
using a screen reader…"
https://equidox.co/blog/validation-a-key-step-to-accessibility/


+05: EVENTS.

How to Test the Accessibility of Your Mobile Websites and Apps
June 25, 2019.
Online
https://www.eventbrite.com/e/webinar-how-to-test-the-accessibility-of-your-mobile-websites-and-apps-tickets-61964674008

The Future of Automated Accessibility Testing Tools
July 2, 2019.
Online
https://groups.drupal.org/node/535144

Seattle Interactive Conference
October 17-18, 2019.
Seattle, Washington, U.S.A.
https://www.seattleinteractive.com/

An Event Apart Denver
October 28-30, 2019.
Denver, Colorado, U.S.A.
https://aneventapart.com/event/denver-2019

Adobe MAX
November 2-6, 2019.
Los Angeles, California, U.S.A.
https://max.adobe.com/

Web Summit
November 4-7, 2019.
Lisbon, Portugal
https://websummit.com/

World Usability Day
November 14, 2019.
Everywhere
https://worldusabilityday.org/

Accessing Higher Ground
November 18-22, 2019.
Westminster, Colorado, U.S.A.
https://accessinghigherground.org/

OZeWAI
November 21-23, 2019.
Sydney, Australia
http://ozewai.org/2018/


+06: HTML.

Scraping Burned Toast
By Adrian Roselli.
"Google engineers have proposed a new HTML element, <toast> or
<std-toast>, that is a container for presenting brief or simple
notifications to users…"
http://adrianroselli.com/2019/06/scraping-burned-toast.html

Short Note on the Portal Element
By Steve Faulkner.
"There is a potential new HTML element on the scene and its name is <portal>…"
https://codepen.io/stevef/post/short-note-on-the-portals-element

How to Section Your HTML
By Daniel Tonon.
"The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>…"
https://css-tricks.com/how-to-section-your-html/

Cards
By Heydon Pickering.
"…In this article, I'll be looking into a few permutations of a simple
card component, emphasizing a balance between sound HTML structure and
ergonomic interaction…"
https://inclusive-components.design/cards/

HTML is the Web
By Pete Lambert.
"…The lowest common denominator of the Web. The foundation. The rhythm
section. The ladyfingers in the Web trifle. It's the HTML. And it is
becoming increasingly clear to me that there's a whole swathe of
Frontend Engineers who don't know or understand the frontend-est of
frontend technologies…"
https://www.petelambert.com/journal/html-is-the-web/


+07: JAVASCRIPT.

Responsible JavaScript: Part II
By Jeremy Wagner.        
"Web development is hard. We don't always get it right on the first
try. Fortunately, we don't have to get everything perfect from the
start. Jeremy Wagner provides some helpful ways to start recovering
from our collective JavaScript hangover."
https://alistapart.com/article/responsible-javascript-part-2/

How to Create an Array in JavaScript
By Kirupa Chinnathambi.
"The popular way in which all the cool kids create arrays these days
is to use an open and close bracket…"
http://www.informit.com/articles/article.aspx?p=2975734


+08: MISCELLANEOUS.

AI and Disability Interview
By John Rockford.
"AXS Chat recently posted to YouTube an interview of me about my
artificial intelligence (AI) research and work for people with
disabilities…"
https://clearhelper.blog/2019/06/17/ai-and-disability-interview/

Privacy Rights and Data Collection in a Digital Economy (Senate Hearing)
By Maciej Ceglowski.
"…Because our laws frame privacy as an individual right, we don't have
a mechanism for deciding whether we want to live in a surveillance
society. Congress has remained silent on the matter…Silicon Valley
makes up its own rules…large tech companies point to our willing use
of their services as proof that people don't really care about their
privacy. But this is like arguing that inmates are happy to be in jail
because they use the prison library. Confronted with the reality of a
monitored world, people make the rational decision to make the best of
it. That is not consent…"
https://idlewords.com/talks/senate_testimony.2019.5.htm


+09: USABILITY.

Practicing What You Preach: Experimenting and Iterating in UX Research
By Meghan Wenzel.
"In the field of User Experience, design thinking, failing fast, and
iterating are popular concepts…"
https://www.uxmatters.com/mt/archives/2019/06/practicing-what-you-preach-experimenting-and-iterating-in-ux-research.php

Marking Required Fields in Forms
By Raluca Budiu.
"Using an asterisk to mark required fields is an easy way to improve
the usability of your forms. Only marking optional fields makes it
difficult for people to fill out the form."
https://www.nngroup.com/articles/required-fields/


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

 

 

RESEARCH GUIDES : RECREATION : LEISURE : ENCYCLOPEDIAS : DICTIONARIES : HANDBOOKS : GUIDES : DIRECTORIES : DATABASES: Recreation and Leisure Studies RESEARCH GUIDE

David P. Dillard
 




RESEARCH GUIDES : 

RECREATION :

LEISURE :

ENCYCLOPEDIAS :

DICTIONARIES :

HANDBOOKS :

GUIDES :

DIRECTORIES :

DATABASES:   

Recreation and Leisure Studies RESEARCH GUIDE


Recreation and Leisure Studies RESEARCH GUIDE

 

 

This guide shares sources that facilitate learning about recreation during leisure

time from encyclopedias, databases, publications and websites. There is coverage

of business, health, psychological and cultural aspects of both leisure and recreation.

 

 

Content Sections of This Guide

 

Getting Started with Recreation and Leisure Studies

 

Search Strategy:

 

(recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND

(research OR studies OR curriculum OR information-sources OR reference-tools)

AND (starting OR basic OR best OR key OR useful)

 

Google                  (recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND (research OR studies OR curriculum OR information-sources OR reference-tools) AND (starting OR basic OR best OR key OR useful) - Google Search

 

 

 
 


Google Scholar    
https://tinyurl.com/y3cye9p9


Google Books      
https://tinyurl.com/y42fstqy


Google Videos     
https://tinyurl.com/y5cfz995


Google Images    
https://tinyurl.com/yxpzhwdw

 

 

Find Scholarly and Media Databases

 

(recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND

(scholarly OR scholarship OR peer-reviewed OR systematic-review OR systematic-reviews

OR meta-analysis) AND (media OR news OR articles OR sources OR reports OR bibliography)

 

Google                 https://tinyurl.com/y3xv8t6s


Google                 
https://tinyurl.com/yxetdpj5


Google Scholar   
https://tinyurl.com/y47xj4bs


Google Books     
https://tinyurl.com/y5wabhty

 

 

MAJOR GUIDE SECTIONS

 

 

Find Background Information

 

 

Find Government and Law Sources

 

 

Find Statistics Data Databases and Data Sets

 

 

Find News Publications, Media and Information Websites

 

 

Find Recreation Issues

 

 

Find Employment, Politics, Social Issues, and Social Media

 

 

Find Recreation and Leisure History

 

 

 

Research Help for Recreation and Leisure Studies


This guide contains resources that will be useful to students

and faculty conducting research in the fields of recreation and

leisure studies such as databases, encyclopedias, dictionaries,

handbooks, guides, directories and statistical and data sources. 

To the left are blue tabbed links to the various types of

information sources found in this guide.

 
TOPIC SECTIONS FOR THIS GUIDE

Important Databases

Recreation From Art and Music Databases 

Recreation From Books 

Recreation From Business, Media and Economics Databases

Recreation From Education and Psychology Databases


Recreation From Computer Engineering and Technology Databases

Recreation FROM Health and Medical Databases 

Recreation from the Humanities Databases

 

Recreation from Interdisciplinary Databases

Recreation From Interdisciplinary Academic Databases 

Recreation from Language and Literature Databases

Recreation from Law, Government and Political Databases 

Recreation from News and Information Databases 

Recreation from Publisher's Databases

Recreation from Reference Databases 

Recreation from Science Databases


Recreation from Social Science Databases

Encyclopedias Relevant to Recreation


Dictionaries and Thesauri for Recreation and Leisure

 

Research Skills Databases and Sources

Tourism Research Methods


Recreation Handbooks

Recreation Guides

 

Recreation Directories

Recreation Directories for States, Countries and Organizations

 

Government Recreation Departments, Programs and Activities

 

Recreational Areas and Activities

Recreation Issues,Programs, Guidelines, Administration,Controversies and Debates


Recreation and Employment

Conducting Recreation and Leisure Activities

Selected Recreation and Leisure Books

(from Google Books)

A Selection of Journal Articles Books and Documents about Recreation and Leisure

(from Google Scholar)


Google Scholar Indications of Content in Databases about Recreation and Leisure


Recreation Law and Related Topics

Recreation and Politics

Recreation and Government

Community Recreation

Statistical and Data Publications with Content about Recreation 

Selected Books about Recreation and Statistics

Film and Visual Sources

Recreation and Leisure Selected Journals

Some Recreation and Leisure News Sources



This guide shares sources that facilitate learning about recreation during leisure

time from encyclopedias, databases, publications and websites. There is coverage

of business, health, psychological and cultural aspects of both leisure and recreation.

 

 

Content Sections of This Guide

 

Getting Started with Recreation and Leisure Studies

 

Search Strategy:

 

(recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND

(research OR studies OR curriculum OR information-sources OR reference-tools)

AND (starting OR basic OR best OR key OR useful)

 

Google                  

 

(recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND (research OR studies OR curriculum OR information-sources OR reference-tools) AND (starting OR basic OR best OR key OR useful) - Google Search

 
 
 


Google Scholar    
https://tinyurl.com/y3cye9p9


Google Books      
https://tinyurl.com/y42fstqy


Google Videos     
https://tinyurl.com/y5cfz995


Google Images    
https://tinyurl.com/yxpzhwdw

 

 

Find Scholarly and Media Databases

 

(recreation OR leisure OR entertainment OR amusement OR activities OR hobbies) AND

(scholarly OR scholarship OR peer-reviewed OR systematic-review OR systematic-reviews

OR meta-analysis) AND (media OR news OR articles OR sources OR reports OR bibliography)

 

Google                 https://tinyurl.com/y3xv8t6s


Google                 
https://tinyurl.com/yxetdpj5


Google Scholar   
https://tinyurl.com/y47xj4bs


Google Books     
https://tinyurl.com/y5wabhty

 

 

MAJOR GUIDE SECTIONS

 

 

Find Background Information

 

 

Find Government and Law Sources

 

 

Find Statistics Data Databases and Data Sets

 

 

Find News Publications, Media and Information Websites

 

 

Find Recreation Issues

 

 

Find Employment, Politics, Social Issues, and Social Media

 

 

Find Recreation and Leisure History

 

 

 

Research Help for Recreation and Leisure Studies


This guide contains resources that will be useful to students

and faculty conducting research in the fields of recreation and

leisure studies such as databases, encyclopedias, dictionaries,

handbooks, guides, directories and statistical and data sources. 

To the left are blue tabbed links to the various types of

information sources found in this guide.

 

 

Important Databases

SportsBusiness 

SportBusiness includes access to SportBusiness International,

Knowledge Centre, and Sports Sponsorship Insider.

They provide articles, analysis, news, and data reports related

to the global sports market.


SPORTDiscus with Full Text


SPORT Discus is a full text international sports database which

covers the fields of exercise, medicine, biomechanics, coaching and sports medicine

 

Academic Search Complete


Academic Search Complete provides full text scholarly publications

and full text journals for academic areas of study.

Academic OneFile

Academic OneFile provides full-text scholarly content across the

academic disciplines. This database contains articles available in

both PDF and HTML full-text.


Hospitality & Tourism Index


Hospitality & Tourism Index provides indexing and abstracts for

scholarly research and industry news relating to all areas of hospitality

and tourism dating as far back as 1965.

 

 

 

 

Recreation From Art and Music Databases 




ARTBibliographies Modern 

ARTBibliographies Modern (ABM) contains abstracts of journal articles,

books, essays, exhibition catalogs, dissertations, and exhibition reviews

from 19th to the present. Photography is covered from its invention in

1839 to the present.


International Bibliography of Art 

International Bibliography of Art provides coverage of international

scholarship within the following broad parameters: European art from

late antiquity to the present, American art from the colonial era to the

present and global art since 1945. It also includes visual arts in all media,

plus decorative and applied arts, museum studies and conservation.


International Index to Music Periodicals 

International Index to Music Periodicals provides indexing and abstracts

for international music periodicals. It also includes full text journals on

music education, performance, ethnomusicology, musical theater,

theory, popular music forms and composition.


Music Index Online 

Music Index Online contains indexing and abstracts for every aspect of the

classical and popular world of music including musicological and

organological topics, as well as book reviews, record reviews, first

performances, and obituaries from 1976 to the present. Some backfile data

from the period 1962-1975 is also included.


RILM Abstracts of Music Literature


RILM Abstracts contains citations on international music. The file is

produced by the Repertoire International de Litterature Musicale, and covers

the period 1969 to the present.

 

 

 

Recreation From Books 


Google Books

Google Books provides online access to full text of public domain and

out-of-copyright books, reproduced either from text provided by publishers

or by the libraries.

 Penn State Summon Search        ) 


NCBI Bookshelf 

      NCBI Bookshelf is a growing collection of biomedical titles from the

National Center for Biotechnology Information.

WorldCat 
https://scholar.google.com/scholar?hl=en&as_sdt=0%2C39&q=%22worldcat%22&btnG=

 

WorldCat allows you search the collections of libraries in your community

and thousands more around the world

 

 

 

 

 

Recreation From Business, Media and Economics Databases


ABI/INFORM Complete

ABI/INFORM provides publications on business conditions, trends, and

management techniques.

Titles are available full-text, including the Wall Street Journal.

Business Source Complete

Business Source Complete contains full text journals and business periodicals

covering management, economics, finance, accounting, international business.

Some of the titles included are Harvard Business Review, MIT Sloan

Management Review, California Management Review, Administrative Science

Quarterly, Academy of Management Journal, Academy of Management Review, etc.

Communication & Mass Media Complete

Communication & Mass Media Complete (CMMC) contains databases in the

fields of communication and mass media studies. It includes CommSearch and

Mass Media Articles Index.

EconLit

Econlit contains indexed bibliography with selected abstracts of the world's

economic literature compiled from the American Economic Association's

Journal of economic literature and the Index of economic articles in journals and

collective volumes.

Regional Business News

Regional Business News incorporates full text news information from all

over the world including A&G Information, Africa News Service, Inter Press Service,

Resource News International, South American Business, M2 Communications,

PR Newswire, Business Newswire, Canadian Corporate News, News Bytes News

Network and Phillips Business Information Highlights.

 

 

 

 

 

Recreation From Education and Psychology Databases 


Education Source

Education Source provides a full-text collection of education journals, and encompasses

an international array of English-language periodicals, monographs, yearbooks.

It covers all levels of education--from early childhood to higher education.

ERIC

ERIC [via EBSCOhost] contains bibliographic records of research reports, conference papers,

teaching guides, books, and journal articles relating to the practice of education.

ERIC Digests are included. Covers the period 1966-present.

JSTOR

JSTOR provides page images of back issues of scholarly journals in the humanities,

social sciences, and basic sciences from the earliest issues to current publication.

PsychiatryOnline

Psychiatry Online includes access to the full-text of the DSM-V (DSM-5) as well as several

journals from American Psychiatric Publishing, including the American Journal of Psychiatry.

 

PsycINFO

https://tinyurl.com/y375n4he

PsycINFO contains citations and summaries of journal articles, book chapters, books and

technical reports, as well as citations to dissertations, all in the field of psychology and

psychological aspects of related disciplines, such as medicine, psychiatry, nursing, sociology

education, pharmacology, physiology, linguistics, anthropology, business and law.

 

 

 

 

Recreation From Computer Engineering and Technology Databases

 

 

 

Compendex

The database INSPEC may be searched simultaneously with Compendex. INSPEC covers

electronic and electrical engineering with substantial computer science content also found in

INSPEC.


Google Scholar

 

Science.gov

Science.gov is a gateway to science information resources of the U.S. government. Users can

search both government web sites and government databases. Full-text available.

Scopus 

Scopus is an abstract and citation database of peer-reviewed literature covering the fields of

science, technology, medicine, social sciences and Arts & Humanities.

Web of Science 

Web of Science indexes core journal articles, conference proceedings, data sets, and other

resources in the sciences, social sciences, arts, and humanities.

 

 

 

 

 

Recreation FROM Health and Medical Databases 



HealthSTAR 

Concurrent user limit: 30

HealthSTAR contains bibliographic records from MEDLINE (1975 to present) and CATLINE

(1985 to present), and records from three sources: the American Hospital Association,

the National Health Planning Information Center and NLM's National Center on Health Services

Research and Health Care Technology (NICHSR).


Journals@OVID


Journals@OVID contains scientific, technical, and medical journals. Includes access of all the

bibliographic citations, references, and abstracts as well as to the full text of select journals.


Medline 


MEDLINE (Medical Literature Analysis and Retrieval System Online) is the U.S. National Library

of Medicine's bibliographic database that contains references to journal articles in life sciences with

a concentration on biomedicine. MEDLINE uses MeSH (Medical Subject Headings) indexing with

tree, tree hierarchy subheadings and explosion capabilities.


Physical Education Index 

Physical Education Index provides citation information and abstracts to journal articles about

physical education and related disciplines (sports, sports medicine, dance, coaching, fitness,

motor learning, etc.)


PubMed Central  AND PubMed 

https://tinyurl.com/y2ej8m53


PubMed Central® (PMC) is a free full-text archive of biomedical and life sciences

journal literature at the U.S. National Institutes of Health's National Library of Medicine

(NIH/NLM).

 

 

 

Recreation from the Humanities Databases





America: History & Life with Full Text 

Note: This is an upgrade from America: History & Life.

America: History & Life with Full Text contains bibliographic reference to the history

of the United States and Canada It includes historical, social sciences and humanities

journals. In addition to articles, each year America: History and Life includes citations

of books and media reviews from a selection of journals in US and Canadian history

and related fields, as well as citations to abstracts of dissertations published in these areas.

 

ATLA Religion Database with ATLASerials 

ATLA Religion Database with ATLASerials contains full text version of the

ATLA Religion Database (ATLA). This database is a collection of religion and theology

journals scholars in the United States. Coverage of this database dates back to 1949.

 

Historical Abstracts with Full Text 

Note: This is an upgrade from Historical Abstracts.

Historical Abstracts with Full Text covers the history of the world from 1450 to the

present (excluding the United States and Canada). It includes journals in the social

and humanities sciences, covering 1953-present.


Literature Online (LION)

 

Proquest has provided additional product information and 'Search Tips.'

Literature Online (LION) includes access to works of English and American poetry,

drama and prose, literature journals, and other key criticism and reference resources.


Proquest Arts & Humanities Full Text 

Proquest Arts & Humanities contains full text coverage of journals in Art, Architecture,

Design, History, Philosophy, Music, Literature, Theatre and Cultural Studies.

 


Recreation from Interdisciplinary Databases



British Periodicals Online

 

 

British Periodicals Online provides access to full text periodicals from the late seventeenth

century to the early twentieth, containing high-resolution facsimile page images.

Topics covered include literature, philosophy, history, science, the social sciences, music,

art, drama, archaeology and architecture.


Digital Public Library of America

 

Digital Public Library of America contains data from American libraries, archives,

and museums. It contains works of art and culture, to records of America’s heritage,

to the efforts and data of science.


GenderWatch

 

Concurrent user limit: 12

GenderWatch is a database of diverse publications that focus on how gender impacts

a broad spectrum of subject areas. It contains archival material, dating back to 1970.

Publications include scholarly journals, magazines, newspapers, newsletters, regional

publications, books and NGO, government and special reports.


HathiTrust Digital Library

 

 

Hathi Trust Digital Library is a digital preservation repository and access platform.

It provides long-term preservation and access services for public domain and in

copyright content from a variety of sources, including Google, the Internet Archive,

Microsoft, and in-house partner institution initiatives. Temple users have access to

HathiTrust items that are in the public domain.


Library & Information Science Abstracts

 

Library & Information Science Abstracts contains abstracts and indexes from international

periodicals. Subject coverage includes aspects of librarianship, library users and

information retrieval.

 

 

Recreation From Interdisciplinary Academic Databases 


Academic OneFile 

Academic OneFile provides full-text scholarly content across the academic disciplines.

This database contains articles available in both PDF and HTML full-text.


ArticleFirst 

ArticleFirst provides articles from journals from 1990 to the present.


Arts & Humanities Citation Index 

Arts & Humanities Citation Index (A&HCI) contains arts, humanities, and social science journals.

A&HCI provides information and data from 1975 to the present.


Hospitality & Tourism Index 

Hospitality & Tourism Index provides indexing and abstracts for scholarly research and industry news

relating to all areas of hospitality and tourism dating as far back as 1965.


SPORTDiscus with Full Text 

SPORT Discus is a full text international sports database which covers the fields of exercise,

medicine, biomechanics, coaching and sports medicine.

 

 

 

Recreation from Language and Literature 

Library & Information Science Abstracts 

Library & Information Science Abstracts contains abstracts and indexes from

international periodicals. Subject coverage includes aspects of librarianship, library

users and information retrieval.


Linguistics & Language Behavior Abstracts 

Linguistics & Language Behavior Abstracts LLBA provides access to abstracts and indexes

for international literature in linguistics and related disciplines in the language sciences.

Coverage begins in 1973.


MLA International Bibliography 

MLA International Bibliography is a database of citations to critical documents on folklore,

language, linguistics, and literature, including articles from journals, monographs,

collections & reference works.

 

  

Recreation from Law, Government and Political Databases 



HeinOnline 

HeinOnline is an online product with pages of legal history available in an online,

fully-searchable, image-based format. HeinOnline provides coverage from law and

law-related periodicals. It also contains the Congressional Record Bound volumes in

entirety, complete coverage of the U.S. Reports back to 1754.


LexisNexis Academic (now called Nexis Uni) 

NexisUni (formerly Lexis Nexis Academic) offers full-text access to content

from more than 15,000 news, legal and business sources.


Military & Government Collection 

Military & Government Collection provides access to periodicals, academic journals and other

content pertinent to all branches of the military.

 

 

National Criminal Justice Reference Service Abstracts   

 

National Criminal Justice Reference Service Document Data Base contains summaries of

publications on criminal justice, including Federal, state, and local government reports, books,

research reports, journal articles, and unpublished research. The time period covered is from

the early 1970's to the present.

 

 

https://tinyurl.com/yyd6hjf2    

  

https://tinyurl.com/y6dcecgx



--------------------------------------------------------


Westlaw Campus Research 

Westlaw Campus Research provides online access to legal, news, and business-related research

for students, faculty, and library staff.

 

 

 

 

 

Recreation from News and Information Databases 


Access World News 

Access World News includes a variety of news publications worldwide. These sources include

major national and international newspapers, as well as local and regional titles as well as

newswires, blogs, web-only content, videos, journals, magazines, transcripts and more.

 

Gale NewsVault

Gale NewsVault allows users to cross-search all Gale newspaper archives using a single interface.

 

New York Times  

PAIS International 

 

YouTube tutorials

 

PAIS         covers issues in the public debate through selective coverage of international

sources including journal articles, books, government documents, statistical directories,

grey literature, research reports, conference papers, web content. PAIS International is

the current file covering 1972 to present, and PAIS Archive includes the content from

printed volumes published 1915-1976.

 

Full-text of the Philadelphia Inquirer  

https://www.philly.com/archives/ 

         

The Philadelphia Inquirer Digital Edition

philly.newspaperdirect.com/epaper/viewer.aspx

 https://www.newspapers.com/title_4352/the_philadelphia_inquirer/

Philadelphia Inquirer - Philly Edition - Olive Software

digital.olivesoftware.com/Olive/ODN/PhiladelphiaInquirerNIE/Default.aspx

 https://tinyurl.com/y36ao8f7



NEWSPAPER DATABASES   

https://tinyurl.com/yynmgvue


https://tinyurl.com/yxuod6lb

 

https://tinyurl.com/yygtafoa

 

https://tinyurl.com/y4z9qmec

 

 

 

Recreation from Publisher's Databases



Cambridge Journals Online 

Cambridge Journals Online contains Full text online journals from Cambridge

University Press.

Emerald Journals 

Emerald Journals is an online full text database of journals published by Emerald.

Topics include management, library & information services, engineering, applied sciences,

and technology. Articles can be accessed via HTML or PDF.


Sage Journals Online 

Sage Journals Online provides access to journals in the social sciences, humanities, medicine,

engineering, and physical and life sciences from Sage Publications.


Taylor & Francis Online 

Taylor and Francis Online provides access to articles from thousands of electronic journals,

published by Taylor & Francis and its subsidiaries.


Wiley Online Library

 

 

 

 

Recreation from Reference Databases 


Credo Reference 

Credo Reference provides access to a large number of encyclopedias, dictionaries, thesauri and 
other reference books. Subjects covered include art, biography, history, literature, music,

religion, and science and technology.

Oxford Reference Online

 

 

Gale Virtual Reference Library


https://tinyurl.com/y2odoy8y

 

 

 

Recreation from Research Report and Studies Databases




Dissertations & Theses (Proquest) 

Dissertations & Theses (Proquest) contains collections of dissertations and theses

from around the world, spanning from 1743 to the present day.

 

PapersFirst 

Papers First contains citations of papers presented at worldwide meetings, conferences,

expositions, workshops, congresses, and symposia. Covers October 1993 to the present.

 

ProceedingsFirst 

Proceedings First provides citations of publications from worldwide meetings, conferences,

expositions, workshops, congresses, and symposia. Covers 1993 to the present.

(Updated twice weekly)

 

 

 

Recreation from Science Databases



Agricultural & Environmental Science Database 

Agricultural & Environmental Science Database includes the renowned AGRICOLA,

TOXLINE, ESPM (Environmental Sciences and Pollution Management) and Environmental

Impact Statements (EIS) databases and provides full-text titles from around the world,

including scholarly journals, trade and industry journals, magazines, technical reports,

conference proceedings, and government publications.

 

Embase 

EMBASE contains references to journal articles in biomedicine. The references consist of

authors, title, journal data, abstract and keywords. EMBASE contains European literature, and

coverage in the field of drug research, pharmacology and pharmaceutics.

The database can be searched back to 1974.

 

Free Access to Pascal and Francis        https://tinyurl.com/y6tb8g5u       https://tinyurl.com/y6dfg2ab


The site Free Access to Pascal and Francis is an archive of the PASCAL and FRANCIS bibliographic

databases in exact, human and social sciences, produced by the Inist-CNRS since 1972 and hitherto

accessible with a subscription.

 

Science Online 

Science Online provides access to the journal Science from the American Association for the

Advancement of Science from 1996 to the present. Also includes Science Express - electronic

publication of selected Science papers in advance of print and ScienceNOW - daily science news

from Science journalists.

 

ScienceDirect

 

 

 

 

 

Recreation from Social Science Databases




Applied Social Sciences Index & Abstracts 

Applied Social Sciences Index & Abstracts contains journals from various countries focusing

on health, social services, psychology, sociology, economics, politics, race relations and education.

 

International Bibliography of the Social Sciences    

https://tinyurl.com/y4mpnhdy

International Bibliography of the Social Sciences includes bibliographic references to journal

articles and to books, reviews and selected chapters dating back to 1951.

Proquest Social Science Journals

 

Proquest Social Science Journals contains full text journals in the social sciences.

 

ProQuest Social Science Premium Collection 

Social Science Premium Collection contains international literature in social sciences,

including politics, public policy, sociology, social work, anthropology, criminology,

linguistics, library science, and education.

 

Social Sciences Citation Index 

Social Sciences Citation Index is a database which contains searchable author abstracts

covering the journal literature of the social sciences.

 

 

 

 

 

 

Encyclopedias Relevant to Recreation

 

 

 

 

 

 

Encyclopedia of Leisure and Outdoor Recreation 
by John Jenkins (Editor); John Pigram (Editor)


ISBN: 9780415252263          

 

https://tinyurl.com/y44bjza7

 

Publication Date: 2004-02-19

This is a key reference guide for the exploration of leisure and outdoor recreation.

It reflects the multidisciplinary nature of these fields and contextualizes the leading

research and knowledge on key concepts, theories and practices. Edited by leading

authorities in the field, this volume includes a comprehensive index, and up-to-date

suggestions for further reading. It is an essential resource for teaching, an invaluable

companion to independent study, and a solid starting point for wider subject exploration.



The Encyclopedia of Sports and Recreation for People wth Visual Impairments 
by Andrew Leibs


.ISBN: 1623960428

Publication Date: 2012-12-01

Title

Encyclopedia of Sports & Recreation for People with Visual Impairments

Critical Concerns in Blindness

Author

Andrew Leibs

Publisher

IAP, 2012

ISBN

1623960428, 9781623960421

Length

289 pages

https://tinyurl.com/y5vo845s

 

This groundbreaking guide profiles every accessible blind sport and recreation activity

with entries that outline how athletes (both novice and elite) got involved in the sport

and how participation has shaped their life. The book also profiles major blind sports

organizations and includes chapter and resource listings on camps and accessible

recreation providers. Through this book, blind people will be inspired to embrace sports

as the rest of society does—as a vital component of personal expression and human

interaction that opens paths to adventure, confidence, and lifelong health and fitness.

 

*

The Encyclopedia of Tourism and Recreation in Marine Environments

 

https://tinyurl.com/y5se2wm2

 

Title

The Encyclopedia of Tourism and Recreation in Marine Environments

Cabi Series

Editor

Michael Lück

Edition

illustrated

Publisher

CABI, 2008

ISBN

1845933508, 9781845933500

Length

587 pages

 

 

 

 

The Encyclopedia of Tourism and Recreation in Marine Environments       

 

https://tinyurl.com/y649hm4b

 

ISBN: 1845933508

Publication Date: 2008-05-14

 

https://tinyurl.com/qcewq6a

 

Marine tourism has become one of the fastest growing areas within the tourism industry.

With the increased use of marine environments comes the need for informed planning and

sustainable management as well as for the education and training of planners, managers

and operators.  Combining the disciplines of marine scientists and tourism researchers,

this encyclopedia will bring together the terms, concepts and theories related to recreational

and tourism activities in marine settings. Entries range from short definitions to medium and

long articles.

 

 

 

Title    A History of Leisure: The British Experience since 1500

Author    Peter Borsay

Publisher    Macmillan International Higher Education, 2006

ISBN    113702044X, 9781137020444

Length    328 pages

 

 

 

Cultivated Plants by Michael Lück (Editor)     
Guide to cultivated plants     

https://tinyurl.com/y5kvt7qj

 

Title: Guide to cultivated plants

Library Location: Pattee Library and Paterno Library (UP)

Source:

 

 

Publisher: CABI

Date : 2008

Place: Wallingford, UK, Cambridge, MA

Pages: xi, 540 pages

LCCN: 2007028459

OCLC: 156975183

ISBN: 1845933567, 9781845933562

Genre: Handbooks, manuals, etc

Discipline: Agriculture

Subjects:

Plants, Cultivated -- Handbooks, manuals, etc.

Botany, Economic -- Handbooks, manuals, etc.

Language: English

Book Reviews

online

Guide to Cultivated Plants

by Ludwig-Müller, Jutta

Journal of Plant Growth Regulation, 03/2009

Book Review

 

 

A History of Leisure by Peter Borsay       

https://tinyurl.com/yyxzw65b    

https://tinyurl.com/y5b9jnu8

 

ISBN: 9780333930816

Publication Date: 2006-02-28

 

 

https://tinyurl.com/y2xtmhq9

 

 

 

Title

A History of Leisure: The British Experience since 1500

Author

Peter Borsay

Publisher

Macmillan International Higher Education, 2006

ISBN

113702044X, 9781137020444

Length

328 pages

 

Leisure is a key aspect of modern living. How did our ancestors experience recreation

in the past, and how does this relate to the present? To answer these questions,

Peter Borsay examines the history of leisure in Britain over the past 500 years, analysing

elements of both continuity and change. A History of Leisure - explores a range of pastimes,

from festive culture and music to tourism and sport - emphasises a conceptual and critical

approach, rather than a simple narrative history - covers a range of themes including

economy, state, class, identities, place, space and time - treats the constituent parts of the

British Isles as a fluid and dynamic amalgam of local and national cultures and polities.

Authoritative and engaging, this text challenges conventional views on the history of

leisure and suggests new approaches to the subject. Borsay draws upon the insights

provided by a variety of disciplines alongside that of history - anthropology, the arts,

geography and sociology - to offer an essential guide to this fascinating area of study.



Encyclopedia of Recreation and Leisure in America


ISBN: 9780684312651

Publication Date: 2004-07-15


https://tinyurl.com/y37c74tb

 

https://tinyurl.com/y3bfgdfw

 

https://tinyurl.com/yxuvdqcp

 

 

 

 

 

Encyclopedia of recreation and leisure in America: Adapted - little, Volume 1

Encyclopedia of recreation and leisure in America: Adapted - little,Gary S. Cross,


ISBN 0684312654, 9780684312651


Gale virtual reference library

The Scribner American Civilization Series

Editor

Gary S. Cross

Edition

illustrated

Publisher

Charles Scribner's Sons, 2004

ISBN

0684312662, 9780684312668

Length

502 pages

Title

A History of Leisure: The British Experience since 1500

 

Author

Peter Borsay

 

Publisher

Macmillan International Higher Education, 2006

 

ISBN

113702044X, 9781137020444

 

Length

328 pages

 

       

 

From rodeos to quilting bees, stickball to stock car racing, American pastimes comprise

a broad range of activities. The two-volume "Encyclopedia of Recreation and Leisure in

America provides a comprehensive survey of these activities from the Colonial era to the

present. This new title examines how the pursuit of leisure has changed over time, reflecting

shifting social, cultural, political and economic trends in the United States. Particular attention

is paid to how leisure activities have varied by region, class, ethnicity, gender and age.

Such information fuels history class discussions and assignments as the curriculum increasingly

requires students to understand not only the milestones of political and military history, but also

how people lived day to day. From entries on specific types of leisure activities to discussions of

important themes in the history of leisure, the "Encyclopedia provides a unique window into this

key component of American social history.

 

 

 

 

 

Dictionaries and Thesauri for Recreation and Leisure

 

 

 

 

 

The SAGE Dictionary of Leisure Studies by Tony Blackshaw; Garry Crawford


ISBN: 9781446202326

Publication Date: 2010-12-01


https://tinyurl.com/y68ttv8q


https://tinyurl.com/yyu8m3qf

 

Title    The SAGE Dictionary of Leisure Studies

Authors    Tony Blackshaw, Garry Crawford

Publisher    SAGE, 2009

ISBN    1446202321, 9781446202326

Length    272 pages

What is Leisure Studies? Who are the key figures in the field? How can we evaluate

the relevance of concepts in the field? This is the first full length Dictionary

of Leisure Studies. It examines the key concepts, assesses the work of central figures

and helps students zero-in on essential issues and conceptual distinctions. The Book:

* Provides an unprecedented critical survey of the field * Offers students authoritative,

comprehensive accounts of the basic concepts and leading figures * Provides students

with core resources to write essays and pass exams Written by teachers experienced

with the needs of undergraduates and postgraduates in the field, the book will be

quickly recognized as a vital asset in making sense of Leisure Studies.

 

 

Dictionary of Leisure, Travel and Tourism 

by Bloomsbury Publishing Staff


ISBN: 9781408102121

Publication Date: 2007-01-01

 

https://tinyurl.com/y3rlfojs

 

https://tinyurl.com/pat7gof

 

Title    Dictionary of Leisure, Travel and Tourism

Author    Bloomsbury Publishing

Edition      reprint

Publisher    A&C Black, 2009

ISBN    1408102129,   9781408102121

Length    384 pages

Topics covered include travel, tourism, ticketing, hotels and staff, restaurants, kitchens,

table settings, service and cooking, along with general business, accounting and personnel

terms. Handy supplements include quick-reference lists of airline and airport codes,

currencies, international dialling codes, time zones, balance sheets and international public

holidays. Ideal for students, employers, or employees who work in any part of the hotel or

tourism industry or who need to use specialist English vocabulary for their work or studies.

 

 

Dictionary of Concepts in Recreation and Leisure Studies by Stephen L. Smith


ISBN: 9780313252624

Publication Date: 1990-08-21

 

https://tinyurl.com/yypp5mrw

 

https://tinyurl.com/y4nxv78w

 

 

Title

Dictionary of Concepts in Recreation and Leisure Studies

Volume 9 of Historical Guides to the World's Periodicals and Newspapers

Issue 9 of Reference sources for the social sciences and humanities, ISSN 0730-3335

Author

Stephen L. J. Smith

 

 

Edition

illustrated

Publisher

Greenwood Press, 1990

Original from

the University of Michigan

Digitized

Jun 18, 2007

ISBN

0313252629, 9780313252624

Length

372 pages

 

The obvious audience for this book is professionals, scholars, and students in the

recreation field. However, many of these entries relate to other fields of interest. . . .

This work should find a place in academic libraries supporting curricula in recreation

and related leisure studies. Reference Books Bulletin The vocabulary and major concepts

of the new field of recreation and leisure studies are just developing and this dictionary

is the first major attempt to describe and systematize those concepts. Although university

departments devoted to the study of recreation and leisure have been in existence for over

half a century, there has never been a comprehensive dictionary written for the field.

The concepts included in the dictionary may be grouped into four general categories.

Each definition is organized chronologically, emphasizing the evolution of the term and

its interpretation or application. Definitions also point to links between concepts listed in

the dictionary. Numerous references and suggestions for further reading are included for

readers wishing to pursue a topic in more detail. Faculty and graduate students in recreation

and leisure studies will welcome this first comprehensive dictionary of the field, as will the

libraries of universities and colleges with a recreation and leisure studies department.

The historical material and the critical review of conflicting definitions is a special feature

and one that makes this book not only useful as a dictionary, but also as a reference work

on state of the art ideas and concepts in the field.




Historical Dictionary of Skiing by E. John B. Allen


ISBN: 0810879778

Publication Date: 2012-01-01

 

https://tinyurl.com/yxhcllgz


https://tinyurl.com/y6j3lso4


Title    Historical Dictionary of Skiing

Historical Dictionaries of Sports

Author    E. John B. Allen

Edition     illustrated

Publisher    Scarecrow Press, 2012

ISBN    0810868024, 9780810868021

Length    347 pages

Skiing is one of the oldest modes of transportation known, predating the wheel with

dated artifacts to prove its pedigree. Skiing for sport, however, did not become common

until about 150 years ago. The first Winter Olympic Games, held in Chamonix, France

in 1924, were the first to introduce skiing as a competition. Events were held in both

ski jumping and cross-country skiing. With advances in technology and increased

leisure time, the popularity of skiing as a sport has risen exponentially since it was first

introduced. The Historical Dictionary of Skiing relates the history of the sport through

a comprehensive alphabetical dictionary with detailed, cross-referenced entries on key

figures, places, competitions, and governing bodies within the sport.

Author E. Jo