MEDIA ISSUES : PUBLICATIONS : NEWS : TELEVISION NEWS : NEWSPAPERS : FAKE NEWS: Books about Fake News

MEDIA ISSUES :

PUBLICATIONS :

NEWS :

TELEVISION NEWS :

NEWSPAPERS :

FAKE NEWS:

Books about Fake News

*

*

Books about Fake News

Books About Fake News

.

========================================

Research Guide Directory :

Discussion Group Directory

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

========================================

.

NEWS COVERAGE : MEDIA : JOURNALISM : FAKE NEWS :
BIBLIOGRAPHIES : DATABASE SEARCH RESULTS:
Books About Fake News

.

.

The Stewart/Colbert Effect:

Essays on the Real Impacts of Fake News

Editor Amarnath Amarasingam

Publisher McFarland, 2011

ISBN 0786486686, 9780786486687

Length 208 pages

http://tinyurl.com/gtdc4o5

*

The Onion and Philosophy:

Fake News Story True Alleges Indignant Area Professor

Popular culture and philosophy

Author Sharon Kaye

Editor Sharon Kaye

Publisher Open Court, 2013

ISBN 0812697243, 9780812697247

Length 320 pages

http://tinyurl.com/jef4ql4

*

Broadcast Hysteria: Orson Welles’s War of the Worlds

and the Art of Fake News

Author A. Brad Schwartz

Edition illustrated

Publisher Hill and Wang, 2015

ISBN 0809031639, 9780809031634

Length 352 pages

http://tinyurl.com/jmd6g3o

*

Fake News and Politic Satire:

Why We Need Jon Stewart and Stephen Colbert

If We Have to Have Bill O’Reilly

Author Christopher Sans

Edition reprint

Publisher BiblioBazaar, 2011

ISBN 1241059284, 9781241059286

Length 132 pages

http://tinyurl.com/jky5gwa

*

The Daily Show and Philosophy:
Moments of Zen in the Art of Fake News

The Blackwell Philosophy and Pop Culture Series

Editor Jason Holt

Publisher John Wiley & Sons, 2009

ISBN 0470766131, 9780470766132

Length 280 pages

http://tinyurl.com/jky5gwa

*

News Parody and Political Satire Across the Globe

Editors Geoffrey Baym, Jeffrey P. Jones

Publisher Routledge, 2013

ISBN 1135751641, 9781135751647

Length 200 pages

http://tinyurl.com/z9k9f7p

*

Networked: A Contemporary History of News in Transition

Author Adrienne Russell

Publisher John Wiley and Sons, 2013

ISBN 0745637736, 9780745637730

Length 163 pages

http://tinyurl.com/h62nxov

*

Politicotainment: Television’s Take on the Real

Volume 13 of Popular culture & everyday life, ISSN 1529-2428

Volume 13 of Popular culture ?

Author Kristina Riegert

Editor Kristina Riegert

Edition illustrated

Publisher Peter Lang, 2007

ISBN 0820481149, 9780820481142

Length 296 pages

http://tinyurl.com/hl35ofz

*

Sins Against Science: The Scientific Media Hoaxes of Poe, Twain, and Others

G – Reference,Information and Interdisciplinary Subjects Series

SUNY series, Studies in Scientific and Technical Communication

Author Lynda Walsh

Edition illustrated, annotated

Publisher SUNY Press, 2006

ISBN 079146878X, 9780791468784

Length 308 pages

http://tinyurl.com/hzs429p

*

The New Blue Media: How Michael Moore, MoveOn.org,

Jon Stewart and Company Are Transforming Progressive Politics

Author Theodore Hamm

Publisher The New Press, 2013

ISBN 1595587381, 9781595587381

Length 240 pages

http://tinyurl.com/jagj7u2

*

Satire and Dissent: Interventions in Contemporary Political Debate

Satire and Dissent

Author Amber Day

Publisher Indiana University Press, 2011

ISBN 0253005140, 9780253005144

Length 240 pages

http://tinyurl.com/hk4flo2

*

Entertaining Politics: Satiric Television and Political Engagement

Communication, Media, and Politics

Author Jeffrey P. Jones

Edition 2, illustrated

Publisher Rowman & Littlefield Publishers, 2010

ISBN 0742565297, 9780742565296

Length 328 pages

http://tinyurl.com/jxy8b6q

*

The True Story of Fake News: How Mainstream Media Manipulates Millions

Author Mark Dice

Publisher Mark Dice, 2017

ISBN 1943591032, 9781943591039

Length 330 pages

https://tinyurl.com/y9ushwxd

*

Title The True Story of Fake News
Author Mark Dice
Publisher Resistance Manifesto, 2017
ISBN 1943591024, 9781943591022
Length 325 pages
https://tinyurl.com/y9ushwxd

*

.

David Dillard

NET-GOLD

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

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

http://net-gold.3172864.n2.nabble.com/

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/

Hospitality

https://sites.google.com/site/hospitalitydatabasesandtools/
Disabilities And Employment

https://sites.google.com/site/disabilitynetsources/Home/employment-and-disabilities

Indoor Gardening

https://groups.yahoo.com/neo/groups/indoorgardeningurban/info

Educator-Gold

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

K12ADMINLIFE

http://groups.yahoo.com/group/k12adminlife/

Public Health Resources Including Ebola

Blog

https://educatorgold.wordpress.com/

Research Guide:

Information Literacy

http://tinyurl.com/78a4shn

Twitter: davidpdillard

Bushell, R. & Sheldon, P. (Eds),

Wellness and Tourism: Mind, Body, Spirit,

Place, New York: Cognizant Communication Books.

Wellness Tourism: Bibliographic and Webliographic Essay

David P. Dillard

http://tinyurl.com/p63whl

Railtram Discussion Group

from the union pacific to britrail and beyond

https://groups.yahoo.com/neo/groups/railtram/info

Indoor Gardening

improve your chances for indoor gardening success

http://tech.groups.yahoo.com/group/indoorgardeningurban/

Sport-Med

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

http://groups.yahoo.com/group/sports-med/

Health Diet Fitness Recreation Sports Tourism

https://groups.yahoo.com/neo/groups/healthrecsport/info

.

.

Advertisements
MEDIA ISSUES : PUBLICATIONS : NEWS : TELEVISION NEWS : NEWSPAPERS : FAKE NEWS: Books about Fake News

[webdev] Web Design Update: January 9, 2018

[webdev] Web Design Update: January 9, 2018
Inbox
x
Laura Carlson

Jan 9, 2019, 7:29 AM (5 days ago)

to webdev
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 29, January 9, 2019.

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

++ISSUE 29 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: TOOLS.
10: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

An Alt Text Primer
By Nicolas Steenhout.
“…The alt attribute must be present on images. If the image is
decorative, it’s fine to use an empty alt attribute. If the image is
informative, use clear and concise alt text.”
https://knowbility.org/blog/2019/an-alt-text-primer/

Create your Accessibility ‘Aha!’ Moment By Teaching VoiceOver to Everyone
By Sheri Byrne-Haber.
“…Teaching people how to use VoiceOver is a very good first step to
exposing people not just to accessibility, but the reasons behind why
everything should be accessible…”
View at Medium.com

The State of the Web: Making the Web More Accessible (Video)
By Deborah Edwards-Onoro.
“When you create an accessible website using best practices for
design, development, and content, your website provides a great user
experience for everyone…”
https://www.lireo.com/state-of-web-accessibility/

A Guide for Creating and Buying Accessible Online Training within Your
Organization’s Training Program
By Kevin Gumienny.
“…go with WCAG 2.1-and recognize that meeting the additional success
criteria fall under the ‘quality of work argument, rather than
‘required by law’…”
https://www.microassist.com/learning-dispatch/guide-to-accessible-elearning-training-managers/

Beyonce’s Parkwood Entertainment Sued Over Website Accessibility
By Ashley Cullins.
“A blind woman claims she can’t use Beyonce.com without the help of a
sighted companion…”
https://www.hollywoodreporter.com/thr-esq/beyonces-parkwood-entertainment-sued-1172909

Beyonce.com Lawsuit Reminds Us How Shitty the Web Is for Users With
Visual Impairment
By Melanie Ehrenkranz.
“Mary Conner, a legally blind woman, filed a class-action lawsuit
against Beyoncé Knowles’ entertainment company Parkwood Entertainment
on Thursday alleging that the superstar’s official website isn’t
accessible for visually impaired users…”
https://gizmodo.com/beyonce-com-lawsuit-reminds-us-how-shitty-the-web-is-fo-1831493336

Local Governments on Alert over Lawsuits Targeting ADA Violations Over
Website Documents
By Martin E. Comas.
“…At least three Central Florida cities – Lake Mary, Longwood and
Oviedo – have temporarily removed many public documents from their
websites to protect themselves from lawsuits alleging a violation of
the Americans with Disability Act…”
https://www.orlandosentinel.com/news/os-ne-ada-lawsuits-blind-local-governments-20190104-story.html

+02: CASCADING STYLE SHEETS.

If It’s Interactive, It Needs a Focus Style (Video)
By Eric Bailey.
“Focus styles don’t have to be ugly! Focus styles are an integral part
of any mature design system. This talk will discuss the intersection
of WCAG compliance and Inclusive Design, as well as new focus-related
CSS selectors. Additionally, strategies for how to effectively
implement them in your organization…”

Making Future Interfaces: Algorithmic Layouts (Video)
By Heydon Pickering.
“Learn how to create CSS layouts that are self-governing, using
Flexbox and Grid.”

10 Amazing New CSS Techniques
By Rachel Andrew.
“Explore the best new CSS that’s starting to land in browsers.”
https://www.creativebloq.com/features/10-amazing-new-css-techniques

Stepping Away From Sass
By Cathy Dutton.
“As I moved towards some of the more modern features of CSS the need
to target specific screen sizes with unique code was removed…”
https://cathydutton.co.uk/posts/why-i-stopped-using-sass/

+03: EVALUATION & TESTING.

Formative vs. Summative Usability Evaluation (Video)
By Maria Rosala.
Usability testing and other UX evaluation methods can be divided into
two major categories: formative evaluation and summative evaluation.
Both have their place, but at different stages in the design
lifecycle, and they have different characteristics, for example in the
number of test participants needed for a good study. (3 min. video)
https://www.nngroup.com/videos/formative-vs-summative-evaluation/

+04: EVENTS.

Hands-On Training on New A11y Test Tool (ANDI)
January 15, 2019.
Westminister, Colorado, U.S.A.

Hands-on training on new a11y test tool (ANDI)

Tuesday, Jan 15, 2019, 6:00 PM

Boulder Digital Arts
1600 Range Street Boulder, CO

11 Members Attending

Donna Anspach will demo a new accessibility testing tool developed for the Trusted Tester Version 5.0 process. This tool, the Accessible Name and Description Inspector (ANDI), was designed to specifically facilitate code inspection-based testing. To speed up this event — Download the tool to your laptop via this link before the meeting: https://ww…

Check out this Meetup →

Accessibility Training
January 15-16, 2019.
Logan, Utah, U.S.A.
https://webaim.org/training/

London Accessibility Meetup #22
January 17, 2019
London, England, United Kingdom

London Accessibility Meetup #22

Thursday, Jan 17, 2019, 6:00 PM

Sainsbury’s Supermarkets Ltd
33 Holborn, London EC1N 2HT, GB

97 A11y Allies! Attending

We’re kicking off 2019 with 2 more brilliant talks. Charley Pothecary will talk about the business case for inclusive design. Mike Gifford will talk about the challenges and opportunities of open source and accessibility. TALK 1: The business case for inclusive design, Charley Pothecary Inclusive design is still seen as an add-on; a nice to have, s…

Check out this Meetup →

Women of Accessibility
January 23, 2019.
Austin, Texas, U.S.A.
https://www.eventbrite.com/e/breaking-the-glass-visa-women-of-accessibility-panel-event-tickets-54316961494

Building the Business Case for Accessibility
January 24, 2019.
Online
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=556

Sustainable UX 2019 Design vs. Climate Change
February 12, 2019.
Online
https://sustainableux.com/

The UX Conference
February 21, 2019.
London, England, United Kingdom
https://theuxconf.com/

+05: HTML.

Tables, Tequila and Beer
By Steve Faulkner.
“In a recent article tables and beers I explained how browsers
correctly represent table semantics of simple tables with either a row
or column of headers. Thus alleviating the need to use the scope
attribute to identify a th as a row or column header. In this article
I take it a little further, with tequila and beer.”
https://codepen.io/stevef/post/tables-tequila-and-beer

Short Note on Scoping Mechanisms
By Steve Faulkner.
“In 2 recent articles I have illustrated why the scope attribute is
not needed on data tables with one row or column of th elements, or
data tables with 1 row and column of th elements (first row and first
column)…”
https://developer.paciellogroup.com/blog/2019/01/short-note-on-scoping-mechanisms/

It’s More Important to Load Fast Than to Code Fast
By Estelle Weyl.
“…If you always keep your user’s needs in mind, you can, on the first
try, develop a site or app that is not only accessible and fast to
load, but is also secure, private, internationalizable, and
usable…HTML is by default fast and accessible. It’s our job to not
break it. Semantic HTML comes with standardized user interactions. For
example, take the radio button. All you have to do is give all the
radio buttons in your button group the same name, preferably with
differed values…”
https://calendar.perfplanet.com/2018/important-load-fast-code-fast/

+06: INFORMATION ARCHITECTURE.

An Information Architecture Framework for the Internet of Things
By Flávia Lacerd, Mamede Lima-Marques, and Andrea Resmini.
“This paper formalizes an approach to the Internet of Things as a
socio-technical system of systems and a part of the infosphere. It
introduces a principle-based, human-centered approach to designing
Internet of Things artifacts as elements of contextual cross-channel
ecosystems…”
https://link.springer.com/article/10.1007/s13347-018-0332-4

+07: JAVASCRIPT.

Learn JavaScript
By Jad Joubran.
“Learn in an interactive environment. Study short lessons and practice
in an intuitive environment based on Tests…”
https://learnjavascript.online/

What ARIA Does Not Do
By Steve Faulkner.
“…ARIA does not magically make any element act differently to what it
is, it only provides a method to make it appear as something else to
assistive technology users…Developers must provide the substance to
the semantics conveyed using ARIA, otherwise users are confronted with
a UI masquerade…”
https://stevefaulkner.github.io/Articles/What%20ARIA%20does%20not%20do.html

+08: MISCELLANEOUS.

Google-Whisperers Beat reCaptcha Voice Challenge with 90% Success Rate
By Richard Chirgwin.
“Code’s up on Github and Google’s fine with that University of
Maryland researchers have given Google a “welcome to 2019″ gift by
breaking its latest reCaptcha audio challenge…”
https://www.theregister.co.uk/2019/01/03/recaptcha_voice_challenge/

History Of The Web
By Jay Hoffmann.
“The History of the Web is a newsletter I write each week. It is the
culmination of years and years of research, endless reams of notes,
and a deep passion for the World Wide Web distilled down to an
interesting new story plucked from the web’s past each week. It’s been
an incredible (and unexpected) journey, and something I’m extremely
proud of.”
https://thehistoryoftheweb.com/
History Of The Web in Book Format:
https://leanpub.com/webhistory/

+09: TOOLS.

Auto Alt Text (Chrome Extension)
By Abhinav Suri.
“Use the power of AI to caption images with a simple right-click…”
https://chrome.google.com/webstore/detail/auto-alt-text/lgmkhmedpaidhgonghfhijjlgaballje?hl=en

+10: USABILITY.

Baseline Rules for Scrollbar Usability
By Adrian Roselli.
“Now that one of the most popular CSS resource sites on the innertubes
has implemented styled scrollbars in the browser I think the time is
right (or too late?) for me to try to capture a starting point for
ensuring they are usable…”
http://adrianroselli.com/2019/01/baseline-rules-for-scrollbar-usability.html

How to Stop Opening Links in New Windows Without Warning
By Nicolas Steenhout.
“Links opening in new windows are an accessibility barrier we find on
most websites we audit. …”
https://knowbility.org/blog/2019/links-opening-new-windows-no-warning/

Why Microinteractions are Important for UX
By Alita Joyce.
“Defining microinteractions and why getting these small UI details
right matters for the quality of the user experience.”
https://www.nngroup.com/videos/microinteractions/

Reader Mode: The Button to Beat
By Eric Bailey.
“…If you spend the effort to craft your experiences with a mind to
semantics from the start, your content will be able to adapt to
specialized reading modes, as well as whatever the future holds with
little to no additional effort. Today’s Reader Mode could be
tomorrow’s smart bathroom mirror…”
https://css-tricks.com/reader-mode-the-button-to-beat/

Laws of UX
By Jon Yablonski.
“Laws of UX is a collection of the maxims and principles that
designers can consider when building user interfaces…”
https://lawsofux.com/

User-Experience Quiz: 2018 UX Year in Review
By Raluca Budiu.
“Test your UX knowledge by taking our quiz. All questions and answers
are based on articles that we published last year.”
https://www.nngroup.com/articles/ux-quiz/

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

[Issue ends.]
Attachments area
Preview YouTube video If it’s Interactive, it Needs a Focus Style
Preview YouTube video Making Future Interfaces: Algorithmic Layouts

[webdev] Web Design Update: January 9, 2018

[Net-Gold] [webdev] Web Design Update: January 3, 2018

Laura Carlson

Thu, Jan 3, 7:28 AM (3 days ago)

to webdev
+++ WEB DESIGN UPDATE.
– Volume 17, Issue 28, January 3, 2019.

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

++ISSUE 28 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: EVENTS.
05: MISCELLANEOUS.
06: NAVIGATION.
07: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

When To Describe Images
By Benetech.
“Does an image need to be described? That depends… walk through our
interactive ‘decision tree’ to learn about when and how best to make
an image accessible…”
https://poet.diagramcenter.org/when.html

How To Describe Images
By Benetech.
“This section is broken into two distinct segments. The first section,
‘General Guidelines’…The second segment of this page details best
practice guidelines specific to particular image categories and
classifications…”
https://poet.diagramcenter.org/how.html

Practice Describing Images
By Benetech.
“This section allows you to apply the best practice guidelines and
resources to your own materials…”
https://poet.diagramcenter.org/practice.html

Responsible Web Animation: Giving Users More Control of Their Experience
By Nat Tarnoff.
“…Effects can range from seizures and migraines to dizziness and
nausea to distraction from completing the task at hand. There is still
much research to be done on how these animations affect users, what is
‘good’ versus ‘bad’ and how it affects users, but recent CSS and
JavaScript updates have provided us ways to give the user the control
they need for their best experience…”
https://www.levelaccess.com/responsible-web-animation-giving-users-control-experience/

PDF Accessibility: Testing and Verification
By Dave Herr.
“In previous articles for our 2018 series on PDF accessibility, we
covered all the major aspects of remediating PDF documents. Now we
will focus on the best ways to ensure that your work is complete, so
you can be confident that your documents meet the accessibility
standards…”
https://commonlook.com/pdf-accessibility-testing-and-verification/

Accessibility Scotland (Videos, Transcripts, Slides)
By Hampus Sethfors, Vasilis van Gemert, Heather Burns, Phil Day, Paul
Bepey, and Curt Holst.
Presentations are now available from Accessibility Scotland 2018.
https://accessibility.scot/

ATC Forum
By Accessible Technology Coalition.
“We have launched the ATC FORUM. Imagine having an online community
that can answer your Assistive Technology questions in a timely
fashion. Imagine having a user friendly database of current AT
information at your fingertips. (I’m remembering the days of the
encyclopedias in the living room) Imaging having the ability to
express and see differing views and opinions on a diverse range of
topics on assistive technology…”
https://forum.atcoalition.org/

Scandinavian Airlines System Consent Order (PDF)
By United States Department of Transportation.
“This order concerns violations by Scandinavian Airlines System (SAS)
of the requirements in 14 CFR Part 382 (Part 382). SAS violated the
Department’s Web site accessibility requirements when it created a
separate Web site for individuals with disabilities instead of
ensuring that its primary Web site met the Web Content Accessibility
Guidelines (WCAG) 2.0 Level AA standard, as required by section
382.43(c)…”
https://www.transportation.gov/sites/dot.gov/files/docs/resources/individuals/aviation-consumer-protection/325416/sas-consent-order.pdf

Compass Slapped with Lawsuit Over Website Access for the Blind
By Teke Wiggin.
“Discrimination lawsuit highlights legal risk for brokerages that
don’t comply with Americans with Disabilities Act…”
https://www.inman.com/2018/12/28/compass-slapped-with-lawsuit-over-website-access-for-the-blind/

2018 ADA Web Accessibility Lawsuit Recap
By Jason Taylor.
“The lawsuit culture that surrounds website accessibility has grown
steadily over the past few years and shows no signs of slowing…”
https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report

+02: CASCADING STYLE SHEETS.

How To Learn CSS
By Rachel Andrew.
“You don’t need to commit in memorizing every CSS Property and Value,
as there are good places to look them up. There are some fundamental
things, however, which will make CSS much easier for you to use. This
article aims to guide you along your path of learning CSS.”
https://www.smashingmagazine.com/2019/01/how-to-learn-css/

Common CSS Issues For Front-End Projects
By Ahmad Shadeed.
“Rendering and interaction have become a lot more consistent across
browsers in recent years. It’s still not perfectly uniform, however,
and a lot of small issues can trip you up. Add on top of these issues
the variables of different screen sizes, language preferences and
plain human error, and we find a lot of small things to trip up a
developer.”
https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/

Gradient Borders in CSS
By Chris Coyier.
“Let’s say you need a gradient border around an element. My mind goes
like this…”
https://css-tricks.com/gradient-borders-in-css/

+03: COLOR.

Accessible Color Contrast: Icons Now Included
By Mary Gillen.
“The official WCAG 2.1 – 1.4.11 Non-text Contrast (Level AA) Guideline states…”
https://accessiblewebsiteservices.com/accessible-color-contrast-icons-now-included/

+04: EVENTS.

Tips for Management: How Accessibility Testing Actually Impacts Your
Development Process
January 17, 2019.
https://accessibility.deque.com/tips-for-management-how-accessibility-testing-actually-impacts-your-development-process

6 Tips for Accessibility in Microsoft Word from OKable
January 24, 2019.
Online
https://www.okabletech.org/education-services/at-services-for-pk-12/at-webinars-and-video-resources/

Open Question and Answer Session on the Revised 508 Standards from the
US Access Board
January 29, 2019.
Online
https://www.accessibilityonline.org/cioc-508/session/?id=110701

+05: MISCELLANEOUS.

Using Google Maps Costs More than You Think
By Jason T. Voiovich.
“…But just because you are not exchanging money to use Google Maps
does not mean you are not exchanging value. I intend to show you just
how much. You might not like it…”
View at Medium.com

How Microsoft Lost the Web
By Gregg Keizer.
“Through a series of missteps and outright neglect, Microsoft
essentially handed over the fate of its web browser – and its ability
to shape the online world – to rival Chrome. The white flag of
surrender was raised this month…”
https://www.computerworld.com/article/3330239/web-browsers/how-microsoft-lost-the-web.html

What We Wished For
By Mat ‘Wilto’ Marquis.
“An old cliché says that ‘may you get everything you wish for’ makes
for a particularly insidious curse. With Edge soon making the switch
to Chrome’s rendering engine – well, for better or worse, a bitter
wish is coming true.”
https://www.smashingmagazine.com/2018/12/internet-explorer-what-we-wished-for/

Evaluating Technology (Video)
By Jeremy Keith.
“We work with technology every day. And every day it seems like
there’s more and more technology to understand: graphic design tools,
build tools, frameworks and libraries, not to mention new HTML,CSS and
JavaScript features landing in browsers. How should we best choose
which technologies to invest our time in…”
https://aneventapart.com/news/post/evaluating-technology-by-jeremy-keith-aea-video

+06: NAVIGATION.

Navigation Design – Almost Everything You Need to Know
By Justinmind.
“Navigation design is about creating a system that empowers your users
to interact with and use your product…”
https://uxplanet.org/navigation-design-almost-everything-you-need-to-know-6f107814e22b

+07: USABILITY.

5 UX Principles You Must Adhere to for an Awesome UX Design
By Will Grant.
“Will Grant, a UI/UX expert and a digital product designer, explains
the 5 principles you must follow to ensure a great user experience…”
View at Medium.com

The Hidden Privilege in Design
By Hareem Mannan.
“Shouldn’t human-centered design consider all humans…”
View this collection on Medium.com

Will People Be More Tech Savvy in 10 Years? (Video)
By Jakob Nielsen.
“People naturally avoid studying computers. Don’t expect people’s
technical skills to improve in the future.”
https://www.nngroup.com/videos/more-tech-savvy-10-years-jakob-nielsen/

The Peak-End Rule: How Impressions Become Memories
By Lexie Martin.
“Cognitive biases change the way that we recall past events. The
peak-end rule focuses our memories around the most intense moments of
an experience and the way an experience ends.”
https://www.nngroup.com/articles/peak-end-rule/

[Section one ends.]

++ SECTION TWO:

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

[Net-Gold] [webdev] Web Design Update: January 3, 2018

[webdev] Web Design Update: December 26, 2018

[webdev] Web Design Update: December 26, 2018

Laura Carlson
Wed, Dec 26, 2018, 10:03 AM (11 days ago)
to webdev

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 27, December 26, 2018.

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

++ISSUE 27 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.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Tables and Beers
By Steve Faulkner.
“In the last article for the 2018 series, Steve Faulkner provides the
results of one beer worth of screen reader testing of simple tables.”
https://www.24a11y.com/2018/tables-and-beers/

Prove You’re Not A Bot: reCAPTCHA version 3
By John Sweet.
“John Sweet describes how captchas have been viewed as a complete
barrier to access for individuals with disabilities but with Google’s
latest reCaptcha solution, access has taken a major, positive leap
forward.”
https://www.24a11y.com/2018/recaptcha/

Benefits of a Single Text Field Versus Multiple Text Fields
By Michiel ‘Zoë’ Bijl.
We often come across forms that have multiple fields for what is, in
essence, a single piece of data, like a phone number or credit card
number. Creating forms like that can pose some usability issues if
they aren’t marked up in the right way. Would it be better to ask for
these chunks of data with single text fields instead?
https://www.24a11y.com/2018/single-text-field-vs-multiple-text-fields/

Web Accessibility: Buzzword or Reality?
By Attila Vágó.
“Web Accessibility. The unexpected lovechild of Sir Tim Berners Lee, a
shoddy 12″ monochrome screen that went black (and never came back) and
a cat that ran away with the mouse. The cat came back, but by the time
we found the mouse again, Steve Jobs decided we should all be poking
at our screens instead…”
https://hackernoon.com/web-accessibility-buzzword-or-reality-c265ec82aa03

I Used the Web for A Day Using a Screen Reader
By Chris Ashton.
“A sighted user puts himself in the shoes of a non-sighted user. Chris
Ashton experiences first-hand difficulties that visually impaired
users face and describes what we can do as web developers to help.”
https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/

Part 2: Create Inclusive Design Experiences with Accessibility at a
Glance Videos
By Deborah Edwards-Onoro.
Microsoft added 6 videos their series.
https://www.lireo.com/create-accessibility-at-glance-videos-inclusive-design/

Designing Layouts for Screen Readers
By Ben Robertson.
“I’ll walk through how to make use of these indicators to make a
simple web page easy to use, navigate and read for users of assistive
technology. All the example code is available on github…”
https://benrobertson.io/accessibility/designing-layouts-for-screen-readers

iOS Accessibility Properties: How They Relate to WCAG, and How to
Correctly Use Them
By Jennifer Dailey.
“Jennifer Dailey explains how the iOS Accessibility Properties relate
to the WCAG 2.0 success criteria 4.1.2: Name, Role, Value, and how to
properly use them.”
https://www.24a11y.com/2018/ios-accessibility-properties/

When Empathy Isn’t Enough
By Shaina Garfield.
“Designers need to go beyond empathy to include the disabled community
as participants in design solutions.”
View at Medium.com

VPAT
By Information Technology Industry Council.
“…WCAG 2.1 has now been incorporated into the EU, WCAG, and INT
editions of the VPAT…”
https://www.itic.org/policy/accessibility/vpat

President Trump Signs 21st Century IDEA into Law
By Tajha Chappellet-Lanier.
“Citizen-friendly federal websites and digital services just got a
boost – President Donald Trump signed the 21st Century Integrated
Digital Experience Act (IDEA) on Thursday afternoon…”
https://www.fedscoop.com/president-trump-signs-21st-century-idea-law/

DOE Rescinds ‘Mass Filer’ Rule, Reopening Door for Web Accessibility Complaints
By C.P. Hoffman.
“…As a result of the rescission of the so-called ‘Mass Filer’ rule,
web accessibility complaints against educational institutions are
likely to increase significantly…”
https://www.levelaccess.com/doe-rescinds-mass-filer-rule-reopening-door-web-accessibility-complaints/

Airline Fined for Separate Disabled-Accessible Website
By Greg Thomson.
“Offering a separate website for those with disabilities does not
comply with the U.S. Department of Transportation’s (DOT) website
accessibility requirements, the agency made clear with a $200,000 fine
to the Scandinavian Airlines System (SAS)…”
https://aoda.ca/airline-fined-for-separate-disabled-accessible-website/

ADA Case Law And Statutory Updates
By Cole Schotz.
“…arguments were as follows: 1) websites are not places of public
accommodation under Title III of the ADA; 2) the WCAG are not law and
the trial court’s adoption of those guidelines violated due process;
1) Winn Dixie is in compliance with the ADA because Gil had not been
deprived of the full benefit of and equal access to the services and
goods in Winn Dixie’s stores…”
https://www.jdsupra.com/legalnews/ada-case-law-and-statutory-updates-44288/

+02: CASCADING STYLE SHEETS.

Styling a Select Like It’s 2019
By Scott Jehl.
” As it turns out, a reasonable set of styles can create a consistent
and attractive select across new browsers, while remaining just fine
in older ones too…”
https://www.filamentgroup.com/lab/select-css.html

Clip Paths Know No Bounds
By Dan Wilson.
“CSS Shapes are getting a lot of attention as browser support has
increased for properties like shape-outside and clip-path. There are a
few ways that we can use CSS Shapes, in particular with the clip-path
property, that are not necessarily evident at first glance…”
https://24ways.org/2018/clip-paths-know-no-bounds/

+03: EVALUATION & TESTING.

Fake Metrics: Impressions are the New Hits
By Gerry McGovern.
“We all know that HITS stands for How Idiots Track Success. Well,
IMPRESSIONS stands for Idiots Making Pretentious Resources Endlessly
So Suckers In Organizations Notice Something. It’s the next chapter in
the endless saga of the Cult of Volume.”
http://gerrymcgovern.com/fake-metrics-impressions-are-the-new-hits/

Usability Testing with 5 Users: Information Foraging (Video 3 of 3)
By Jakob Nielsen.
“Usability testing is similar to how wild animals hunt for food: we’re
trying to hunt down the design flaws in the user interface and must
optimize a series of studies for total gain, rather than spend too
much on any one study.”
https://www.nngroup.com/videos/usability-testing-5-users-information-foraging/

The UX of Restaurant Websites
By Jeff Sauro.
“…To understand these new online offerings, we benchmarked the user
experience of six popular restaurant chain websites that provide
delivery to see how people are using these services and where the
process can be improved…”
https://measuringu.com/ux-restaurant/

Creating Personas from User Research Results
By Priscilla Esser.
“…Let us show you the best practices in developing these design
deliverables, so your user research results can work their magic…”
https://www.interaction-design.org/literature/article/creating-personas-from-user-research-results

+04: EVENTS.

An Accessibility Case Study by Blink UX
January 9, 2019.
San Francisco, California, U.S.A.

An Accessibility Case Study by Blink UX

Wednesday, Jan 9, 2019, 6:00 PM

Redshift Digital
8 California Street #600 San Francisco, CA

29 Digital Accessibility Innovators Went

Join us for our first A11yBay event of 2019. Space is limited. ABOUT THE TALK: Learn about the inner-workings of a project that Blink UX (a research and design firm that works with companies to create meaningful digital products and experiences) conducted on a software product that was already well into development. The overall objective was to ens…

Check out this Meetup →

Clockwork: Expanding the UX Team
January 10, 2019.
Minneapolis, Minnesota, U.S.A.
http://uxpamn.org/event-3172791

+05: HTML.

The Practical Value of Semantic HTML
By Bruce Lawson.
“…Semantic HTML will give usability benefits to many users, help to
future-proof your work, potentially boost your search engine results,
and help people with disabilities use your site. And, best of all,
thinking more about your HTML will stop Dull Old Web Farts like me
moaning at you. What’s not to love? Have a splendid holiday season,
whatever you celebrate – and here’s to a semantic 2019!”
https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/

Why Isn’t It Their Job
By Stuart Langridge.
“…The secret is: if you use semantic HTML, then they do the work, not you…”
https://kryogenix.org/days/2018/12/19/why-isn-t-it-their-job/

Making the abbr Element Work for Touchscreen, Keyboard, and Mouse
By Ire Aderinokun.
“The element is used to denote and define an acronym. For
example, if we want to write the acronym ‘CSS’ anywhere on a web page,
we can also provide the full name ‘Cascading Style Sheets’ for readers
unfamiliar with the acronym…”
https://bitsofco.de/making-abbr-work-for-touchscreen-keyboard-mouse/

Jank-Free Image Loads
By Eric Portis.
“There are a few fundamental problems with embedding images in pages
of hypertext; perhaps chief among them is this: text is very light and
loads rather fast; images are much heavier and arrive much later…”
https://24ways.org/2018/jank-free-image-loads/

+06: JAVASCRIPT.

ARIA 1.1 – What’s New?
By Birkir Gunnarsson.
“Birkir Gunnarsson tells us what’s new in ARIA 1.1, the new roles and
properties that excite him, and the others that disappoint, due to
their lack of support.”
https://www.24a11y.com/2018/aria-1-1-whats-new/

Web Components Still Need to be Accessible
By Eric Bailey
“Eric Bailey explains why developers need to consider accessibility
when creating custom web components and use semantic HTML when it
makes sense, as to not needlessly reinvent the wheel.”
https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/

+07: MISCELLANEOUS.

Designing Your Site Like It’s 1998
By Andy Clarke.
“It’s 20 years to the day since my wife and I started Stuff &
Nonsense, our little studio and my outlet for creative ideas on the
web. To celebrate this anniversary-and my fourteenth contribution to
24 ways- I’d like to explain how I would’ve developed a design for
Planes, Trains and Automobiles, one of my favourite Christmas films…”
https://24ways.org/2018/designing-your-site-like-its-1998/

+08: NAVIGATION.

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
By Page Laubheimer.
“Support wayfinding by including breadcrumbs that reflect the
information hierarchy of your site. On mobile, avoid using breadcrumbs
that are too tiny or wrap on multiple lines.”
https://www.nngroup.com/articles/breadcrumbs/

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

[webdev] Web Design Update: December 26, 2018

[webdev] Web Design Update: December 18, 2018

[webdev] Web Design Update: December 18, 2018

Laura Carlson
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…”
View at Medium.com

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

[webdev] Web Design Update: December 18, 2018

[webdev] Web Design Update: December 12, 2018

[webdev] Web Design Update: December 12, 2018

Laura Carlson
Dec 12, 2018, 7:36 AM
to webdev

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 25, December 12, 2018.

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

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

Understanding WCAG 2.1 Guideline 2.5: Input Modalities
By Bureau of Internet Accessibility.
“…To account for the need to navigate and operate controls through
various input methods, WCAG 2.1 includes a new guideline: 2.5 Input
Modalities…”
https://www.boia.org/blog/understanding-wcag-2-1-guideline-2-5-input-modalities

Unlocking Accessibility for UX/UI Designers
By Denis Boudreau.
“In today’s article, Denis Boudreau explains that the accessibility
community, have been lying for the better part of the last twenty
years. Web accessibility is hard. It’s complicated. And you don’t need
to care about all of that WCAG stuff.”
https://www.24a11y.com/2018/unlocking-accessibility-for-ux-ui-designers/

Web Accessibility: What You Say vs. What I Hear
By Mikey Ilagan.
“…I’ve noticed a recurring theme. Issues identified through assistive
technology such as screen readers are often treated as bugs-backlogged
and forgotten in lieu of new feature development. Let me be clear: I
think looking at accessibility this way is all wrong…”
https://www.thinkcompany.com/2017/12/web-accessibility-what-you-say-what-i-hear/

Microsoft Makes Real-Time Captions and Translation Standard in Office
365 PowerPoint
By James Thorne.
“The next PowerPoint presentation you see may have live captions or
subtitles, as Microsoft rolls out a real-time voice translation
feature to millions of subscribers. Think of it as an AI-powered Babel
fish for the conference room…”
https://www.geekwire.com/2018/microsoft-makes-real-time-captions-and-translation-standard-in-office-365-powerpoint/

The Current State of Automatic Speech Recognition
By Jaclyn Leduc.
“…Will a completely automated captioning solution ever exist? The
answer, at least for the conceivable future, is no. For now, a human
editor must be involved in the captioning and transcription process in
order to produce 99% accurate captions.”
https://www.3playmedia.com/2018/12/05/the-current-state-of-automatic-speech-recognition-why-we-still-need-humans-for-captioning/

The Ultimate Guide to Audio Description
By 3Play Media.
“Just about everything you need to know about audio description and then some…”
https://www.3playmedia.com/resources/popular-topics/audio-description/

Disability is a Spectrum, Not a Binary
By Steve Barnett and Nicola du Toit.
“…Steve Barnett and Nicola du Toit look at disability as a spectrum
instead of a binary and by making things accessible, we help more
people than we might realize.”
https://www.24a11y.com/2018/disability-is-a-spectrum-not-a-binary/

How Ableism Leads to Inaccessibility
By Olivier Nourry.
“…Olivier Nourry discusses Ableism, the belief that a fully-functional
body and mind are the norm for a human being and considers people with
disabilities as unworthy and how in many ways, inaccessibility is a
by-product of ableism-based thinking.”
https://www.24a11y.com/2018/how-ableism-leads-to-inaccessibility/

The Accessibility Elves
By Michael E Ryan.
“There are many different roles in software that can help improve
accessibility. In today’s piece, Mike introduces us to the seven elves
working on accessibility as part of the Inclusive Design Team.”
https://www.uxmas.com/2018/the-accessibility-elves

Lessons from Gutenberg
By Adrian Roselli.
“…there are lessons to be learned from Gutenberg that, thanks to its
open nature, we can apply to other projects. Ideally, you want to make
your next project the Anti-Gutenberg…”
http://adrianroselli.com/2018/12/lessons-from-gutenberg.html

Colleges, Including Saint Rose, Hit with Website Lawsuits
By Rick Karlin.
“The College of Saint Rose is among the most recent targets of a
series of lawsuits filed against colleges and other organizations
related to their websites…”
https://www.timesunion.com/news/article/Colleges-including-Saint-Rose-hit-with-mass-13442769.php

50 Colleges Hit With ADA Lawsuits
By Lindsay McKenzie.
“A blind man is taking 50 colleges to court, alleging their websites
are inaccessible to people with disabilities.”
https://www.insidehighered.com/news/2018/12/10/fifty-colleges-sued-barrage-ada-lawsuits-over-web-accessibility

+02: CASCADING STYLE SHEETS.

Managing Flow and Rhythm with CSS Custom Properties
By Andy Bell.
“An important part of designing user interfaces is creating consistent
vertical rhythm between elements. Creating consistent, predictable
space doesn’t just make your web pages and views look better, but it
can also improve the scan-ability…”
https://24ways.org/2018/managing-flow-and-rhythm-with-css-custom-properties/

What Do You Name Color Variables?
By Chris Coyier.
“I remember the very first time I tried Sass on a project. The first
thing I wanted to do was variablize my colors. From my
naming-things-in-HTML skillz, I knew to avoid classes like
.header-blue-left-bottom because the color and position of that
element might change. It’s better for to reflect what it is than what
it looks like…”
https://css-tricks.com/what-do-you-name-color-variables/

A CSS Venn Diagram
By Adrian Roselli.
“This post is just a summation of what I made with some stuff I learned…”
http://adrianroselli.com/2018/12/a-css-venn-diagram.html

An Introduction and Guide to the CSS Object Model
By Louis Lazaris.
“…In this guide, I’m going to go through many of the most important
features of the CSSOM, starting with stuff that’s more commonly known,
then moving on to some more obscure, but practical, features…”
https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/

+03: COLOR.

My Struggle with Colors
By Zain Adeel.
“Demystifying colors for accessible digital experiences…”
https://uxdesign.cc/my-struggle-with-colors-52156c664b87

+04: DRUPAL.

Drupal’s Commitment to Accessibility
By Dries Buytaert.
“…I’ve come to believe that accessibility is not something you do for
a small group of people. Accessibility is about promoting inclusion.
When the product you use daily is accessible, it means that we all get
to work with a greater number and a greater variety of colleagues.
Accessibility benefits everyone…”
https://dri.es/drupal-commitment-to-accessibility

+05: EVALUATION & TESTING.

Can You Use a Single Item to Predict SUS Scores?
By Jeff Sauro.
“The System Usability Scale (SUS) has been around for decades and is
used by hundreds of organizations globally…”
https://measuringu.com/single-item-sus/

Help! I Don’t Know What Type of User Research To Do
By Cheryl Paulsen.
“Choosing the right research method isn’t always easy, for multiple reasons…”
View at Medium.com

+06: EVENTS.

Your Accessibility Evolution: an Ongoing Journey
December 19, 2018.
Online
https://zoom.us/webinar/register/8215439609329/WN_hWHVOOfeS2iChWJXnf5aKQ

Web Accessibility Testing With Screen Readers
January 22, 2019.
Online
https://www.maxability.co.in/2018/12/webinar-january-2019-web-accessibility-testing-with-screen-readers/

World IA Day
February 23, 2019.
Everywhere.
https://www.worldiaday.org/

+07: JAVASCRIPT.

The Baseline Costs of JavaScript Frameworks
By Ankur Sethi.
“…Your React application will never load faster than about 1.1 seconds
on an average phone in India, no matter how much you optimize it. Your
Angular app will always take at least 2.7 seconds to boot up…”
https://blog.uncommon.is/the-baseline-costs-of-javascript-frameworks-f768e2865d4a

React Native Accessibility Is Pretty Bad
By Doug Russell.
“Allow me to preface this by saying that React Native sets out to
solve problems I don’t think are very interesting to solve. In
particular I don’t think that sharing a single UI between disparate
platforms is desirable from any perspective that isn’t cost savings
and that even from that perspective it’s dicey…”
http://www.takingnotes.co/blog/2018/11/09/react-native-accessibility/

A New Day: Making a Better Calendar
By Gerard Cohen.
“This calendar year is almost over and we still don’t have any solid
guidance or official ARIA pattern on how to build an interactive and
accessible calendar widget. Gerard Cohen shows us how to obtain an
improved calendar experience.”
https://www.24a11y.com/2018/a-new-day-making-a-better-calendar/

My Favourite Accessible Accordion Pattern
By Graham Armfield.
“…This post looks at the requirements for an accessible accordion
component, and shows you how to build one. I’ll also talk about why I
favour the pattern presented here over others that are available…”
https://www.hassellinclusion.com/blog/accessible-accordion-pattern/

The (Switch)-Case for State Machines in User Interfaces
By David Khourshid.
“…one important (and very old) mathematical model of computation can
be used for describing the behavior and all possible states of a user
interface: the finite state machine…”
https://24ways.org/2018/state-machines-in-user-interfaces/

+08: MISCELLANEOUS.

Reluctant Gatekeeping: The Problem With Full Stack
By Heydon Pickering.
“Much of my career as a web designer has been spent, quite happily,
working alongside programmers, engineers, people with computer science
degrees. In this symbiotic relationship, each party has a secure job
with a well-defined role, and gets to work on the thing they are best
at and enjoy the most…”
http://www.heydonworks.com/article/reluctant-gatekeeping-the-problem-with-full-stack

Be the Villain
By Eric Bailey.
“Eric Bailey asks us to take on the role of King Herod in our projects
to consider how the products, services and processes we design could
be abused to cause harm rather than to do good. No matter how good our
intentions, we must remember that not every user has pure motivations
and that every tool is a weapon if you hold it right.”
https://24ways.org/2018/be-the-villain/

Microsoft Targets Better Accessibility in Chromium
By Paul Thurrott.
“…the first feature Microsoft has committed to adding to Chromium is
for accessibility…The feature is called UI Automation Providers and it
will allow Chromium-based browsers on Windows to seamlessly interact
with accessibility client applications like Narrator…”
https://www.thurrott.com/windows/windows-10/194887/microsoft-targets-better-accessibility-in-chromium

More on Edge Moving to Chromium:
http://www.d.umn.edu/itss/training/online/webdesign/misc.html#edge

+09: NAVIGATION.

Not Your Father’s Navigation Strategy: There’s More Than Just the TAB Key
By Rachel Olivero.
“…Rachel Olivero explains that while the use of the Tab key for
navigation among web components is appropriate in the right
circumstances, effectively utilizing quick navigation keys and element
lists can offer greater flexibility for screen access software users…”
https://www.24a11y.com/2018/more-than-just-the-tab-key/

Journey Mapping 101
By Sarah Gibbons.
“A journey map is a visualization of the process that a person goes
through in order to accomplish a goal.”
https://www.nngroup.com/articles/journey-mapping-101/

+10: TOOLS.

PAVE (PDF Accessibility Validation Engine)
By ICT-Accessibility Lab of the Zurich University of Applied Sciences
(ZHAW) in collaboration with the Swiss Federation of the Blind and
Visually Impaired.
“You can use PAVE to make your PDF documents accessible and to
interpret conventional reader programs correctly…”
http://pave-pdf.org/index.en.html

W3C is Coming to Your A11Y Tools
By Wilco Fiers.
“…Wilco Fiers talks about the upcoming harmonization of both automated
accessibility testing tools and manual, human testing, lead by the
W3C’s Accessibility Conformance Testing (ACT) Task Force.”
https://www.24a11y.com/2018/w3c-is-coming-to-your-a11y-tools/

Mobilizing Android Accessibility At Airbnb
By Diane Ko and Julia Fu
“…Diane Ko and Julia Fu talk about accessibility and the Airbnb
Android App, the advantages and challenges of the Android platform and
how they spread accessibility awareness and know-how through
documentation and training.”
https://www.24a11y.com/2018/android-accessibility-at-airbnb/

+11: USABILITY.

De-jargonising Design
By Donna Spencer.
“…Unfortunately jargon only works when the group we’re communicating
with has the right background knowledge to understand it, and if they
have similar experiences to our own. Even more unfortunately, the
people we spend most of our time communicating with are not our
peers-they’re usually our business colleagues, developers and clients.
They are left feeling stupid when we rattle off our jargon-filled
methods, techniques and design principles…”
https://www.uxmas.com/2018/dejargonising-design

The Anchoring Principle
By Therese Fessenden.
“People tend to focus on a single, initial piece of information, which
influences how they estimate value and make subsequent decisions.”
https://www.nngroup.com/articles/anchoring-principle/

A 4 Minute UX Facilitator’s Guide (Video)
By Sarah Gibbons.
“As a facilitator, it’s your responsibility to make sure the time
spent in workshops is as productive as possible for attendees, while
at the same time ensuring that you get the insights you need in order
to move your project forward.”
https://www.nngroup.com/videos/ux-facilitator-guide/

Product List UX: Explain Industry-Specific Filters (91% Don’t)
By Edward Scott.
“In our large-scale usability testing of product lists and filters, we
observe that filters can turn an overwhelming and unmanageable product
list into one that’s much more focused on products relevant to the
user – increasing the likelihood of a user finding a suitable product
to purchase…”
https://baymard.com/blog/explain-industry-specific-filters

[Section one ends.]

++ SECTION TWO:

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

[webdev] Web Design Update: December 12, 2018

+++ WEB DESIGN UPDATE. – Volume 17, Issue 24, December 5, 2018.

Laura Carlson
Wed, Dec 5, 2018, 7:35 AM
to webdev

+++ WEB DESIGN UPDATE.
– Volume 17, Issue 24, December 5, 2018.

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

++ISSUE 24 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: INFORMATION ARCHITECTURE.
09: JAVASCRIPT.
10: MISCELLANEOUS.
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.

Web Content Accessibility Guidelines 2.1-for People Who Haven’t Read the Update
By Alan Dalton.
“…These new criteria make it easier than ever for us web geeks to
produce work that is more accessible to people using mobile devices
and touchscreens, people with low vision, and people with cognitive
and learning disabilities…”
https://24ways.org/2018/wcag-for-people-who-havent-read-the-update/

Web Accessibility and Autism
By Rakesh Paladugula.
“…Below are some guidelines from this WCAG checklist that meets the
needs of people with autism…”
https://www.maxability.co.in/2018/12/web-accessibility-autism/

A Guide to Creating Accessible Animations
By Anna Monus.
“Animated interfaces can cause headaches, nausea, dizziness, and other
health problems for many people…”
https://webdesign.tutsplus.com/tutorials/a-guide-to-creating-accessible-animations–cms-32038

WebAIM’s Survey of Low Vision Users #2: What Do We Aake of It?
By Sathish Kumar.
“…The design with its visual aspects must be flexible, accommodative
and allow for user customization in order to achieve the high
inclusivity. Only then, we would see the high number of respondents
who would proclaim that the web is inclusive and accessible. It is not
only the task of the AT vendors to help achieve this…”
https://www.digitala11y.com/webaims-survey-of-low-vision-users-2-what-do-we-make-of-it/

Create Custom Keyboard Accessible Checkboxes
By Lindsey Kopacz.
“I’ve seen a ton of designers make these GORGEOUS checkbox styles, but
then you see them implemented and you can’t even select it using your
keyboard…”
https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes/

Instagram is Now Using AI to Describe Photos for Users with Visual Impairments
By Ashley Carman.
“Instagram announced today that it’s rolling out new features that
will make the app easier to use for people with visual impairments…”
https://www.theverge.com/2018/11/28/18116323/instagram-ai-visual-impairment-description

Testing, Testing, 1, 2, 3 – Large-scale Broadcast Event Usability and
Accessibility
By Kris Schulze.
“…How do we best host a broadcast event for all 2,300 MNIT staff while
planning for inclusion from the start?…”
https://mn.gov/mnit/media/blog/?id=38-360595

How to Create Accessibility Statements
By Shadi Abou-Zahra.
“…Developing an Accessibility Statement provides guidance, a free
generator tool, and examples, to help you create accessibility
statements…”
https://www.w3.org/blog/2018/11/how-to-create-accessibility-statements/

Playboy.com Sued by Blind Man Who Says He Can’t Fully ‘Enjoy’ the Website
By Tim Kenneally.
“…Playboy.com was sued Wednesday by a legally blind man who says that
the site, as well as Playboyshop.com, aren’t equally accessible to the
blind and visually impaired…”
https://www.thewrap.com/playboy-com-sued-by-blind-man-who-says-he-cant-fully-enjoy-the-website/

DeVos’ Inspector General to Audit Dismissals of Civil Rights Complaints
By Annie Waldman.
“The review could shed light on the Education Department’s reluctance,
documented by a series of ProPublica articles, to investigate alleged
discrimination by school districts and colleges…”
https://www.propublica.org/article/devos-inspector-general-to-audit-dismissals-of-civil-rights-complaints

Ed Department Reopening Hundreds Of Disability-Related Complaints
By Courtney Perkes.
“The U.S. Department of Education is reversing course after being sued
over changes to its handling of disability discrimination complaints
in schools…”
https://www.disabilityscoop.com/2018/12/03/ed-department-reopening-complaints/

+02: CASCADING STYLE SHEETS.

Programming CSS
By Jeremy Keith.
“There’s a worrying tendency ‘real’ programmers look down their noses at CSS…”
https://adactio.com/journal/14574

Resilient CSS: 7-Part (Video) Series
By Jen Simmons.
“Learn to write CSS that works in every browser at the same time – old
and new. You can use brand new features in CSS, while still supporting
people who have old software. You just have to know how. Let me show
you…”

+03: COLOR.

Contrast and Color Accessibility
By WebAIM.
“We’ve updated and significantly expanded our article on contrast and
color usage to include testing with various tools.”
https://webaim.org/articles/contrast/

Updated Color Contrast Checker
By WebAIM.
“The popular WebAIM Color Contrast Checker has been updated to provide
feedback on meeting WCAG 2.1’s 3:1 contrast ratio requirements for
graphical objects and user interface components.”
https://webaim.org/resources/contrastchecker

+04: DRUPAL.

Drupal Admin UX Study: What We Can Learn from Contentful, Craft CMS,
Squarespace, and WordPress
By Suzanne Dergacheva.
“There is exciting work being done in the Drupal community to improve
the Admin UI, including the JavaScript Modernization Initiative and an
overhaul of the look and feel of the Seven theme. Meanwhile, I’ve been
working with a group in the Drupal community to research what user
experience improvements we should be making for content editors…”
https://evolvingweb.ca/blog/drupal-admin-ux-study-what-we-can-learn-contentful-craft-cms-squarespace-and-wordpress

+05: EVALUATION & TESTING.

Automated Testing for Web Accessibility
By Anders Fredericksen.
“…some general concepts are important for organizations to understand
as they undertake initiatives and adopt automated tools…”
https://www.levelaccess.com/automated-testing-web-accessibility-2/

Quick Test: Large Touch Targets
By Eric Bailey.
“A touch target is the total area a user can click or tap on to
activate an interactive element such as a link, input, or button…”
https://a11yproject.com/posts/large-touch-targets/

10 Diagrams to Help You Think Straight About UX Research
By David Travis.
“Some of the problems we work on as UX researchers are simple and are
easily solved by getting users in front of our product. But other
problems can be complex and it’s hard to know how to start solving
them. In situations like that, a simple 2×2 diagram can cut through
the “what ifs”, the “how abouts” and the edge cases and provide a
simple way of looking at the problem. Here are 10 examples of 2×2
diagrams to simplify UX research discussions”
https://www.userfocus.co.uk/articles/think-straight-about-UX-Research.html

+06: EVENTS.

Intro to Audio Description
January 17, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-01-17-2019/

Washington DC UX Conference
April 27-May 3, 2019.
Washington D.C., U.S.A.
https://www.nngroup.com/training/washington-dc/

Technical Communication Summit
May 5-8, 2019.
Denver, Colorado, U.S.A.
https://summit.stc.org/

+07: HTML.

The ‘D’ in the DOM
By Anthony Jeffery.
“It’s within the Document Object Model (DOM) that we find one of the
keys to building accessible things for the web: the document. Anthony
Jeffery helps us decide what HTML elements to use to lay the
foundation for an accessible document.”
https://www.24a11y.com/2018/the-d-in-the-dom/

Just Markup
By Michael Scharnagl.
“When I started working as a Front-end Developer (or rather Web
designer, as people doing HTML, CSS and a bit of JavaScript were
usually called back then), all the Back-end people working at the
company *laughed* at me because I was ‘just’ doing HTML and CSS and
not ‘real programming’…”
https://justmarkup.com/log/2018/11/just-markup/

+08: INFORMATION ARCHITECTURE.

Unraveling a Complex UX Problem – How a Greek Myth Helped Me Conquer
Information Architecture
By Amy Rosenbaum.
“…I now know that I can use patience, creative thinking, and the right
UX tools to unravel even the knottiest problems.”
https://uxdesign.cc/unraveling-a-complex-ux-problem-how-a-greek-myth-helped-me-conquer-information-architecture-743ebd7d0ea

+09: JAVASCRIPT.

What, Exactly, Is the DOM?
By Ire Aderinokun.
“The Document Object Model, or the ‘DOM’, is an interface to web
pages. It is essentially an API to the page, allowing programs to read
and manipulate the page’s content, structure, and styles. Let’s break
this down…”
https://bitsofco.de/what-exactly-is-the-dom/

+10: MISCELLANEOUS.

What Is Design Thinking, Really? (What Practitioners Say)
By Sarah Gibbons.
“The majority of UX and design professionals define design thinking
roughly the same, regardless of industry and experience, but there’s
no agreement on the specifics.”
https://www.nngroup.com/articles/design-thinking-practitioners-say/

Giving Back to the Community
By Mike Gifford.
“Mike Gifford challenges us to try a new way of giving back. Not by
writing an article, proposing a talk or organizing an accessibility
awareness event, but by making the internet more accessible by
default.”
https://www.24a11y.com/2018/giving-back-to-the-community/

Stories from the Trenches: What I’ve learned from Working as a Blind
Developer for a Sighted Dev Team
By Florian Beijers.
“In this article, developer Florian Beijers shares his experiences
with the employment process and his experiences with developer tools;
the struggles as well as the positives of a blind developer.”
https://www.24a11y.com/2018/stories-from-the-trenches/

+11: USABILITY.

Animations are Distracting! (Video)
By Aurora Harley.
“Moving UI elements attract attention, which often means distracting
users from accomplishing their primary goals. Some types of animations
are more distracting than others, and it’s important to match how
attention-grabbing the motion is to the context and user needs.”
https://www.nngroup.com/videos/distracting-animations/

The Hidden UX Lessons From Your Favourite Christmas Movie Characters
By Eleanor McKenna.
“…I’ve rounded up wisdom from nine Christmas characters as lessons you
can apply to your own design process…”
https://www.uxmas.com/2018/the-hidden-ux-lessons-from-your-favourite-christmas-movie-characters

Three Contexts for Evaluating Organizational Usability
By Morten Hertzum.
“Organizational usability is about the match between the user and the
system, between the organization and the system, and between the
environment and the system. While the first of these matches can, to a
large extent, be evaluated in the lab, the two others cannot.
Organizational usability must instead be evaluated in situ, that is,
while the system is used for real work…”
http://uxpajournal.org/evaluating-organizational-usability/

The Mobile Checkout Experience
By Anna Kaley.
“Optimize the checkout experience on mobile ecommerce channels by
taking into account the strengths and limitations of mobile devices.
Aim to minimize the number of steps and typing, and take advantage of
capabilities such as geolocation and the camera.”
https://www.nngroup.com/articles/mobile-checkout-ux/

The State of UX in 2019
By Fabricio Teixeira, Caio Braga.
“…a holistic analysis of UX Design as a discipline: the tools we use,
the methods we apply every day, the technologies we design around, the
career challenges we experience, and how our community is responsible
for what’s happening in the world around us – the one that we,
consciously or not, have helped design…”
https://trends.uxdesign.cc/2019

+12: XML.

Accessible SVG Icons with Inline Sprites
By Marco Hengstenberg.
“At a certain stage in a project someone always comes in and says: ‘We
need icons!’ And why do people need icons? Whatever the reasoning may
be, we need to make sure that people who can’t see or recognize these
icons can understand their purpose. Marco Hengstenberg visits the
practice of using SVG icons with inline sprites, and how to ensure
these icons are accessible.”
https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/

Accessible SVG: Methods for Adding Alternative Content
By Carie Fisher.
“Scalable Vector Graphics (SVG) are XML-based vector images…”
https://webdesign.tutsplus.com/tutorials/accessible-svg-methods-for-adding-alternative-content–cms-32205

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

[Issue ends.]

+++ WEB DESIGN UPDATE. – Volume 17, Issue 24, December 5, 2018.