+++ WEB DESIGN UPDATE. - Volume 14, Issue 33, February 11, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 33 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: NAVIGATION. 07: PHP. 08: TYPOGRAPHY. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Mobile Accessibility - How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile By W3C. "This document provides informative guidance (but does not set requirements) with regard to interpreting and applying Web Content Accessibility Guidelines (WCAG) 2.0 [WCAG20] to web and non-web mobile content and applications. .." https://www.w3.org/TR/mobile-accessibility-mapping/ About ALT TEXT and Graphics By Steve Faulkner. "A discussion occured on A11ySlackers gitter channel last evening about whether use of the following markup pattern was a WCAG 2.0 failure..." https://www.paciellogroup.com/blog/2016/02/short-note-on-use-of-alt-and-the-title-attribute/ The Accessibility Tree By WhatSock. "At the top level, the first concept to understand is the platform Accessibility API, which is an integral part of each Operating System..." http://whatsock.com/training/ Implementing an Accessibility Policy - An Insider's Guide By Lucy Greco and Anna Gazdowicz. "To successfully access website and application information, people with disabilities depend on technologies that adhere to specific design principles and standards that can increase usability for everyone. The Web Accessibility team at the University of California, Berkeley, has tested hundreds of websites and learned many lessons about how to implement and sustain accessibility efforts..." http://er.educause.edu/articles/2016/2/implementing-an-accessibility-policy-an-insiders-guide Engaging Accessibility: 4 Tips for CIOs (Video) By Lucy Greco. "...here is a quick video about how to think about access in a large institution..." https://www.youtube.com/watch?v=z5dQZVd_UNg Three Common Accessibility Pitfalls for Developers - Text Alternatives By Julie Grundy. "It might not surprise you to learn that errors with text alternatives were the third most common problem we found..." http://simplyaccessible.com/article/three-pitfalls-text-alternatives/ 4 Ways to Make Online Content More Accessible By Jacqueline Tolisano. "...Jane is an outgoing college student who happens to be vision impaired..." http://www.uxbooth.com/articles/4-ways-to-make-online-content-more-accessible/ Top Ten Inclusive Design Lessons By Mary Elizabeth (M.E.) Miller. "I have learned to approach accessibility like any other design challenge..." http://ageandability.com/2016/01/14/top-ten-inclusive-design-lessons/ The Top 5 Most Costly Accessibility Issues By Alison Walden. "I get the opportunity through my work to audit many large scale web experiences for accessibility compliance. In the past year alone I have audited web properties across a variety of industries including transportation (two major airlines in China, a regional Canadian airline), retail (a major Canadian supermarket chain), fashion retail (a Canadian luxury department store), and education (college presence for one of the largest retail booksellers in the US)." http://159.203.12.134/2016/02/06/the-top-5-most-costly-accessibility-issues/ Report and Recommendation Denying Harvard and MIT's Motion to Dismiss/Stay (PDF) By US Court, District of Massachusetts. US District Court refused to dismiss the cases against Harvard and MIT for not captioning videos. http://creeclaw.org/wp-content/uploads/2016/02/2016-02-09-50-Report-and-Rec-re-MTD.pdf http://creeclaw.org/wp-content/uploads/2016/02/2016-02-09-51-Report-and-Rec-re-MTD.pdf +02: CASCADING STYLE SHEETS. Flexbox and the Keyboard Navigation Disconnect By Leonie Watson. "CSS Flexbox can create a disconnect between the DOM order and visual presentation of content, causing keyboard navigation to break..." http://tink.uk/flexbox-the-keyboard-navigation-disconnect/ CSS Variables - Why Should You Care? By Rod Dodson. "CSS variables, more accurately known as CSS custom properties, are landing in Chrome 49. They can be useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching and potentially extending/polyfilling future CSS features..." https://developers.google.com/web/updates/2016/02/css-variables-why-should-you-care Sass - The @extend Directive By Steven Bradley. "Have you ever wanted one selector to inherit the styles of another?" http://vanseodesign.com/css/sass-the-extend-directive/ +03: DRUPAL. Required alt Tag Missing on Image alt Tag Input By Drupal.org. "...Proposed resolution: Add the "required" attribute to this field...." https://www.drupal.org/node/1906264 +04: EVALUATION & TESTING. 5 Steps to Conducting an Effective Expert Review By Jeff Sauro. "...The following five steps for conducting an effective expert review aren't going to make you an "expert" in interface evaluation immediately, but if you apply them with enough practice eventually they might..." http://www.measuringu.com/blog/expert-review-five.php +05: EVENTS. CHI 2016 May 7-12, 2016. San Jose, California, U.S.A. https://chi2016.acm.org/ DRUPALCON New Orleans May 9-13, 2016. New Orleans, Louisiana, U.S.A. https://events.drupal.org/neworleans2016 Gel Conference May 11-13, 2016. New York City, New York, U.S.A. http://creativegood.com/gel/ UX London 2016 May 18-20, 2016. London, United Kingdom http://2016.uxlondon.com/ M-Enabling Summit June 13-14, 2016. Washington, D.C., U.S.A. http://www.m-enabling.com/ CSS-Day June 16-17, 2016. Amsterdam, The Netherlands http://cssday.nl/2016 +06: NAVIGATION. The Quick Guide to Writing Link Text By Luke McGrath. "Useful links are an essential part of an optimised digital user experience..." https://www.wuhcag.com/writing-link-text/ +07: PHP. PHP Arrays - The Php Array Functions By Michelangelo van Dam. "...I want to dive into real fun and explain PHP's array functions with real-world examples and how you can apply them in your day-to-day work..." http://www.dragonbe.com/2016/02/php-arrays-php-array-functions.html +08: TYPOGRAPHY. Typography and Dyslexia By Bigelow and Holmes. "What is missing from these news reports is scientific evidence that special dyslexia fonts are actually better for dyslexic readers than commonly used fonts..." http://bigelowandholmes.typepad.com/bigelow-holmes/2014/11/typography-dyslexia.html +09: USABILITY. Usability Testing of Icons By Aurora Bedford. "To ensure that people understand the meaning and purpose of icons, conduct multiple types of tests at various stages of the product-development cycle." https://www.nngroup.com/articles/icon-testing/ User Intent Affects Filter Design By Katie Sherwin. "Results pages that refresh too soon or shift the page position disrupt the filtering process. Design filters and facets to offer a smooth user experience." https://www.nngroup.com/articles/applying-filters/ Designing for the Extremes (or Why Your Average User Doesn't Exist) By Susana Gonzalez Ruiz. "One of the biggest mistakes companies can make is designing services and products for the average user, an artificial and static representation of real users that generates dysfunctions. Interestingly, the solution lies in the extremes..." http://sugoru.com/2013/07/14/designing-for-the-extremes/ [Section one ends.] ++ SECTION TWO: +10: 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.]