+++ WEB DESIGN UPDATE. - Volume 16, Issue 13, September 21, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 13 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How Usable are WCAG 2.0 Level A and AA Success Criteria? By Sarah Horton. "…In this survey, we want to hear from people familiar with W3C's Web Content Accessibility Guidelines (WCAG) 2.0 on the usability of WCAG's Level A and AA success criteria. Your feedback will help make future accessibility guidelines as usable as possible. We invite you to provide your views by completing the WCAG Usability Survey…" https://www.w3.org/community/silver/2017/09/18/how-usable-are-wcag-2-0-level-a-and-aa-success-criteria/ Creating an Accessibility Engineering Practice By Dan Na. "…While the lessons are still fresh I want to write the blog post that I wish I had read when I was first starting down this path, in the hopes that it gives you insight into possible steps and the belief that crafting culture around accessibility is possible…" http://blog.danielna.com/2017/09/14/creating-an-accessibility-engineering-practice.html Building Inclusive Toggle Buttons By Heydon Pickering. "…I'll be exploring what it takes to make toggle buttons inclusive. As with any component, there's no one way to go about this, especially when such controls are examined under different contexts. However, there's certainly plenty to forget to do or to otherwise screw up, so let's try to avoid any of that…" https://www.smashingmagazine.com/2017/09/building-inclusive-toggle-buttons/ London Accessibility Meetup #6 By Alastair Campbell. "I attended the 6th London Accessibility meetup, and the 1st organised by Alistair Duggin. It was a great event, with three speakers (for two talks). I took some rough notes that might be useful until the videos are published…" https://alastairc.ac/2017/09/london-accessibility-meetup-6/ Statistics on Disabilities - the One Stat You Need to Know By Hampus Sethfors. "…100 % of the world population spend part of their life with a disability…" https://axesslab.com/statistics-on-disabilities/ Seven Steps Toward IT Accessibility Compliance By Sheryl Burgstahler and Christian Vinten-Johansen. "The Chronicle of Higher Education reports that since early 2016, more than 360 complaints have been filed with the U.S. Department of Education Office of Civil Rights (OCR) about the inaccessibility of information technology provided by colleges and universities…" http://er.educause.edu/articles/2017/9/seven-steps-toward-it-accessibility-compliance Architecture & Accessibility By Emily Plummer. "…The web has become as important to living an independent life as the built environment. This makes it crucial that we treat access to the web the same as access to a grocery store, federal building, or movie theater." https://www.lireo.com/architecture-accessibility/ Illinois Companies Must Make Sites Accessible for Blind, Visually Impaired, Lawsuits Say By Ally Marotti. "A California woman has filed lawsuits against Kmart, Empire Today and Ace Hardware, alleging that running websites and mobile apps that blind and visually impaired people can't read also means denying potential customers products and services, a violation of the Americans with Disabilities Act…" http://www.chicagotribune.com/business/ct-online-shopping-visually-impaired-0914-biz-20170913-story.html What to Take Away From FedEx and Target's Accessibility Lawsuits By Patrick Loftus. "Accessibility lawsuits can tell us a lot about what makes an organization accessible to both employees and customers..." http://www.3playmedia.com/2017/09/14/take-away-fedex-targets-accessibility-lawsuit/ Judge Wants DOJ's Views on Website Accessibility for Blind Users By Erin Mulvaney. (may require subscription) "…In the Pizza Hut case, U.S. District Judge Otis D. Wright II issued a stay and permitted the U.S. Justice Department to intervene and provide clarity about the scope of the ADA. The request was the first time a judge took such action…" http://www.nationallawjournal.com/id=1202797283925/Judge-Wants-DOJs-Views-on-Website-Accessibility-for-Blind-Users +02: CASCADING STYLE SHEETS. Writing CSS with Accessibility in Mind By Manuel Matuzovic. (Hat tip to Jennifer Sutton) "An introduction to web accessibility. Tips on how to improve the accessibility of your web sites and apps with CSS…" https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 CSS Grid: Bringing True Two-Dimensional Layout to the Web (Video) By Melanie Richards. "CSS Grid Layout promises to revolutionize layout on the web, bringing true two-dimensional layout to the web for the first time…" https://channel9.msdn.com/Events/WebPlatformSummit/Microsoft-Edge-Web-Summit-2017/ES08 A Rube Goldberg Machine By Ada Rose Edwards. "An introduction to post-modern Web Development…Topics covered: 1.) CSS Grid, 2.) CSS Custom Properties, also known as CSS Variables, 2.) Web Animations…" https://samsunginter.net/rube-goldberg-article/ Creating CSS Grid (Video) By Microsoft. "A look at how CSS Grid Layout went from an idea to a reality shipping in all major browsers in 2017…" https://www.youtube.com/watch?v=J9uaT9dggZE +03: COLOR. How Color Blindness Works (Video) By Tom Blatherwick. "How colour blind people see and the science behind it…" https://www.youtube.com/watch?v=iNRQB5309yo +04: EVALUATION & TESTING. From Research Goals to Usability-Testing Scenarios: A 7-Step Method By Susan Farrell. "Developing goals for a usability study, deciding what to test, and crafting user scenarios can be challenging. This method makes the process straightforward." https://www.nngroup.com/articles/ux-research-goals-to-scenarios/ 5 Ways to Get at the Why Behind the Numbers By Jeff Sauro. "…Here are five approaches we use to understand the 'why'…" https://measuringu.com/why-numbers/ +05: EVENTS. Good Design Was Always Accessible - with Sharlene King September 27, 2017. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/242378091/ PDF Accessibility Basics Eight-Part Series Starts September 28, 2017. Online http://info.levelaccess.com/PDFAccessibilitySeries.html TechBash 2017 October 1-5, 2017. Pocono Manor, Pennsylvania, U.S.A. https://www.techbash.com/ STARWEST Software Testing Conference October 1-6, 2017. Anaheim, California, U.S.A https://starwest.techwell.com/ Mobile Experience Conference October 12, 2017. Los Angeles, California, U.S.A. https://mobilexperience.org/ Merge Show/CMS Summit 2017 October 14, 2017. Orlando, Florida, U.S.A. https://mergeshow.com/ +06: JAVASCRIPT. Playing with the Accessibility Object Model (AOM) By Léonie Watson. "The Accessibility Object Model (AOM) is an experimental JavaScript API that enables developers to modify the browser accessibility tree. The AOM has four phases, and support for phase one recently landed in Chrome Canary behind the flag…" https://tink.uk/playing-with-the-accessibility-object-model-aom/ Test ARIA 1.1 Forward - Test Cases By Hans Hillen and Steve Faulkner. "last updated 18 September 2017…" http://stevefaulkner.github.io/HTML5accessibility/tests/ARIA-tests/ Is There Any Value in People Who Cannot Write JavaScript? By Mandy Michael. "…The worst part about pushing the 'know everything' mentality is that we end up creating an industry full of professionals suffering from burnout and mental illness. We have people speaking at conferences about wellbeing, imposter syndrome and full stack anxiety, yet despite that, we perpetuate this idea that people have to know everything and be amazing at it…" https://medium.com/@mandy.michael/is-there-any-value-in-people-who-cannot-write-javascript-d0a66b16de06 +07: MISCELLANEOUS. Beyond The UX Tipping Point (Video) By Jared Spool. Jared's Webstock '17 Presentation. "…Your organization has to cross the UX Tipping Point. You must increase everyone's exposure to users, communicate a solid experience vision, and install a culture of continual learning. With that, design will become your organization's competitive advantage…" https://vimeo.com/209323782 In Which Our Hero Slips and Falls By Billy Gregory. "…In order to make things more accessible, I made a couple of slight design changes. These changes didn't really affect the look or feel, annoy other users, cost a ton of money, but it did improve the experience and reduced user 'drop off' by at least 25%…" https://developer.paciellogroup.com/blog/2017/09/in-which-our-hero-slips-and-falls/ Break Down Disability Barriers to Spur Growth and Innovation By Haben Girma. "Inventive solutions to an impairment lead to advances in science and technology…" https://www.ft.com/content/d8997604-97ab-11e7-8c5c-c8d8fa6961bb +08: NAVIGATION. Hyperlinks in Buttons are Probably Not a Great Idea By Mike Taylr. "Over in web-bug #9726, there's an interesting issue reported against glitch.com…" https://miketaylr.com/posts/2017/09/hyperlinks-in-buttons-are-not-so-great.html +09: STANDARDS, GUIDELINES & PATTERNS. An Open Letter to the W3C Director, CEO, Team and Membership By Cory Doctorow. "In 2013, EFF was disappointed to learn that the W3C had taken on the project of standardizing 'Encrypted Media Extensions,' an API whose sole function was to provide a first-class role for DRM within the Web browser ecosystem.…" https://www.eff.org/deeplinks/2017/09/open-letter-w3c-director-ceo-team-and-membership EME Misdirection By Alastair Campbell. "The EFF post on EME is an awesome bit of misdirection…" https://alastairc.ac/2017/09/eme-misdirection/ W3C Hearing the Concerns the EME Recommendation Raises By Coralie Mercier. "We are hearing a great deal of anger, concerns and disagreement -in the Press, in e-mail we've received, and in response on Social Media…" https://www.w3.org/blog/2017/09/w3c-hearing-the-concerns-the-eme-recommendation-raises/ +10: TOOLS. Infusion: An Inclusive Documentation Builder By Heydon Pickering. "…To manage pattern libraries effectively, we needed a system for building and hosting them. This is why we built Infusion, and we're happy to share it as a free and open tool with you…" https://developer.paciellogroup.com/blog/2017/09/infusion-an-inclusive-documentation-builder/ +11: TYPOGRAPHY. KernType a Kerning Game By Mark MacKay. "Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to a typographer's solution, and you will be given a score depending on how close you nailed it…" http://type.method.ac/ +12: USABILITY. Mobile Tables: Comparisons and Other Data Tables By Amy Schade. "Locking headers and allowing users to select a subset of data according to their needs make large data tables usable on mobile devices." https://www.nngroup.com/articles/mobile-tables/ Scaling Design Thinking to Fit Your Needs (Video) By Sarah Gibbons. "Design-thinking methods are flexible and scalable. You can apply them to a variety of design challenges regardless of budget and team size." https://www.nngroup.com/videos/scaling-design-thinking/ [Section one ends.] ++ SECTION TWO: +13: 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.]