+++ 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 - Labelling 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 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:lcarlson@d.umn.edu [Issue ends.]