[webdev] Web Design Update: December 21, 2017 (fwd)

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[webdev] Web Design Update: December 21, 2017 (fwd)

David Dillard
Administrator




.


.




Date: Thu, 21 Dec 2017 06:20:51 -0600
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
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:


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:[hidden email]




[Issue ends.]



--




.


.