Topics

[webdev] Web Design Update: December 18, 2018

David Dillard
 




[webdev] Web Design Update: December 18, 2018



Laura Carlson <lcarlson@d.umn.edu>

Dec 18, 2018, 3:52 PM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 19, December 18, 2018.

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

++ISSUE 26 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: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: TOOLS.
08: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

I Threw Away My Mouse
By Manuel Matuzovic.
"Manuel Matuzovic shares how he ditched his mouse, going
keyboard-only. He shares the results of his research on 200 different
pages and the issues that impact keyboard-only users."
https://www.24a11y.com/2018/i-threw-away-my-mouse/

Case Study - Podcast Becomes a WCAG 2.1 Implementation Site
By Nicolas Steenhout.
"Nicolas Steenhout shares the story of his podcast, A11Y Rules, how he
made its website accessible through careful decisions about players
and plugins, and the move to WCAG 2.1."
https://www.24a11y.com/2018/podcast-wcag-2-1-implementation-site/

Making Content Usable for People with Cognitive and Learning Disabilities
By W3C Cognitive and Learning Disabilities Task Force.
"This document is for people who make Web content (Web pages) and Web
applications. It give advice on how to make content useable for people
with learning and cognitive disabilities…"
W3C First Public Working Draft.
https://www.w3.org/TR/2018/WD-coga-usable-20181211/

Inaccessibility Simply Gets Old
By Kelly Ford.
"…I'll just say, it is disappointing that near the end of 2018, a
product search on a major retail company's web site still leads to
every product reading'product tile large' with  multiple screen
readers."
http://blog.kellyford.org/inaccessibility-simply-gets-old/

The Implementation of Web Accessibility Standards by Dutch
Municipalities. Factors of Resistance and Support
By Eric Martin Velleman.
"There are laws and regulations in place requiring public sector
bodies to adopt and implement international standards for web
accessibility. Municipalities in the Netherlands have collectively
adopted these standards. However, they often seem unable to fully
implement web accessibility standards even if the law requires them to
and they are actively pursuing it…"
https://www.researchgate.net/publication/329509854_The_Implementation_of_Web_Accessibility_Standards_by_Dutch_Municipalities_Factors_of_Resistance_and_Support/download

Congress Votes For Better Government Websites, Digital Services
By nextgov.
"…the Senate passed the 21st Century Integrated Digital Experience
Act, or 21st Century IDEA, which sets minimum standards for
accessibility, ease of use and security of government websites. The
bill now heads to the president's desk to be signed into law."
https://www.nextgov.com/it-modernization/2018/12/congress-votes-better-government-websites-digital-services/153478/

Web Accessibility Suits & Settlements in 2018
By Rakesh Paladugula.
"…Plaintiffs filed 4965 federal ADA Title III lawsuits in first 6
months of 2018. Among this large numbers are web accessibility suits
and settlements. If the trend continues, it is expected to reach
10,000 cases with an approximate increase of 30% from 2017…"
https://www.maxability.co.in/2018/12/web-accessibility-suits-and-settlements-in-2018/


+02: CASCADING STYLE SHEETS.

Inclusive Considerations When Restyling Form Controls
By Scott O'Hara.
"Scott O'Hara hogs the remote while he looks into the ever-present
issue of custom form controls. We might brute-force an element to take
on the styling we're looking for, but will that interaction still make
sense for all users? Let's give the batteries a rub and find out…"
https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/

Researching a Property in the CSS Specifications
By Rachel Andrew.
"Rachel Andrew shows us which direction is up on a gift that looks
great but comes with complex instructions. Like most operating manuals
CSS specifications can seem overwhelming, but it turns out that some
of the most daunting tasks can be simple when you know what you're
doing…"
https://24ways.org/2018/researching-a-property-in-the-css-specifications/

The Visibility Property Isn't Just About Visibility
By Ire Aderinokun.
"…Although the visibility property may seem to only affect visual
visibility, we can see that it does much more than that."
https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/


+03: COLOR.

Designing with the Colorblind in Mind Will Improve Your Design for Everyone
By Tom van Beveren.
"…About 4% of the population has some form of color blindness. One in
12 men and 1 in 200 women are color blind and face challenges with a
lot of online products like websites, apps, games, and webshops in
their daily life…"
https://medium.com/we-are-colorblind/designing-with-the-colorblind-in-mind-will-improve-your-design-for-everyone-5c25ecfcde64


+04: EVENTS.

Web Accessibility Evaluation for Non-Technical Users
January 7, 9, and 11, 2019.
Online
http://disability.illinois.edu/academic-support/accessible-it-group/badging

Web Accessibility Evaluation for Technical Users
January 14, 16, and 18, 2019.
Online
http://disability.illinois.edu/academic-support/accessible-it-group/badging


+05: JAVASCRIPT.

Accessible Name and Description Computation 1.1
By W3C ARIA Working Group.
"This document describes how user agents determine the names and
descriptions of accessible objects from web content languages…"
https://www.w3.org/TR/accname-1.1/

Using the aria-roledescription Attribute
By Léonie Watson.
"The aria-roledescription attribute changes the way screen readers
announce the role of an element. Intended to give authors a way to
provide a localised and human-readable description for a role, it has
the capacity to both enhance and seriously break accessibility for
screen reader users…"
https://tink.uk/using-the-aria-roledescription-attribute/

Using aria-live
By Ire Aderinokun.
"Many web pages today have their content dynamically changed using
Javascript…If applied incorrectly, the aria-live attribute can do more
harm than good. So, it's important to take into account a few things
if we want to use it…"
https://bitsofco.de/using-aria-live/

JavaScript and Civil Rights
By Marcy Sutton.
"As developers of web applications and websites, we create interfaces
for people to use (for the most part). In doing so, we have a
responsibility to make our applications not only usable by those
people, but also to avoid infringing on their rights…"
https://www.deque.com/blog/javascript-and-civil-rights/

What's the difference between JavaScript event delegation, bubbling,
and capturing?
By Chris Ferdinandi.
"…event delegation is the technique, bubbling is what the event itself
does, and capturing is a way of using event delgation on events that
don't bubble…"
https://gomakethings.com/whats-the-difference-between-javascript-event-delegation-bubbling-and-capturing/


+06: MISCELLANEOUS.

Accessibility and Inclusion with the World's Most Popular
Communication Tool: Email
By Jason Rodriguez.
"Jason Rodriguez shares some best practices on creating more
accessible and inclusive email campaigns, routinely ranked as one of
the world's most valuable marketing channels, yet very little work has
been done to make it more accessible for under-represented groups."
https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/


+07: TOOLS.

ANDI (Accessible Name & Description Inspector) Bookmarklet
By Social Security Administration.
"Navigate to the page to be tested. Launch ANDI by clicking on the
favorite/bookmark labelled "ANDI". ANDI will be inserted onto the
page.
https://www.ssa.gov/accessibility/andi/help/install.html

Document Accessibility Toolbar (DAT)
By Vision Australia.
"An innovation that revolutionises the ease and speed of creating
accessible documents in Microsoft Word, the Document Accessibility
Toolbar (DAT) supports individuals and organisations to embrace
accessibility as 'business as usual' at no cost…"
https://www.visionaustralia.org/services/digital-access/document-accessibility-toolbar

ColourMap - Colour Blind Helper
By Pierre Frederiksen.
"ColorMap can help colour blind users in reading maps, seating plans
and other content where colour is used to convey information…"
https://www.visionaustralia.org/services/digital-access/resources/colourmap


+08: USABILITY.

The Dark Side of Simplicity
By Gerry McGovern.
"…Simplicity sucks energy…Simplicity creates insecurity…Simplicity
creates dependency…Simplicity is manipulative…Simplicity is
addictive…Some things are worth the effort. If you're not thinking
then someone is thinking for you…The ethical thing to do is to help
people make good decisions for their lives, their futures. Stripping
away the complexity that confuses and frustrates is always great. But
making it simple just so as people will spend more and more of their
time and money, just so as to get more data from them in order to
exert greater control over them, is unethical…"
http://gerrymcgovern.com/the-dark-side-of-simplicity/

Can Users Control and Understand a UI Driven by Machine Learning?
By Raluca Budiu.
"In a study of people interacting with systems built on
machine-learning algorithms, users had weak mental models and
difficulties making the UI do what they want."
https://www.nngroup.com/articles/machine-learning-ux/


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


[Issue ends.]

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics