.
Date: Wed, 14 Oct 2015 06:22:06 -0500
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
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:[log in to unmask]
[Issue ends.]
.
|