+++ WEB DESIGN UPDATE. - Volume 13, Issue 43, April 17, 2015. An email newsletter to distribute news and information about web design and development. ++ISSUE 43 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML5. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TYPOGRAPHY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility is Not What You Think By Paul Boag. "Accessibility is not just about meeting the needs of the disabled or catering for edge cases. Accessibility impacts everybody..." https://boagworld.com/accessibility/accessibility-is-not-what-you-think/ 3 Reasons Why Closed Captions Increase YouTube Views By Emily Griffin. "If you're a video producer on YouTube looking for a growth hack, don't underestimate the power of adding closed captions..." http://www.3playmedia.com/2015/04/03/3-reasons-why-closed-captions-increase-youtube-views/ Audio Description in Safari and Yosemite? By Terrill Thompson. "In this blog post, I have questions, not answers. However, there will hopefully be answers in the Comments section..." http://terrillthompson.com/blog/630 Comparison of Browsers on HTML5 Video Accessibility: 2015 Update By Terrill Thompson. "This is an update to my earlier Comparison of Browsers on HTML5 Video Accessibility, published two years ago..." http://terrillthompson.com/blog/635 Website Accessibility Audits - Three Common Fails By Tim Lohman. "we've put together the three most common mistakes we find, which also have the bonus of being relatively easy to fix..." http://www.accessiq.org/news/news/2015/04/website-accessibility-audits-three-common-fails 7 Things Every Designer Needs to Know about Accessibility By Jesse Hausler. "Accessibility enables people with disabilities to perceive, understand, navigate, interact with, and contribute to the web. Imagine a world where developers know everything there is to know about accessibility. You design it and they build it… perfectly. In this world, only the design itself can cause people with disabilities to have trouble using a product..." https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b Ten Guidelines to Improve the Usability and Accessibility of Your Site By Trip Rems. "Accessibility and usability are the foundations for creating a great user experience. By making a Website that is both accessible and usable, you have the best chance to improve other facets of a successful web presence." http://usabilitygeek.com/guidelines-improve-usability-accessibility/ +02: CASCADING STYLE SHEETS. CSS Cascading and Inheritance Level 3 By Elika J. Etemad, Tab Atkins, editors. "This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements..." http://www.w3.org/TR/2015/CR-css-cascade-3-20150416/ The Screen-Reader-Text Class, Why and How? By Rian Rietveld. "Imagine you are blind, how do you understand a website? You would use a screen reader. All the text in a website is read out loud for you, from top to bottom. To navigate a site you can call a link list and a headings list..." http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ Responsive Tables in Pure CSS By Will Wallace. "We recently overhauled our payment statement tables for mobile web in Merchant Center. Our goal was to meet the following requirements..." https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/ More Control over Text Decoration By Chris Coyier. "But you may not be aware that there is more you can do with this property, as well as various sub-properties offering more fine-grained control..." https://css-tricks.com/more-control-over-text-decoration/ 3 Things (Almost) No One Knows About CSS By Kevin Yank. "Think you know CSS? If the results of a free CSS test I've offered online for the past six months are anything to go on, plenty of practicing developers don't know CSS as well as they think..." http://www.sitepoint.com/3-things-almost-one-knows-css/ +03: DRUPAL. Best Accessible Audio Player By Steve Kessler. "I am looking for the best accessible audio player that is available for Drupal. I have looked at a couple and none of them appear to be that good. I found a native HTML 5 player that tests well but I do not see this for Drupal..." https://groups.drupal.org/node/464908 +04: EVALUATION & TESTING. 5 Concepts to Master When Conducting Quantitative Research By Jeff Sauro. "You don't need to be a data scientist, database admin, or statistical maven to conduct quantitative research. You must, however, have a good grounding in some fundamental concepts to make the most of the efforts." http://www.measuringu.com/blog/five-quant-concepts.php +05: EVENTS. The Future of Video Player Accessibility - 3Play Media May 21, 2015. Webinar http://info.3playmedia.com/webinar-registration-04-22-2015.html Digital and Technology Access: the Role of Law I, the Limits of Law May 21, 2015. Webinar http://www.ada-audio.org/Webinar/AccessibleTechnology/Schedule/ +06: HTML5. How to Code in HTML5 and CSS3 By Damian Wielgosik. "A book that helps people start making websites..." http://howtocodeinhtml.com/ ARIA in HTML By Steve Faulkner, editor. "This specification defines the web developer rules (author conformance requirements) for the use of [wai-aria-1.1] attributes on [HTML51] elements. It also defines requirements for Conformance Checking tools..." http://www.w3.org/TR/html-aria/ On HTML Belts and ARIA Braces By Steve Faulkner. "The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no..." http://html5doctor.com/on-html-belts-and-aria-braces/ +07: JAVASCRIPT. How Do I Handle JavaScript and Accessibility By David Kennedy. "When I give presentations on accessibility, I often get one or two questions I've fielded before. I've collected a handful for an ongoing series of posts with my answers. I hope it helps you understand accessibility better..." http://davidakennedy.com/2015/04/08/accessibility-answers-how-do-i-handle-javascript-and-accessibility/ jQuery Accessible Tab Panel System, using ARIA By Nicolas Hoffmann. "This jQuery plugin will transform a simple list of anchors to contents into a tabpanel system, using ARIA." http://a11y.nicolas-hoffmann.net/carrousel/ New Number and Math Features in ES6 By Axel Rauschmayer. "This blog post describes the new number and Math features of ECMAScript 6..." http://www.2ality.com/2015/04/numbers-math-es6.html Keeping it Simple - Coding a Carousel By Christian Heilmann. "In this article I want to approach the creation of a carousel differently: by keeping it as simple as possible whilst not breaking backwards compatibility or have any dependencies. Things break on the web. JavaScript might not be loaded, CSS capabilities vary from browser to browser. It is not up to us to tell the visitor what browser to use. And as good developers we shouldn't create interfaces that look interactive but do nothing when you click them. So, let's have a go at building a very simple carousel that works across browsers without going overboard..." http://christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel/ +08: MISCELLANEOUS. What can Web Designers Learn from the Past? By creativebloq. "The web is busy hurtling along at a startling pace, but what lessons can designers learn by pausing and taking a look backwards?..." http://www.creativebloq.com/web-design/what-can-web-designers-learn-past-41514659 +09: NAVIGATION. No More Pogo Sticking - Protect Users from Wasted Clicks By Aurora Bedford. "Misleading links and omitted information force users to bounce back and forth in a hub-and-spoke pattern, between a routing page and subpages linked from it." http://www.nngroup.com/articles/pogo-sticking/ Page Scrolling in Mobile Safari and VoiceOver By Marcy Sutton. "When I redesigned this website in November 2014, I had a design aesthetic in mind for the main navigation: a 'hamburger' menu icon in the top right corner exposing a list of links on the right side on click or tap, effectively sliding the page out of the way..." http://marcysutton.com/page-scrolling-in-mobile-safari-voiceover/ +10: TYPOGRAPHY. On Fonts and Dyslexia By Neil Milliken. "One of the most frequent questions I get asked is around using special fonts for people with dyslexia..." https://atrophiedmind.wordpress.com/2015/04/16/on-fonts-and-dyslexia/ Typography on the Web with Mark Boulton By Paul Boag. "This week on the Boagworld Web Show we talk to Mark Boulton about the do's and dont's of web typography..." https://boagworld.com/season/11/episode/1114/ Tests By James Nurthen. "More and more we are seeing font icons on the web. This is a test to see if these can be used in a manner which still supports screen readers..." http://jnurthen.users.sonic.net/test.html [Section one ends.] ++ SECTION TWO: +11: 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.]