.
Date: Thu, 13 Jul 2017 06:20:04 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: July 13, 2017
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 03, July 13, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 03 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: EVENTS.
05: HTML5.
06: JAVASCRIPT.
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.
Disabled Buttons Suck
By Hampus Sethfors.
"Showing buttons as disabled until a form is complete might seem like
a good idea. It is not..."
https://axesslab.com/disabled-buttons-suck/
Why Accessibility Matters
By Isaac Zepeda.
"...My first thought was because it's been imposed by the law, but
something inside me (and with help of my teammates) told me that that
isn't enough reason, we shouldn't doing it because the law tells you
so, but rather because it is the right and moral thing to do..."
https://medium.com/points-san-francisco/
why-accessibility-matters-7ca6762ec0b5
Accessible Media Player Resources and Demos (Updated)
By Henny Swan.
"...Last updated July 7th, 2017 to include the Web Experience Project
media player and captioning legal requirements from the USA..."
http://www.iheni.com/accessible-media-player-resources/
Florida Federal Court Rules That Winn-Dixie's Website Violated the ADA
By Thomas J. Barton.
"Retailers throughout the country have been besieged by lawsuits and
demand letters alleging that their websites are not accessible to the
visually impaired and that this lack of accessibility violates Title
III of the Americans with Disabilities Act (ADA)..."
https://www.natlawreview.com/article/
florida-federal-court-rules-winn-dixie-s-website-violated-ada
Web Accessibility for Grocers: Winn-Dixie Wasn't Paying Attention
By The Law Office of Lainey Feingold.
"...If Winn-Dixie had been paying attention, it would have known over
three years ago that grocery chains were making their websites
accessible. Winn-Dixie should not have waited for the legal knock on
the door. When it came, it should not have put up a fight..."
http://www.lflegal.com/2017/07/grocery-access/
Rejected By the Los Angeles Times
By The Law Office of Lainey Feingold.
"On June 23, 2017, the Los Angeles Times published an op-ed titled 'Is
your company's website accessible to the disabled? You'd better hope
so.' The piece was mean spirited and full of inaccuracies about web
accessibility..."
http://www.lflegal.com/2017/07/la-times/
City of Miami Settles Website Accessibility Lawsuit
By Wireupdate.
"The City of Miami and Mr. Eddie Sierra, a local disability advocate,
have entered into a federal Consent Decree that guarantees the deaf
and hard of hearing will now have equal access to video content on
city's website..."
https://www.wireupdate.com/2017/07/10/
city-of-miami-settles-website-accessibility-lawsuit/
One Activist Has Hundreds of Colleges Under the Gun to Fix Their Websites
By Peter Schmidt.
"...Since early last year Ms. Lipsitt has asked the Education
Department's Office for Civil Rights to investigate more than 360
colleges for online violations of the Americans With Disabilities Act,
which bars discriminatory practices, and the Rehabilitation Act, which
requires equal access to the websites of programs receiving a federal
subsidy. Only Princeton University has been cleared of wrongdoing by
the civil-rights office, based on the conclusion that its problems
were minor and already being fixed. At least 20 colleges have signed
agreements with the agency pledging to fix the accessibility problems
that it identified...."
http://www.chronicle.com/article/One-Activist-Has-Hundreds-of/240551
+02: BOOKS.
Lazar and Stein, editors.
"Disability, Human Rights, and Information Technology",
University of Pennsylvania Press, 2017.
+03: CASCADING STYLE SHEETS.
CSS Fonts Module Level 4
By W3C, John Daggett and Myles C. Maxfield, editors.
"This specification defines modifications to the existing CSS Fonts 3
specification along with additional experimental features."
https://www.w3.org/TR/2017/WD-css-fonts-4-20170711/
Let's Talk About Speech CSS
By Eric Bailey.
"...Unfortunately, current support for CSS speech is limited. But
learning what it can and can't do, and the situations in which it
could be used is still vital for developers. Thoughtful and
well-considered application of CSS is a key part of creating robust
interfaces for all users, regardless of their ability or
circumstance."
https://css-tricks.com/lets-talk-speech-css/
How To Use CSS Custom Properties To Write More Readable Code
By Steven Bradley.
"Before being interrupted by the birthday of the United States, I was
talking about CSS custom properties, which if you remember, allow you
to create variables directly in CSS instead of having to use
preprocessors..."
http://vanseodesign.com/css/custom-properties-and-readability/
+04: EVENTS.
Jeremy Keith Keynote: Resilience in Web Development
July 14, 2017.
Bloomington, Minnesota, U.S.A.
https://www.eventbrite.com/e/jeremy-keith-
keynote-resilience-in-web-development-tickets-36074686358
Demystifying Eye-Tracking for UX Research
July 19, 2017.
Online.
http://uxpa.org/event/webinars
Digital Accessibility: Enabling Participation in the Information Society
Starts October 9, 2017. (5 week course)
Online
https://www.futurelearn.com/courses/digital-accessibility
+05: HTML5.
CFC: Make Previous Versions of HTML and XHTML Obsolete
By Léonie Watson.
"This is a Call For Consensus (CFC) on the proposal to mark previous
versions of HTML and XHTML obsolete..."
https://github.com/w3c/WebPlatformWG/issues/86
+06: JAVASCRIPT.
How to Label Shadow DOM (Video)
By Rob Dodson.
"Shadow DOM is a newer web platform feature that lets you scope your
CSS and markup. This is great for preventing style leakage, but it can
also make things tricky when it comes to accessibility. In particular,
labeling content inside of a shadow root. Today on A11ycasts I'll show
a couple techniques I use to work around this thorny problem."
https://www.youtube.com/watch?v=rr3c62Wnaeo
Short Note on aria-label, aria-labelledby, and aria-describedby
By Léonie Watson.
"Be careful when you use the aria-label, aria-labelledby, and
aria-describedby attributes, because they do not work consistently
with all HTML elements. This is a short note on when (and when not) to
use those attributes..."
https://www.paciellogroup.com/blog/2017/07/
short-note-on-aria-label-aria-labelledby-and-aria-describedby/
+07: NAVIGATION.
An Alternate Approach to Menu Systems for a Better UX
By Shane Williams.
"...using tasks as a basis for navigation, adds another layer of
complexity for users. Using an object based navigation approach,
allows for a more natural pattern of how we generally think about
tasks..."
https://blog.prototypr.io/
an-alternate-approach-to-menu-systems-for-a-better-ux-5131be448c6f
Five Minute Accessibility: Links and Hypertext
By Kenneth Larsen.
"...First of all most assistive technologies uses the tab key as
navigation and this is the case with links as well. For clicking a
link the enter key is used. This means that if you have a link which
is not accessible by the tab key and which can be triggered by
pressing enter your site is not accessible..."
https://blog.prototypr.io/five-minute-accessibility-links-and-hypertext-5688ca12785a
+08: USABILITY.
Designing Better Tables for Enterprise Applications
By Adhithya Kumar.
"An in-depth guide on how to design tables in enterprise applications,
and how to avoid commonly made mistakes..."
https://uxdesign.cc/
designing-better-tables-for-enterprise-applications-f9ef545e9fbd
What Do Mobile Users Expect in an App?
By Hannah Levenson.
"...We'll dig deeper into these trends and expectations, uncovering
how they came about and discovering how app pros everywhere can tackle
and successfully implement them..."
http://www.uxbooth.com/articles/what-do-mobile-users-expect-in-an-app/
Design for Fingers, Touch and People, Part 3
By Steven Hoober.
"...Design for every user and every type and size of phone..."
http://www.uxmatters.com/mt/archives/2017/07/
design-for-fingers-touch-and-people-part-3.php
Dropdown Alternatives for Better (Mobile) Forms
By Zoltan Kollin.
"Using dropdown menus in forms might seem a no-brainer: they don't
take much space on the UI, they automatically validate the input, all
browsers and platforms support them, they're easy and cheap to
implement, and the users know them well enough. At the same time,
though, dropdown (or select) menus are one of the most frequently
misused form patterns and 'should be the UI of last resort', according
to Luke Wroblewski and many others..."
https://medium.com/@kollinz/
dropdown-alternatives-for-better-mobile-forms-53e40d641b53
UX is Grounded in Rationale, Not Design
By Tif Wang.
"...The reason why I felt 'unproductive' was because I wasn't taking
the time to understand my users or the problem I was given to solve. I
haven't empathized deeply with what my users go through. This made me
realize how hard it was to develop empathy for others when you don't
have a first-hand experience of the problem..."
https://uxplanet.org/ux-is-grounded-in-rationale-not-design-49e8f77b8f58
Chatbots Deliver the Worst Customer Service
By Rafal Cymerys.
"...There's a long way ahead of artificial intelligence to let us
build chatbots that can help more than by just replicating the
features already offered by websites and apps. Once it gets there
chatbots will become a huge thing, but for now there aren't many real
uses for them..."
https://latenightcoding.co/chatbots-customer-service/
[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:lcarlson@xxxxxxxxx
[Issue ends.]
--
.
.
