.

Date: Thu, 28 Sep 2017 06:20:36 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: September 28, 2017

+++ WEB DESIGN UPDATE.

– Volume 16, Issue 14, September 28, 2017.

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

++ISSUE 14 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: STANDARDS, GUIDELINES & PATTERNS.

11: TOOLS.

12: TYPOGRAPHY.

13: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A11Y Talks September 2017 (Video)

By Scott O’Hara.

“We have all heard about website accessibility and know what it means
in a broad sense, but what does website accessibility look like in a
practical sense?…”

https://www.youtube.com/watch?v=byh6G3vViWM

Developing Accessible Websites

By University of Washington.

“In order to assure that websites and web applications are accessible
to and usable by everyone, designers and developers must follow web
accessibility guidelines. Each of the following topics address issues
that are especially common on UW websites…”

http://www.washington.edu/accessibility/web/

6 Ways To Make A Video Accessible To Everyone

By Access Innovation Media.

“The world is full of great content, but most isn’t accessible to
everyone, which is frustrating for people that are excluded. Here are
6 ways to make your video more accessible for everyone…”

http://www.ai-media.tv/6-ways-to-make-a-video-accessible/

Navigating Web Accessibility During Natural Disasters

By The Bureau of Internet Accessibility.

“…In times of disaster, everyone should have equal access to resources
that keep them both informed and safe. With universal web
accessibility and ADA compliance a priority, this equality can be
established, and the safety of entire populations can be promoted when
the next disaster strikes.”

https://www.boia.org/blog/ navigating-web-accessibility-during-natural-disasters

Fordham University Named in Class Action Lawsuit by Blind Individuals,
Alleging Fordham.edu Website is Inaccessible

By Steven E. Helland.

“Emanuel Delacruz, a blind individual, filed a class action lawsuit in
Federal District Court in New York, alleging that Fordham University
discriminates against disabled persons due to an “inaccessible”
website…”

https://www.lexology.com/library/ document.ashx?g=2c60ab84-806c-4a33-993d-ca54fc99b656

What the Winn-Dixie Case Means for the Future of Web Accessibility

By Elisa Edelberg.

“…discrimination means if you decide to do something for the general
public, the general public includes people with disabilities.
Therefore whatever you do that is effective and meaningful for the
general public must also be effective and meaningful for an individual
with a disability. In terms of mobile and web – if you choose to
communicate with your audience or customers via these platforms, then
they must be accessible for all…”

http://www.3playmedia.com/2017/09/27/ what-the-winn-dixie-case-means-for-the-future-of-web-accessibility/

Q&A with Legal Rebel, Lainey Feingold

By Sofia Enamorado.

“2017 has been a turbulent year for digital accessibility…”

http://www.3playmedia.com/2017/09/26/ qa-with-legal-rebel-lainey-feingold/

US To Vote For Discrimination Against Disabled This Week

By Kim Krause Berg.

“To protect businesses from lawsuits, the US Government votes this
week to manipulate the rights of disabled persons to file a
discrimination complaint…”

https://creativevisionwebconsulting.com/ us-to-vote-for-discrimination-against-disabled-this-week/

+02: CASCADING STYLE SHEETS.

5 Things CSS Developers Wish They Knew Before They Started

By Andrés Galante.

“…Here is a list of things I wish I had known if I were to start all
over again…”

https://css-tricks.com/5-things-css-developers-wish-knew-started/

How to View and Edit CSS in Chrome Developer Tools

By Brandon Morelli.

“Learn how to make real-time changes to this website with Chrome DevTools…”

https://codeburst.io/how-to-view-and-edit- css-in-chrome-developer-tools-ca458a740a06

Web Truths: CSS is Not Real Programming

By Christian Heilmann.

“…A lot of ‘CSS is not real programming’ arguments are a basic
misunderstanding what CSS is there to achieve. If you want full
control over and interface and strive for pixel perfection – don’t use
it. If you want to build an interface for an inclusive and diverse
web, CSS is a great tool. Writing CSS is describing interfaces and
needs empathy with the users. It is not about turning a Photoshop file
into a web interface…”

https://christianheilmann.com/2017/09/19/ web-truths-css-is-not-real-programming/

+03: EVALUATION & TESTING.

10 Resources for Usability Facilitators

By Jeff Sauro.

“…here are ten resources for both beginners and intermediate usability
test facilitators…”

https://measuringu.com/usability-facilitators/

Monitoring the User’s Brain for Usability Testing

By Yogesh Awasthi.

“Functional near-infrared spectroscopy(fNIR) for usability testing…”

https://uxdesign.cc/use-of-functional-near- infrared-spectroscopy-fnir-in-hci-design-aa549d3e498b

+04: EVENTS.

#PerfMatters Conference
Call For Proposals due October 1, 2017.
Conference March 27-28, 2018.
Redwood City, Califorina, U.S.A.
http://PerfMattersConf.com/speak/

Digital Accessibility as a Business Practice
October 9, 2017.
Online
https://de.ryerson.ca/wa/business/

The Accessibility MOOC – Inclusive Online Course Design
October 16- November 10, 2017.
Online
http://accessibility.mrooms.net/

IT Accessibility Badging Program Series
First course starts October 18, 2017.
Online.
http://disability.illinois.edu/academic-support/ accessible-it-group/badging

Accessibility Legal Update with Lainey Feingold
October 19, 2017.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/233789712/

Breaking Development
October 25-27, 2017.
Nashville, Tennessee, U.S.A.
http://bdconf.com/events/nashville-2/

[NEW RESEARCH] How Captions + Interactive Transcripts Help Students in
Online Courses
October 26, 2017.
Online
http://www.3playmedia.com/resources/webinars/ webinar-registration-10-26-2017/

+05: HTML.

HTML5 Accesskey

By Rakesh Paladugula.

“…Choosing an accesskey is a tough job. Keep the following best
practices in mind while assigning them…”

http://www.maxability.co.in/2017/09/html5-accesskey/

HTML+CSS Tutorial

By Cassidy Williams.

“I’m Cassidy. I’m a senior software engineer and I’ve been teaching
myself HTML, CSS, and other web development and scripting for over 10
years. And I want to teach you now. Because you’re good looking. And
because it’s useful…”

https://github.com/cassidoo/HTML-CSS-Tutorial

+06: INFORMATION ARCHITECTURE.

An Easy Guide to Wireframing

By HTML 5 Tutorial.

“…Let’s take a look at the basic steps of wireframing…”

http://www.html5tutorial.net/easy-guide-wireframing/

+07: JAVASCRIPT.

A Brief, Incomplete History of JavaScript

By Christopher Buecheler.

“Where did we start, where are we now, how did we get here, and why?…”

https://closebrace.com/articles/2017-09-11/ a-brief-incomplete-history-of-javascript

JavaScript Development Is Not Fun for Me Anymore

By Paul Verbeek-Mast.

“I’ve been working on the web for just over 10 years now…”

https://medium.com/@paulvm/javascript-development- is-not-fun-for-me-anymore-ac4e9d7b89a3

Vanilla JavaScript for Building Powerful Web Applications

By Pixabay.

“…Using plain JavaScript will make your applications load and react
blazingly fast…”

https://plainjs.com/

Essential Vanilla JavaScript Functions

By Amit Merchant.

“Some of the missing functions in JavaScript in vanilla form

https://github.com/amitmerchant1990/essential-vanilla-javascript-functions

Demos: Accessible Tab Panel Using ARIA and Vanilla JS

By Nicolas Hoffmann.

https://van11y.net/downloads/tab-panel/demo/

+08: MISCELLANEOUS.

Is Your Grammar Software a Security Risk?

By Emily Cotlier.

“…We also hope that everyone understands that grammar software has
some limitations and can affect your information’s privacy…”

https://write.co.nz/grammar-software-security-risk/

20 Years Ago, Steve Jobs Demonstrated
the Perfect Way to Respond to an Insult

By Justin Bariso.

“In 1997, Steve Jobs was answering developers’ questions when one
audience member took a shot at him. What happens next is remarkable…”

https://www.inc.com/justin-bariso/ 20-years-ago-steve-jobs-demonstrated-the-perfect-w.html

+09: NAVIGATION.

Dashboards and Other Meaningless Forms of Navigation

By Gerry McGovern.

“…Never, ever make assumptions when it comes to your navigation. Get
evidence. Observe your customers as they try to complete their tasks.
Where are they clicking? Where are they not clicking? Change and
refine until your menus and links reflect the mental model of your
customers, not your organization.”

http://gerrymcgovern.com/ dashboards-and-other-meaningless-forms-of-navigation/

Stop the Overuse of Overflow Menus

By Daniel Burka.

“…Overflow menus are a scourge that should be rooted out, crushed
underfoot, and drowned in a sea of toxic sludge…”

https://medium.freecodecamp.org/ stop-the-overuse-of-overflow-menus-5caa4b54e843

+10: STANDARDS, GUIDELINES & PATTERNS.

Impact of New Accessibility Standards on Authoring Tools

By Michael Gower.

“There are new provisions in the 2017 revised U.S. Section 508
standards, as well as European requirements, that are creating
additional focus on the accessibility of authoring tools…”

https://www.ibm.com/blogs/age-and-ability/2017/09/22/
impact-new-accessibility-standards-authoring-tools/

+11: TOOLS.

Text Prescription (TRx)

By Wayne Dick.

TRx is Wayne Dick’s research/tool to help people find their personal
“Text Prescription”. A Text Prescription is the font size, color,
family, line spacing, letter spacing and word spacing that works best
for a user. It outputs a user style sheet.

https://trx.knowbility.org/

+12: TYPOGRAPHY.

Falsehoods Programmers Believe About Fonts

By Roel Nieskens.

“This is a list of falsehoods programmers believe in…”

https://github.com/RoelN/Font-Falsehoods/blob/master/README.md

+13: USABILITY.

Agile Is not Easy for UX: (How to) Deal with It

By Page Laubheimer.

“Agile and UX work well together when management values UX, UX
practitioners show leadership, the process isn’t strict, and UX is
embedded on teams.”

https://www.nngroup.com/articles/agile-not-easy-ux/

5 Strategies for Presenting UX Remotely

By Sarah Gibbons.

“Master remote presentations by creating the right environment, being
human, reducing distractions, taking control, and telling a story.”

https://www.nngroup.com/articles/presenting-remotely/

How Scrolling Can Make (Or Break) Your User Experience

By Alan Smith.

“The smallest details can make or break your user experience (UX).
Much of what we do on the internet is subconscious. We absentmindedly
flip through screens, browse the web, and interact with content…”

https://usabilitygeek.com/ how-scrolling-can-make-or-break-your-user-experience/

10 Common Mistakes When UI/UX Designers Create Website Buttons

By Chloe.

“…Sometimes designers make several errors when they create web
buttons. Here are 10 common mistakes when UI/UX designers create
website buttons…”

https://www.mockplus.com/blog/post/create-website-buttons/

But Sometimes Links Look Like Buttons (and Buttons Look Like Links)

By Adam Silver.

“…Consistency is not about making different things the same. It’s
about making the same things the same…”

https://medium.com/simple-human/but-sometimes-links-look-like-
buttons-and-buttons-look-like-links-9b371c57b3d2

Why We Removed the Most Visited Advice Page on Our Website

By Hannah Horton.

“…All our content should be designed to meet the needs of real users.
This page doesn’t meet any user needs because it doesn’t solve
anyone’s problems. As the tester said, it’s just information. We can’t
make a case for keeping the page, however hard we try. So we’re going
to remove it…”

https://wearecitizensadvice.org.uk/why-were-removing- the-most-visited-advice-page-on-our-website-d1664076dd56

The Current State of E-Commerce Product Page UX Performance (19 Common Pitfalls)

By Edward Scott.

“…our latest Product Page Study and benchmark database reveal that
only 18% of the 60 top-grossing US and European e-commerce sites have
a ‘good’ or ‘acceptable’ product page UX performance…”

https://baymard.com/blog/current-state-ecommerce-product-page-ux

How to Save Your Users From Getting Lost in the Empty State

By Marta Buriak.

“UX guide to error, first use and clear states…”

https://blog.daftcode.pl/how-to-save-your-users- from-getting-lost-in-the-empty-state-b9a771703296

[Section one ends.]

++ SECTION TWO:

+14: 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:lcarlson@d.umn.edu

[Issue ends.]

Advertisements