Topics

+++ WEB DESIGN UPDATE. - Volume 16, Issue 32, February 1, 2018.

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 32, February 1, 2018.

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

++ISSUE 32 CONTENTS.

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

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: NAVIGATION.
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.

WCAG 2.1 is a Candidate Recommendation
By Andrew Kirkpatrick.
"Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate
Recommendation (CR)…"
https://www.w3.org/blog/2018/01/wcag21-cr/

Understanding WCAG 2.1 - Reviewing Mobile Success Criteria
By Glenda Sims.
"…Our focus today will be on the ten new success criterion related to
accessibility for mobile devices…" Note: Glenda's review is on the
December draft.
https://www.deque.com/blog/understanding-wcag-2-1-reviewing-mobile-success-criteria/

Revised Section 508 Standards Now in Effect
By Michael Gower.
"In the United States, the Revised Section 508 Standards went into
effect on January 18, 2018, a year after the U.S. Access Board
published the final rule of the updated Information and Communication
Technology (ICT) Standards and Guidelines…"
https://www.ibm.com/blogs/age-and-ability/2018/01/25/revised-section-508-standards-now-effect/

What is Web Accessibility?
By Amani Ali.
"Have you ever thought about how a football fan who is blind reads the
latest news about their favourite team…"
https://www.nomensa.com/blog/2018/what-web-accessibility

Embracing Plain Language for Better Accessibility (Video)
By Ashley Bischoff.
"Writing reports and documentation is nothing new for many of us - we
write them all the time. But even though we may do our best write
clearly, those who receive our reports and documentation might not be
as familiar with accessibility as we are."
https://www.youtube.com/watch?v=X7bUvAzpNjo

3 Important Reasons to Make Your Mobile Website Accessible
By Vivian Cullipher.
"…Here's a brief intro into what mobile accessibility means-and why
it's critical that mobile website owners and developers consider
accessibility for people with disabilities from the get go…"
https://www.microassist.com/digital-accessibility/why-make-your-mobile-website-accessible/

Enter The Dragon (Drop): Accessible List Reordering
By Harris Schneiderman.
"Due to the absence of supported ARIA attributes, Dragon Drop utilizes
live regions to convey the information needed for all users to reorder
a list."
https://www.smashingmagazine.com/2018/01/dragon-drop-accessible-list-reordering/

Cheatsheets
By National Center on Disability and Access to Education (NCDAE).
"NCDAE (a WebAIM partner) has created four new accessibility
cheatsheets. These single-page resources outline accessibility
techniques for Word and PowerPoint 2016 for Windows and Mac."
http://ncdae.org/resources/cheatsheets/

Largest Bar Exam Prep Class Provider Agrees to Settlement Over
Allegations of Discrimination Against Blind Students
By Cohen Milstein.
"BarBri, Inc. agrees to revamp core products and internal practices
for improved accessibility…"
https://www.cohenmilstein.com/update/largest-bar-exam-prep-class-provider-agrees-settlement-over-allegations-discrimination

BarBri, Inc Settles Over Claims of Discrimination
By Amanda Griffin.
https://www.jdjournal.com/2018/01/26/barbri-inc-settles-over-claims-of-discrimination/

BarBri Complaint (PDF):
https://www.bloomberglaw.com/iframe/document/X1Q6NLJ9AUO2/download?imagename=1-1.pdf

Federal Complaint Prompts Changes to LPSS Website
By Amanda McElfresh.
"The Lafayette Parish School System is making changes to its website
amid concerns about its accessibility to people with disabilities…"
http://www.theadvertiser.com/story/news/local/education/2018/01/18/federal-complaint-prompts-changes-lpss-website/1044782001/

Tech Platforms and Website Developers Targeted in Emerging Wave of
Website Accessibility Litigation
By Steven E. Helland.
"Blind plaintiff sues sabre technologies for alleged inaccessible
platform Powering WetWillies.com …"
https://www.fredlaw.com/internet_technology_trademark__advertising_alerts/2018/01/18/1771/tech_platforms_and_website_developers_targeted_in_emerging_wave_of_website_accessibility_litigation

Local Disability Lawsuit Part of Broader Battle
By Alyssa Oursler.
"A lawsuit filed Dec. 29 against Highlands Union Bank in U.S. District
Court in Abingdon is one of many of its kind…"
http://www.heraldcourier.com/news/local-disability-lawsuit-part-of-broader-battle/article_d4552925-e6c3-5c61-a6b1-71b44da17834.html


+02: CASCADING STYLE SHEETS.

CSS: The Definitive Guide, 4th Edition
By Eric Meyer, Estelle Weyl.
"We're pleased to share an excerpt from Chapter 19 ('Filters,
Blending, Clipping, and Masking') of CSS: The Definitive Guide, 4th
Edition by Eric Meyer and Estelle Weyl…"
http://alistapart.com/article/css-the-definitive-guide-4th-edition

Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt
CSS Grid Today
By James Y. Rauhut.
"Today, I'm excited to introduce a new open-source tool from IBM
called CSS Gridish…"
https://medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de

Learn Flexbox for Free
By Scrimba.
"12 interactive screencasts to take you from beginner to advanced…"
https://scrimba.com/g/gflexbox

New Adventures in Responsive Web Design (Video)
By Vitaly Friedman.
Vitaly's From Beyond Tellerand Conference presentation.
https://vimeo.com/251516830


+03: COLOR.

What my Color-Blindness Taught Me About Design
By Fei Ren.
"…For every 100 visitors to your website or app, about 5 of them have
a very different visual experience of the content. If your audience is
male, then about 8 out of 100 are affected. It is not a small number.
In fact, it is even higher than the conversation rate for some sites…"
https://uxdesign.cc/what-my-color-blindness-taught-me-about-design-d3009a93ff9c


+04: EVALUATION & TESTING.

Usability Test, Even When You Know the Answer
By Hoa Loranger.
"Evidence from usability studies can be more convincing than what you
say. Test even if you can easily determine the difference between good
and bad designs."
https://www.nngroup.com/articles/test-when-you-know-answer/

52 Research Terms you need to know as a UX Designer
By Guy Ligertwood.
"Your A-Z list of research terms in plain English…"
https://uxplanet.org/51-research-terms-you-need-to-know-as-a-ux-designer-fac0d40a59d7


+05: EVENTS.

Quick and Dirty Ethnography for the Initiate
February 26, 2018.
Online
http://uxpa.org/event/webinars

Live Webinar: Using Personas as an Inclusive Design Tool
February 27, 2018.
Online
https://accessibility.deque.com/creating-ux-design-personas-webinar

Pushing the Boundaries of Web Layout with CSS Grid
March 5, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/workshops/rachel-andrew

UX Immersion Conference
March 5-7, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/

Enhancing the User Experience for People with Disabilities
March 30, 2018.
Online
http://uxpa.org/event/webinars

Usability Testing: Here, There and Everywhere
April 18, 2018.
Online
http://uxpa.org/event/webinars

Ampersand Web Typography Conference
June 29, 2018.
Brighton, England, United Kingdom
https://2018.ampersandconf.com/


+06: HTML.

Building a Good Download… Button?
By Eric Bailey.
"The semantics inherent in HTML elements tell us what we’re supposed
to use them for…"
https://css-tricks.com/building-good-download-button/


+07: INFORMATION ARCHITECTURE.

Why Personas Fail
By Kim Flaherty.
"Personas are useful tools for UX work, so why do they often fail?
Find out what pitfalls cause personas to fail, and how to avoid and
overcome them."
https://www.nngroup.com/articles/why-personas-fail/


+08: JAVASCRIPT.

Survey: JavaScripters Wanted, but Programmers Prefer Python
By David Ramel.
"Technical recruiting company HackerRank says JavaScript is the top
programming language sought by organizations, but developers prefer
Python…"
https://adtmag.com/articles/2018/01/25/hackerrank-survey.aspx


+09: MISCELLANEOUS.

Video as the new GIF in Safari
By Bruce Lawson.
"…One aspect of the release hasn't met with universal acclaim,
however. That's the ability to have a short, silent video as the
source of an <img> element…"
http://www.brucelawson.co.uk/2018/video-as-the-new-gif-in-safari/


+10: NAVIGATION.

A Tale of Two Rooms: Understanding Screen Reader Navigation
By Ryan Jones.
"…One of my goals throughout the many accessibility focused training
classes I have led has been to help others more accurately understand
what it is like for someone using screen reading software to navigate
through a web page…"
https://developer.paciellogroup.com/blog/2018/01/a-tale-of-two-rooms-understanding-screen-reader-navigation/

How to Implement Sitemap Footers to Keep Users Going
By Priscilla Esser.
"…In your attempts to minimize the effort your users need for
performing actions on the website you're designing, you just might be
overlooking one major opportunity: sitemap footers…"
https://www.interaction-design.org/literature/article/how-to-implement-sitemap-footers-to-keep-users-going

Results from the Main Landmark Survey
By Léonie Watson.
"…The fact that 77 people (32%) expected more than one main landmark
was interesting…"
https://developer.paciellogroup.com/blog/2018/01/results-from-the-main-landmark-survey/


+11: TOOLS.

a11y-outline (FireFox Extension)
By Tobias Bengfort.
"Many screen readers like JAWS or NVDA have shortcuts to bring up a
list of landmarks, headings or links. This browser extension provides
the same functionality without requiring a screen reader."
https://addons.mozilla.org/de/firefox/addon/a11y-outline/


+12: TYPOGRAPHY.

How to Use Variable Fonts in the Real World
By Richard Rutter.
"A variable font is a single font file which behaves like multiple styles…"
http://clagnut.com/blog/2390/


+13: USABILITY.

The False-Consensus Effect: You Are Not the User (Video)
By Raluca Budiu.
"The false-consensus effect refers to people's tendency to assume that
others share their beliefs and will behave similarly in a given
context. This assumption can lead UX professionals to make the wrong
design decisions. Acknowledge your vulnerability and establish
checks."
https://www.nngroup.com/videos/false-consensus-effect/

12 Mobile UX Design Trends For 2018
By Nick Babich.
"Things move quickly in the mobile app universe. To succeed in the
field of mobile UX design, designers must have the foresight and
prepare for new challenges around the corner. To simplify the task,
I've listed the biggest, impactful trends for 2018 and, most likely,
beyond…"
https://www.mockplus.com/blog/post/mobile-ux-design-trends-2018/

How Dark UX Patterns Target The Most Vulnerable
By Ben Bate.
"Dark UX patterns help companies maximize profits, but at the expense
of the most vulnerable, and by damaging the web for everyone…"
https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/


[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:lcar...@d.umn.edu


[Issue ends.]