[DigitalScholarship] [webdev] Web Design Update: July 28, 2016

 

.

.

Date: Thu, 28 Jul 2016 06:19:24 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: July 28, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 05, July 28, 2016.

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

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

06: JAVASCRIPT.

07: MISCELLANEOUS.

08: NAVIGATION.

09: STANDARDS, GUIDELINES & PATTERNS.

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.

Infographic – The Essential Guide to Digital Accessibility

By Deque Systems.

“A whopping 57 million Americans are living with disabilities, and
many of them find web browsing difficult…”

http://www.deque.com/blog/infographic-essential-guide-digital-accessibility/

We’re Just Temporarily Abled: Designing for the Future

By Jennifer Aldrich.

“…we need to design for accessibility not only for folks who are
permanently visually impaired, hard of hearing, or have severe motor
issues right now, but also for our future selves…”

http://blog.invisionapp.com/accessibility-design-for-the-future/

Is WCAG 2.0 Too Complicated?

By Karl Groves.

“…To borrow a phrase from Robert Pearson, ‘Impossible is Nothing’
WCAG is not impossible. It would have never reached Final
Recommendation status if it was impossible. Although unquestionably
dense in nature, a careful read after understanding its structure can
help considerably.”

http://www.karlgroves.com/2016/07/24/is-wcag-2-0-too-complicated/

WCAG is Not Scary Anymore

By Herin Hentry.

“WCAG is not scary anymore was the title of my presentation at
A11yCamp, Melbourne 2016 which received good feedback from the
audience. I thought I will follow that up with an article..”

https://www.linkedin.com/pulse/ wcag-scary-anymore-progressive-approach-website-herin-hentry

My Wish List for the Next Version of WCAG

By David MacDonald.

“Here is a punch list of some things I’d personally love to see in the
next version of WCAG.”

http://davidmacd.com/blog/wish-list-for-wcag-next.html

Accessibility, Totally Tooling Tips (Video)

By Addy Osmani and Matt Gaunt.

“Addy and Matt chat about the tooling behind web accessibility,
covering; visual, hearing, mobillity and cognition.”

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

1.2.5 Audio Description (Prerecorded)

By Rakesh Paladugula.

“Audio description is provided for all prerecorded video content in
synchronized media. (Level AA) Intention of 1.2.5 Audio Description
(Prerecorded) In a video presentation, people who are blind or those
who have visual challenges miss the information that is conveyed
through visuals alone. The video only information include…”

http://www.maxability.co.in/2016/07/1-2-5-audio-description-prerecorded/

Using Narrator Dev Mode

By Léonie Watson.

“Narrator is the integrated screen reader for Windows 10. The August
2nd Windows 10 Anniversary update introduces several new Narrator
features, including a Narrator mode designed specifically for
developers…”

http://tink.uk/using-narrator-dev-mode/

Are Massive Open Online Courses (MOOCs) Really Open to Everyone?: A
Study of Accessibility Evaluation from the Perspective of Universal
Design for Learning

By Kyudong Park, Hyo Jin Kim, and Hyo-Jeong So.

“Recently, Massive Open Online Courses (MOOCs) have emerged as an open
learning space with the development of Information and Communication
Technology (ICT) and the movement of knowledge sharing. MOOCs are an
open online learning space based on unconstrained interaction among
learners unlike traditional e-learning systems. Despite the promise of
openness in learning, there is lack of research studies to elucidate
the accessibility of MOOCs for learners with disabilities…”

http://dl.acm.org/citation.cfm?id=2903631

How to Convince Writers to Write for Accessibility

By Wend Moltrup.

“This post is for anyone accountable for the success of an
accessibility program, especially those of us who must win over
members of an obstinate culture into doing things a little
differently…”

http://www.wuhcag.com/write-for-accessibility

Web Accessibility in High-Risk Segments

By Karl Groves.

“There have been over 230 lawsuit settlements that relate directly to
web accessibility…”

http://blog.tenon.io/web-accessibility-in-high-risk-segments/

+02: CASCADING STYLE SHEETS.

The Proposed Box-Suppress Property

By Rachel Andrew.

“Level 3 of the CSS Display Module is currently in Working Draft
status, and in the current Editor’s Draft are a number of issues that
require author feedback. In this post I will take a look at one new
property that is defined in this module and that needs feedback –
box-suppress…”

https://www.rachelandrew.co.uk/archives/2016/07/22/ the-proposed-box-suppress-property/

Translating CSS for Paged Media with Rachel Andrew

By Angela Molina, Rachel Andrew, Jeff Smith.

“Last week we spoke with Rachel Andrew, a CSS Working Group Invited
Expert, and Founder of Edge of my Seat…”

https://www.sitepoint.com/translating-css-paged-media-rachel-andrew/

Working With Strings In Sass

By Steven Bradley.

“…Today I want to talk similarly about strings, specifically the
kind of strings Sass supports and the operators and functions you can
use to work with strings…”

http://vanseodesign.com/css/sass-strings/

Manipulating Sass Colors With Operators And RGB Functions

By Steven Bradley.

“It’s been a few years since I started working with Sass and while
there are a lot of reasons why I continue to use it, the built-in
color functions are easily among my favorite features of the
language…”

http://vanseodesign.com/css/sass-colors-part-1/

+03: EVALUATION & TESTING.

Accessibility Testing on Mobile Devices: What’s Different and What’s Not

By Rosemary Musachio.

“Testing a webpage for accessibility on a PC is quite different than
testing it on a mobile device…”

http://connections.accessibilityassociation.org/blogs/ rosemary-musachio/2016/07/18/accessibility-testing-on- mobile-devices-whats-different-and-whats-not

How (Not) To Train Your Dragon

By Eric Wright.

“Whenever I speak about Dragon NaturallySpeaking as a web
accessibility testing tool, I take care to remind the audience of
three things…”

https://ewaccess.wordpress.com/2013/11/24/how-not-to-train-your-dragon/

Customer Journeys and Omnichannel User Experience

By Kim Flaherty.

“Organizations must create omnichannel UX strategies that optimize the
end-to-end user experience of completing a task across devices and
interaction channels.”

https://www.nngroup.com/articles/customer-journeys-omnichannel/

Controlling for Brand Attitudes in UX Studies

By Jeff Sauro.

“…Three of the most common variables that can affect UX metrics and
mask differences in designs are: prior experience, domain knowledge
and skills, brand attitudes…”

http://www.measuringu.com/blog/control-brand.php

+04: EVENTS.

Caption Studies Conference
Online
August 1-2, 2016.
http://captionstudies.wou.edu/

+05: HTML5.

Using the Fieldset and Legend Elements

By Léonie Watson.

“Using the right HTML elements when implementing forms is essential to
ensure they can be used by as many people as possible including screen
reader users. In this blog Léonie explains the correct usage of the
fieldset and legend elements…”

https://accessibility.blog.gov.uk/2016/07/22/ using-the-fieldset-and-legend-elements/

Allow <dfn> Ancestor to Include <li>

By Steve Faulkner.

HTML 5.2 Issue:
“For the purpose of scoping a term’s definition using the  element,
the current allowed elements are  <p>, <dl>, and <section> as
ancestors of  <dfn>. I can’t find any reasons for this choice and it
was not defined in HTML4, so I propose to allow  <li> as an ancestor
to provide more flexibility in scoping of defintion(s) for a term…”

https://github.com/w3c/html/issues/539

+06: JAVASCRIPT.

Class Teacher

By Jeremy Kieth.

“ES6 introduced a whole bunch of new features to JavaScript. One of
those features is the class keyword. This introduction has been
accompanied by a fair amount of concern and criticism.”

https://adactio.com/journal/11012

+07: MISCELLANEOUS.

Silence Equals Agreement: Negotiating Scope and Strategy With Stakeholders

By Joe Natoli.

“This is a condensed extract about stakeholder interviews from a
chapter of Joe Natoli’s book ‘Think First’ that he’s generously
allowed us to re-publish. Scroll to the bottom for an exclusive
discount for UX Mastery readers…”

http://uxmastery.com/negotiating-scope-strategy-stakeholders/

What is the Job of the Web Content Professional?

By Gerry McGovern.

“Web content professionals must think about the findability and
usability of their content, as it is no longer enough to think about
how to create content.”

http://gerrymcgovern.com/new-thinking/what-job-web-content-professional

+08: NAVIGATION.

Mobile First Is NOT Mobile Only

By Raluca Budiu and Kara Pernice.

“Mobile-navigation patterns make navigation unusable on the desktop
and decrease the use of this important UI element. Porting an
unchanged UI to a different platform hurts UX.”

https://www.nngroup.com/articles/mobile-first-not-mobile-only/

Stop the Overuse of Overflow Menus

By Daniel Burka.

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

https://medium.com/@dburka/ stop-the-overuse-of-overflow-menus-5caa4b54e843

+09: STANDARDS, GUIDELINES & PATTERNS.

Has Design Become Too Hard?

By Jeffrey Zeldman.

“…Whether you use a framework as part of your design process or not,
when it’s time to go public, nothing will ever beat lean, hand-coded
HTML and CSS…”

http://www.commarts.com/column/has-design-become-too-hard

+10: TOOLS.

Sway Accessibility Milestones

By Microsoft.

“…We’re excited to launch the Accessibility Checker to help authors:
Identify images or videos with missing alternative text. Review and
update all alternative text. Review and update all non-descriptive
hyperlinks…”

https://blogs.office.com/2016/07/21/sway-accessibility-milestones/

Why the Android Analyzer is Paving the Way for App Accessibility

By Chris McMeeking.

“What is the Analyzer? It’s a tool intended to aid developers in
creating accessible Android applications by allowing them to integrate
accessibility testing into their normal development workflow…”

http://www.deque.com/blog/android-analyzer-paving-app-accessibility/

+11: USABILITY.

Designing With Human Centered Usability Standards

By Danny and Patricia Franzreb.

“Standards and best practices are tools that UX designers rely on, to
help us focus our work and ensure we design for the end-user, and not
just for ourselves…”

http://www.uxbooth.com/articles/designing-usability-standards/

Changes to the Style Guide: no more eg, and ie, etc

By Persis Howe.

“We’ve found that several programs that read webpages for those with
visual impairment read ‘eg’ incorrectly…”

https://insidegovuk.blog.gov.uk/2016/07/20/ changes-to-the-style-guide-no-more-eg-and-ie-etc/

15 Mobile UX Facts and Insights for 2016

By Jeff Sauro.

“Here’s an updated and expanded version culled from many sources on
the Internet and our own mobile usability studies.”

http://www.measuringu.com/blog/mobile-facts2016.php

Graphical User Interface as a Reflection of the Real World: Shadows
and Elevation

By Nick Babich.

“…subtle shadows and other ‘non-flat’ user interface elements can be
good for your design because they hold an important information value
- they help to create signifiers in the interface…”

https://uxplanet.org/graphical-user-interface-as-a- reflection-of-the-real-world-shadows-and-elevation-f456530317f4

Adapting to Input

By Jason Grigsby.

“Jeremy Keith once observed that our fixed-width, non-responsive
designs were built on top of a consensual hallucination…”

http://alistapart.com/article/adapting-to-input

Designing For The Elderly: Ways Older People Use Digital Technology Differently

By Ollie Campbell.

“A lot of people in the tech industry talk about ‘changing the world’
and ‘making people’s lives better.’ But bad design is excluding whole
sections of the population from the benefits of technology. If you’re
a designer, you can help change that. By following some simple
principles, you can create more inclusive products that work better
for everyone, especially the people who need them the most.”

https://www.smashingmagazine.com/2015/02/ designing-digital-technology-for-the-elderly/

125 Easy Tweaks to Optimize Your Website’s Usability Today

By Nick Kolenda.

“Welcome to a huge resource on user experience (UX), user interfaces
(UI), and interaction design. Whether you’re designing a website or
mobile app, you’ll learn 125+ tactics to optimize its usability…”

http://www.nickkolenda.com/user-experience/

[Section one ends.]

++ SECTION TWO:

+12: 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.

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

.

.

.

-=-=-=-=-=-=-=-=-=-=-=-

Groups.io Links:

You receive all messages sent to this group.

View This Message (#149):

-=-=-=-=-=-=-=-=-=-=-=-

Attachments area
Preview YouTube video Accessibility, Totally Tooling Tips (S3, E8)

Accessibility, Totally Tooling Tips (S3, E8)
Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s