[webdev] Web Design Update: October 14, 2015

David P. Dillard
 

..




Date: Wed, 14 Oct 2015 06:22:06 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: October 14, 2015




+++ WEB DESIGN UPDATE.



- Volume 14, Issue 16, October 14, 2015.




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




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

04: JAVASCRIPT.

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.




3.3.2 Labels or Instructions

By Rakesh Paladugula.

"...Titles, aria-label or placeholders cannot be considered as
alternates to labels unless they are supplemented with a visual
alternate of label..."

http://www.maxability.co.in/2015/10/3-3-2-labels-or-instructions/



HTML For Screen Readers - Labeling Elements

By Ire Aderinokun.

"To screen readers, a lot of the visual information that is presented
on a webpage is lost. Because of this, we need to specifically provide
information to them that may be obvious to a person looking at the
page..."

http://bitsofco.de/2015/html-for-screen-readers-labelling-elements/



Zoom for Fixed and Responsive Sites

By Alastair Campbell.

"Something that it seems people struggle with is the different types
of zoom people use, both for accessibility reasons and in general
(e.g. mobile device use)..."

https://alastairc.ac/2015/10/zoom-for-fixed-and-responsive-sites/



The Simple Guide to Web Accessibility Testing (Part 1)

By Software Testing Help.

"For most users internet usage over the web is a given, but this is
not the case when we are looking at a different demographic set with
challenges..."

http://www.softwaretestinghelp.com/what-is-web-accessibility-testing/



What Developers Should Know For a Universally Accessible Internet

By Divya Mulanjur, et al.

"Web accessibility is the practice of removing any barriers to
interaction with technology for anyone, including people with
disabilities. Simply put, this means that when you create an
application or a website, everyone should be able to access it..."

http://blog.knowbility.org/content/ what-developers-should-know-for-a-universally-accessible-internet/



ATAG 2.0 is Now W3C Recommendation

By Rakesh Paladugula.

"Authoring Tools Accessibility Guidelines (ATAG) 2.0 is now
recommended by W3C since 24 September 2015..."

http://www.maxability.co.in/2015/10/atag-2-0-is-now-w3c-recommendation/



Rough Guide: Browsers, Operating Systems and Screen Reader Support - Updated

By Steve Faulkner.

"When testing aspects of support for new HTML5, WAI-ARIA features and
HTML features in general, I often test browsers that do not have
practical support for screen readers on a particular operating
system..."

https://www.paciellogroup.com/blog/2014/10/ rough-guide-browsers-operating-systems-and-screen-reader-support-updated/



An Accessibility Strategy to Reimagine Business as Usual

By Wendy Moltrup.

"...During a recent contract, I introduced a strategy to reframe
accessibility as a shared responsibility. The ultimate goal is for
accessibility to become part of business as usual by involving
everyone, including designers, writers, quality assurance, business
partners, and leadership...."

https://www.wuhcag.com/business-as-usual/



Ed-Tech Accessibility Lawsuit Settled By Seattle District, Advocates for Blind

By Michele Molnar.

"Seattle will take several steps to make the ed-tech used in its
schools accessible to blind students, faculty, and parents, in the
settlement of a lawsuit brought against the district by Noel
Nightingale and her co-plaintiff, the National Federation of the
Blind..."

http://blogs.edweek.org/edweek/marketplacek12/2015/09/ed-tech_accessibility_
lawsuit_settled_by_seattle_district_advocates_for_blind.html



Is Ignoring the Law The (Fiscally) Responsible Thing to Do?

By George Joeckel.

"Ever wonder why U.S. public education institutions wait to get sued
over accessibility issues before taking action? Don't they care about
the rights of people with disabilities? Even when they are brought to
their attention?..."

https://www.linkedin.com/pulse/ ignoring-law-fiscally-responsible-thing-do-george-joeckel




+02: CASCADING STYLE SHEETS.




Establishing CSS Conventions and Documenting Them

By Nicolas Hoffmann.

"If semantics is defined as 'a set of rules and conventions in order
to allow a group of people to understand each other'...Why not apply
this concept to CSS conception?..."

http://openweb.eu.org/articles/taking-css-conventions-and-document-them



Performance Seen From CSS

By Nicolas Hoffmann.

"You cannot escape it: performance has become a vital and probably one
of the most critical requirements of modern websites..."

http://openweb.eu.org/articles/performance-seen-from-css



Preloading Images Using CSS

By Serge Rodrigue.

"A more simple and widely compatible with all platforms solution is
proposed: the use of the CSS instructions :root and content. The
pseudo-class :root target the <HTML> tag of a web page."

http://informoid.com/en/conception-design/preload-css.html




+03: EVENTS.




Responsive Web Design
November 12-December 15, 2015.
Online.
http://www.w3devcampus.com/responsive-web-design-w3c/




+04: JAVASCRIPT.




ECMAScript 6 Cheatsheet

By Erik Moeller.

"Everything about the latest version of the ECMAScript (JavaScript) standard..."

http://help.wtf/es6



Intercepting Method Calls via ES6 Proxies

By Axel Rauschmayer.

"This blog post explains how to use ES6 Proxies to intercept method
calls to an object..."

http://www.2ality.com/2015/10/intercepting-method-calls.html



Make Your Single Page Apps Work with Screen Readers

By Patrick Fox.

"Patrick Fox considers ways you can indicate view changes on your
single-page app to screen readers."

http://www.creativebloq.com/web-design/ make-single-page-apps-work-screen-readers-101517155




+05: MISCELLANEOUS.




AMP and Incentives

By Tim Kadlec.

"Incentives are fascinating. Dangle the right carrot in front of
people and you can subtly influence their behavior. But it has to be
the right carrot. It has to matter to the people you're trying to
influence. Just as importantly, it has to influence the correct
changes..."

http://timkadlec.com/2015/10/amp-and-incentives/



AMPed Up

By Jeremy Keith.

"Apple has Apple News. Facebook has Instant Articles. Now Google has
AMP: Accelerated Mobile Pages. The big players sure are going to a lot
of effort to reinvent RSS..."

https://adactio.com/journal/9646



A Fantastic Way To Fight Feature Creep

By Jared M. Spool.

"...Scenarios are a fantastic way to fight feature creep."

https://medium.com/@jmspool/ a-fantastic-way-to-fight-feature-creep-1c3a3bad662




+06: NAVIGATION.




HTML Essential Training Lesson 31 - Using WAI ARIA Roles (Video)

By James Williamson.

"WAI-ARIA stands for Web Accessibility Initiative Accessible Rich
Internet Applications. It's a bit of a mouthful, but it's the umbrella
name for this specification that's centered on creating accessible
sites and applications..."

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



Why Your Links Need a Hover Effect

By UX Movement.

"...Whether your users are colorblind or not, everyone should be able
to spot and target links with ease. Adding a hover effect to your
links is a simple and effective way to meet their needs. Links and
text shouldn't just look different. For the best user experience, they
should also behave different."

http://uxmovement.com/buttons/why-your-links-need-a-hover-effect/



URLs Beyond the Web

By Anthony Colangelo.

"...I've talked before about not drawing such hard lines between
experiences, and about letting operating systems handle the parts they
can handle best. Application deep-linking is a great example of both.
Another level has been opened up for our progressively-enhanced
experiences, and it's up to us to take advantage of that."

http://alistapart.com/blog/post/urls-beyond-the-web




+07: USABILITY.




Which Comes First? Layout or Content?

By Susan Farrell.

"Avoid awkward and difficult page layouts by fitting flexible
templates to content whenever possible. Test often during design, and
plan to scale up."

http://www.nngroup.com/articles/layout-vs-content/



Apple Is Making Us All My Grandmother

By Kara Pernice.

"Whether it's my iPhone or my grandmother's couch, having to cover it
up indicates a design that breaks the 'Form follows function' motto.
Design goals and business goals sometimes rightfully win out over
perfect function and usability."

http://www.nngroup.com/articles/apple-makes-grandmothers/



Apple's Plan to Kill the Hamburger Menu

By Owen Williams.

"During Apple's September event it announced a new technology called
3D Touch as part of the iPhone 6s. Apple calls it the 'next generation
of multitouch' and it isn't mincing words when it comes to how
important it is to the future..."

http://thenextweb.com/opinion/2015/09/14/ apples-plan-to-kill-the-hamburger-menu/



Customer Satisfaction is Not a Good Indicator of Customer Behavior

By Gerry McGovern.

"For years we've noticed a huge disparity between customer
satisfaction figures and task completion rates."

http://www.gerrymcgovern.com/new-thinking/ customer-satisfaction-not-good-indicator-customer-behavior-0





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




..

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