 |
 |
. . Date: Thu, 8 Sep 2016 06:15:52 -0500 From: Laura Carlson <[log in to unmask]> To: webdev <[log in to unmask]> 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:[log in to unmask] [Issue ends.] . .