[webdev] Web Design Update: September 8, 2016

David P. Dillard
 

.


.



Date: Thu, 8 Sep 2016 06:15:52 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: September 8, 2016



+++ WEB DESIGN UPDATE.


- Volume 15, Issue 11, September 8, 2016.



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



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

06: TOOLS.

07: USABILITY.

08: XML.




SECTION TWO:



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



[Contents ends.]




++ SECTION ONE: New references.



+01: ACCESSIBILITY.



Why Can't We Make It Easier To Be Accessible?

By Whitney Quesenbery.

"...Designing for accessibility ought to be easy. It ought to be the
default for software. The features to create documents shouldn't be
hidden behind 3 or 4 clicks-every single time you need to use those
settings..."

http://rosenfeldmedia.com/announcements/cant-make-easier-accessible/

.

Building in 10k: Markup for Accessibility, Clarity, and Affordance

By Aaron Gustafson.

"This is the first in a series of posts from the team that built the
10k Apart contest page, exploring the process of building for
interoperability, accessibility, and progressive enhancement in less
than 10kB..."

https://blogs.windows.com/msedgedev/2016/09/02/ building-in-10k-markup-for-accessibility-clarity-and-affordance/

.

Dos and Don'ts on Designing for Accessibility

By Karwai Pun.

"The dos and don'ts of designing for accessibility are general
guidelines, best design practices for making our services accessible.
Currently, we have six different posters in our series that cater to
users from these areas: low vision, deaf and hard of hearing,
dyslexia, those with motor disabilities, users on the autistic
spectrum and users of screen readers..."

https://accessibility.blog.gov.uk/2016/09/02/ dos-and-donts-on-designing-for-accessibility/

.

Notes on ZoomText Web Finder

By Steve Faulkner.

"ZoomText Magnifier/Reader is a popular combination magnifier/screen
reader, primarily for users with low vision. A feature it provides is
Web Finder, which makes use of HTML semantics to provide navigation
to, interaction with, and understanding of content structure..."

https://www.paciellogroup.com/blog/2016/09/notes-on-zoomtext-web-finder/

.

What's Reading Like if You're Dyslexic - A Website Provides Insights

By Media Access Australia.

"If you're among the 20% of the population affected by dyslexia,
there's a website created to show your friends, family, work
colleagues and those providing organisational support, what reading is
actually like for you..."

http://www.mediaaccess.org.au/latest_news/disability/ what%E2%80%99s-reading-like-if-you%E2%80%99re-dyslexic- %E2%80%93-a-website-provides-insights

.

Finding the Willing: Cultivating Engagement for Accessibility

By Devon Persing.

"Keep your garden of accessibility in bloom by engaging a network of
people who share certain values and span all parts of the
organization..."

http://simplyaccessible.com/article/ finding-willing-cultivating-engagement-accessibility/

.

Creating an Accessible Culture

By Monika Piotrowicz.

"Here's how through a few new and existing initiatives we've been
growing the group of accessibility allies and experts at Shopify..."

https://medium.com/shopify-ux/creating-an-accessible-culture-199aaec12232

.

22 Months Writing Image Descriptions: 4 Awesome Side-Effects
By belenen.

"1. I notice things more..."

https://medium.com/@belenen/22-months-writing-image-descriptions- 4-awesome-side-effects-resources-explanation-of-the-need-c686fae8e3e5




+02: CASCADING STYLE SHEETS.




On CSS Accessibility and Drinking Tea (Video)

By Léonie Watson.

Léonie's CSS Day 2016 presentation.

https://vimeo.com/180566024

.

AtoZ CSS: The CSS Value of Auto

By Guy Routledge.

"Auto is a CSS value that has a number of uses..."

https://www.sitepoint.com/atoz-css-screencast-auto/




+03: EVALUATION & TESTING.





Real-Time Remote Usability Testing with Screen Reader Users, Part 2:
Tips & Tricks

By Caitlin Geier.

"...This post details how to implement usability testing for screen
reader users with helpful advice and how-to tricks..."

http://www.deque.com/blog/real-time-remote- usability-testing-screen-reader-users-part-2-tips-tricks/

.

Three Things You Should Know Before Using VoiceOver for Testing

By Jon Whiting.

"...The majority of desktop screen reader users are on Windows...
VoiceOver does not have a forms or application mode...ARIA
descriptions are read after a very long pause in VoiceOver..."

http://webaim.org/blog/three-things-voiceover/

.

Employees as Usability-Test Participants

By Angie Li.

"Recruiting internal staff to test a user interface should be a last
resort. Consider potential biases before drawing any conclusions."

https://www.nngroup.com/articles/employees-user-test/

.

The Reflective User Researcher

By David Travis.

"Hands-on practice, although important, does not necessarily lead to
expertise. The best user researchers analyse their work, deliberately
and consciously. By reflecting on a user research activity, they are
able to increase the learning from a situation, identify their
personal and professional strengths and find areas for improvement and
training."

http://userfocus.co.uk/articles/the_reflective_user_researcher.html




+04: EVENTS.




Web Accessibility - Documentary and Panelist Q and A
September 13, 2016.
Portland, Oregon, U.S.A.
http://www.meetup.com/ Portland-Accessibility-and-User-Experience-Meetup/events/230939620/



WeCo's Grand Opening Gala
October 6, 2016.
Minneapolis, Minnesota, U.S.A.
https://www.eventbrite.com/e/ wecos-grand-opening-gala-registration-27470774827



Web Accessibility Training
November 29-30, 2016.
Logan, Utah, U.S.A.
http://webaim.org/training/




+05: JAVASCRIPT.




Understanding ARIA, for Web Accessibility

By Joseph C. Dolson.

"If you research web accessibility, you"re likely to run into ARIA -
Accessible Rich Internet Applications. Some will call it the solution
to all web accessibility issues. Others will condemn it for causing
problems..."

http://www.practicalecommerce.com/articles/ 126621-Understanding-ARIA-for-Web-Accessibility

.

aria-valuemin (property)

By Rakesh Paladugula.

"aria-valuemin property is used while developing range widgets..."
http://www.maxability.co.in/2016/09/aria-valuemin-property/

.

ES Proposal: Function.prototype.toString Revision

By Axel Rauschmayer.

"The ECMAScript proposal "Function.prototype.toString revision" by
Michael Ficarra is currently at stage 3. It brings two major
improvements compared to ES2016..."

http://www.2ality.com/2016/08/function-prototype-tostring.html

.

ES Proposal: Template Literal Revision

By Axel Rauschmayer.

"The ECMAScript proposal "Template Literal Revision" by Tim Disney is
currently at stage 3. It proposes to give the innards of tagged
template literals more syntactic freedom..."

http://www.2ality.com/2016/09/template-literal-revision.html




+06: TOOLS.




Introducing AccessLint CI - Automated Web Accessibility Testing

By Cameron Cundiff.

"We are excited to announce AccessLint CI, the easiest way to test web
accessibility in CI..."

https://robots.thoughtbot.com/
introducing-accesslint-web-accessibility-testing-in-ci

.

EyeScribe

By Doug Schepers.

"Select an image file..."

https://shepazu.github.io/eyescribe/eyescribe.html




+07: USABILITY.




What is the User Experience of Content?

By Augustin Kendall.

"...What some people forget is that the information on a site-the
content-is also a huge part of UX..."

https://www.portent.com/blog/content-strategy/user-experience-content.htm

.

4 Clever Psychology Rules for Making Better UX Decisions

By John Stevens.

"...designing a website with the following rules of psychology in mind
will always result in a more powerful website..."

https://www.sitepoint.com/ 4-clever-psychology-rules-for-making-better-ux-decisions/

.

Speed is Best Measure of Customer Experience

By Gerry McGovern.

"The basics of customer experience is helping people do what they want
to do. However, if you want to excel in customer experience you must
help people do what they want as quickly as possible."

http://gerrymcgovern.com/new-thinking/ speed-best-measure-customer-experience




+08: XML.




Accessible SVG Data Visualization (Video)

By Douglas Schepers.

"A demonstration of the experimental screenreader Describler, which
allows blind users to explore charts and other data visualizations."

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






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



.


.

Join DigitalScholarship@groups.io to automatically receive all group messages.