.
.
Date: Thu, 21 Dec 2017 06:20:51 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: December 21, 2017
+++ WEB DESIGN UPDATE.
– Volume 16, Issue 26, December 21, 2017.
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: EVALUATION & TESTING.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: TYPOGRAPHY.
10: USABILITY.
11: XML.
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 – Reviewing Low Vision Success Criteria
By Glenda Sims.
“Hi, everyone! I’m back to talk more about WCAG 2.1 and its latest
December 7th working draft…”
https://www.deque.com/blog/wcag-2-1-vision-success-criteria/
Accessibility for Mobile Web: Fixing Pinch to Zoom
By CB Averitt.
“Hey, everyone! Let’s talk a little bit about
pinch to zoom on a mobile device…”
https://www.deque.com/blog/accessibility-mobile-web-pinch-zoom-tutorial/
Web Accessibility in the Corporate World
By Donna Maddox.
“One of the biggest misconception in Web Accessibility today is that
it is simple and straightforward and the guidelines should be
sufficient to help us make Accessible web pages and user interfaces…”
https://www.24a11y.com/2017/web-accessibility-corporate-world/
How to Boost Your Website’s Accessibility + SEO
By Carie Fisher.
“…If you have a limited budget and/or timeframe for a project,
targeting these six areas may simultaneously boost both SEO and
website accessibility…”
https://medium.com/swlh/ how-to-boost-both-your-website-accessibility-seo-c7ee63625cdd
Building a Culture of Accessibility: Leadership Roles
By Dennis Lembree.
“My colleagues and I believe in sustainable accessibility efforts…”
https://www.deque.com/blog/ building-culture-accessibility-leadership-roles/
Getting Started in Accessibility: A Philosophy
By Alaina Wiens.
“Alaina Wiens shares her thoughts on her advocacy in accessibility,
and how she reminds herself that accessibility is a pursuit, a
philosophy and is no longer going to worry about where to start
because making the web truly accessible is about refusing to stop.”
https://www.24a11y.com/2017/getting-started-accessibility-philosophy/
Universal Design: What Is It?
By Jeyapriya Surul.
“The year is 2017. The advancement of technology, led by key players
in the private sector, has introduced innovations that have made
applications more accessible for people with disabilities…”
https://www.section508.gov/blog/Universal-Design-What-is-it
“Our Users Have No Disabilities”
By Daniel Göransson.
“There are a lot of unfortunate misconceptions about people with disabilities…”
https://axesslab.com/users-no-disabilities/
The Story of Making Wix Accessible
By Ohad Laufer.
“One of Wix’s mottos is ‘The Way the Web was Meant to Be’. We believe
that everyone should have a website, and of course, anyone should be
able to access and use websites built using Wix tools…”
https://www.wix.engineering/single-post/2017/08/15/ The-Story-of-How-We-Made-Wix-Accessible
+02: CASCADING STYLE SHEETS.
Media Queries 4
By Florian Rivoal.
“Florian Rivoal at dotCSS 2017…”
https://www.dotconferences.com/2017/11/florian-rivoal-media-queries-4
CSS Flexible Box Layout
By Mozilla.
“CSS Flexible Box Layout is a module of CSS that defines a CSS box
model optimized for user interface design, and the layout of items in
one dimension…”
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
How Should We Resolve Percentage Margins and Padding on Grid and Flex Items?
By Rachel Andrew.
“The CSS Working Group would like your opinion…”
https://www.w3.org/blog/CSS/2017/12/20/how-should-we-
resolve-percentage-margins-and-padding-on-grid-and-flex-items/
+03: EVALUATION & TESTING.
Avoid Leading Questions to Get Better Insights from Participants
By Amy Schade.
“In user research, the facilitator’s choice of words can affect the
participants’ feedback or behavior.”
https://www.nngroup.com/articles/leading-questions/
Eyetracking Shows How Task Scenarios Influence Where People Look (Video)
By Kara Pernice.
“Task scenarios are core to usability studies. The way researchers
write tasks can bias usability results by influencing where people
focus their attention.”
https://www.nngroup.com/videos/eyetracking-task-scenarios/
What is the Value of a Website Usability Audit?
By Kim Krause Berg.
A website audit and testing are worth the investment if you want your
online business to be successful and risk-free for a long time…”
https://searchnewscentral.com/blog/2017/12/13/value-website-audit/
5 Metrics to Diagnose Website Problems in Online Studies
By Jeff Sauro.
“To understand problems on a website, nothing quite beats watching users…”
https://measuringu.com/website-problem-metrics/
An Introduction to A/B Testing
By Daniel Schwarz.
“…A/B testing, in short, is about implementing two variations of a
design to see which one is better, where the primary metric to be
measured is the number of conversions (this could be sales, signups,
subscribers – whatever)…”
https://www.sitepoint.com/a-b-testing-introduction/
How to Build a Cloud-Hosted Accessibility Testing Windows Computer
using Amazon WorkSpaces
By Eric Bailey.
“Eric Bailey describes the cloud-based option offered by Amazon AWS
for developers to create powerful virtual computers in the cloud that
are easy to access, but difficult to initially set up. Eric provides
the setup steps, and offers a gift to help.”
https://www.24a11y.com/2017/build-cloud-hosted-accessibility- testing-windows-computer-using-amazon-workspaces/
Accessibility Testing Tools for Desktop and Mobile Websites
By Paul J Adam.
“Paul J Adam demonstrates how to use automated and manual
accessibility testing tools on desktop and mobile websites, covering
five tools, the pros and cons of each tool, and describe the best
features of each tool.”
https://www.24a11y.com/2017/ accessibility-testing-tools-desktop-mobile-websites/
7 Great, Tried and Tested UX Research Techniques
By Interaction Design Foundation.
“…There are many user research techniques but these 7 have shown time
and again to offer valuable input into UX projects…”
https://www.interaction-design.org/literature/article/ 7-great-tried-and-tested-ux-research-techniques
+04: EVENTS.
Web Accessibility Evaluation for Non-technical Users (3-part course)
January 5, 2018.
Online.
https://calendars.illinois.edu/detail/3683?eventId=33284581
Strategic Planning for Web Accessibility
February 26-March 04, 2018.
Online.
https://onlinelearningconsortium.org/learn/ olc-new-institute-schedule/institute-offerings/?id=412
South by Southwest Interactive
March 9-16, 2018.
Austin, Texas, U.S.A.
https://www.sxsw.com/interactive/
+05: HTML.
HTML 5.2 is Done, HTML 5.3 is Coming
By Charles McCathie Nevile.
“Today W3C releases HTML 5.2. This is the second revision of HTML5,
following last year’s HTML 5.1 Recommendation. In 2014 we expressed a
goal to produce a revision roughly every year; HTML 5.2 is a
continuation of that commitment…”
https://www.w3.org/blog/2017/12/html-5-2-is-done-html-5-3-is-coming/
Accessibility Through Semantic HTML
By Laura Kalbag.
“…What does neglected HTML look like? Here’s an example of the markup
I found on a news site just yesterday. There’s a bit of text, a few
links, and a few images. But mostly it’s div elements…”
https://24ways.org/2017/accessibility-through-semantic-html/
+06: JAVASCRIPT.
Native Form Validation 3: Error Messages and Recommendations
By Peter-Paul Koch.
“…Until these changes have been made, let’s quietly forget about
native form validation. It’s more trouble than it’s worth.”
http://www.quirksmode.org/blog/archives/2017/12/native_form_val_2.html
ARIA Switch Demo
By Scott O’Hara.
“Examples of an ARIA Switch button…”
https://scottaohara.github.io/aria-switch-button/
aria-errormessage (Property)
By Rakesh Paladugula.
“aria-errormessage property is used to present the error message to
a screen reader user…”
http://www.maxability.co.in/2017/12/aria-errormessage-property/
React’s Accessibility Code Linter
By Scott Vinkle.
“When creating or maintaining an existing React app, do you wonder
about how to make sure the code you write helps to ensure an
accessible user interface…”
https://www.24a11y.com/2017/reacts-accessibility-code-linter/
+07: MISCELLANEOUS.
FCC Votes to Gut Net Neutrality Rules
By Web Foundation.
“…Our Founder and web inventor Sir Tim Berners-Lee said: ‘This is a
dark day for the internet. By rolling back net neutrality rules, the
FCC has cleared the path towards a dramatic overturn of how the
internet works in the US. Rather than preserving the internet as a
free market for ideas, the FCC has given a handful of companies the
power to decide what lives and dies online – ignoring the millions of
Americans who called for the protection of net neutrality. Now is not
the time to accept defeat. We must explore all judicial and political
options in order to save the free and open internet’…”
https://webfoundation.org/2017/12/fcc-votes-to-gut-net-neutrality-rules/
Interview with Jeffrey Zeldman – Part 1
By Nicolas Steenhout.
“This week, I had the luck and great pleasure to talk with Jeffrey
Zeldman, who probably needs no introduction but who refers to himself
as a “web designer who’s been interested in inclusive design for a
very long time.”
https://www.patreon.com/posts/a11y-rules-21-1-15666868
+08: NAVIGATION.
What Working on GOV.UK Navigation Taught Us About Accessibility
By Andy Sellick.
“If you’re a screen reader user you can hopefully appreciate this
small improvement on GOV.UK right now. We’ve also made sure that this
work is clearly documented so that it can’t be overlooked and
accidentally removed in any future work.”
https://accessibility.blog.gov.uk/2017/12/18/ what-working-on-gov-uk-navigation-taught-us-about-accessibility/
+09: TYPOGRAPHY.
Web Typography & Layout: Past, Present, and Future
By A List Apart.
“…Three experts-Mozilla’s Jen Simmons, publication design legend Roger
Black, and ALA’s Jeffrey Zeldman-discuss typography and layout on
today’s web: where we are now, and where we’re going…”
https://alistapart.com/event/web-typography-layout-past-present-future
+10: USABILITY.
10 UX Design Predictions For 2018
By Nick Babich.
“…In this article, I go through some of the trends that will shape UX
design in 2018 and, possibly, for several more years to come…”
https://theblog.adobe.com/10-ux-design-predictions-for-2018/
+11: XML.
SVG, Icon Fonts, and Accessibility: A Case Study
By Dennis Lembrée.
“Dennis Lembrée provides a brief history of web icons, the pros & cons
of several development solutions, and the impact to accessibility on
each via a case study featuring the web app Easy Chirp.”
https://www.24a11y.com/2017/svg-icon-fonts-accessibility-case-study/
[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.
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:
+ 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.]
—
.
.