+++ WEB DESIGN UPDATE. - Volume 14, Issue 18, October 29, 2015. An email newsletter to distribute news and information about web design and development. ++ISSUE 18 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: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: USABILITY. 11: XML. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. $20 Million Grant Powers Game-Changing Internet Access Effort By Renee Meiller. "A global effort to create a new computer ecosystem that is easily accessible to people with disabilities, senior citizens and others with special needs is set to become reality through a $20 million federal grant to the University of Wisconsin-Madison." http://news.wisc.edu/24121 The Beginner's Guide to Accessible Mobile UI Design By Proto.io. "Accessibility isn't just a nice to have - for mobile app designers and developers, building your app to accessibility specs helps your mobile UI design reach a broader audience, while becoming more usable for everyone..." https://medium.com/@protoio/the-beginner-s-guide-to-accessible-mobile-ui-design-ca13a7342c27#.9wilv1niw Android Accessibility - The Missing Manual By Ted Drake. "This presentation was created for the Bangalore Accessibility Week at Intuit, October 2015. It's a collection of hard to discover information on making an Android application accessible..." http://www.last-child.com/android-a11y-missing-manual/ Great Statistics from G3ICT By Gian Wild. "... Of countries that have ratified the Convention on the Rights of People with Disabilities, these are the percentages of countries that have...Government websites that are accessible: 45%..." http://www.gianwild.com.au/2015/10/great-statistics-from-g3ict/ Blind Woman Sues Red Roof Inns, Alleging Inaccessible Website By Carol Ostrow. "...According to the complaint, Red Roof is currently out of compliance with Title III of the ADA because its website is not accessible to blind and visually impaired consumers..." http://pennrecord.com/stories/510641392-blind-woman-sues-red-roof-inns-alleging-inaccessible-website Blind Woman Sues Toys "R" Us, Alleging Violation of Federal Disabilities Act By Gene Johnson. "A blind Pennsylvania woman is suing Toy 'R' Us, alleging its websites are not accessible to blind and visually challenged consumers, violating Title III of the Americans with Disabilities Act..." http://pennrecord.com/stories/510637970-blind-woman-sues-toys-r-us-alleging-violation-of-federal-disabilities-act Complaint: https://jnswire.s3.amazonaws.com/jns-media/21/7d/111648/sipe.pdf Towards the Improvement of W3C Web Content Accessibility Guidelines (PDF) By Jose R. Hilera, Eva Garcia, Antonio Garcia, Concha Batanero, Salvador Oton. "This paper presents the results of a study about possible improvements to the ISO 40500 standard, which contains the web content accessibility guidelines established by the World Wide Web Consortium in WCAG 2.0. Expert web developers from twelve different countries have participated in the study..." PDF: http://www.cc.uah.es/hilera/a11y/ac2015.pdf Docx: http://www.cc.uah.es/hilera/a11y/ac2015.docx +02: CASCADING STYLE SHEETS. Flexbox A11y Test By Jules Ernst. "Check how accessibility is implemented in browsers and screenreaders when flexbox with the CSS-property order is used." http://200ok.nl/a11y-flexbox/ How Positioning CSS Properties Interact By Ire Aderinokun. "When positioning elements, there are four CSS properties we use - display, position, float, and the offset properties (top, right, bottom and left)." http://bitsofco.de/2015/how-positioning-css-properties-interact/ +03: DRUPAL. Drupal 8's Accessibility Advantage: Colour Contrast By Mike Gifford. "...There have been a lot of little changes in Drupal 8 though to improve colour contrast..." https://openconcept.ca/blog/mike/drupal-8%E2%80%99s-accessibility-advantage-colour-contrast Alt Tags and Defaults By Mike Gifford. "...In Drupal 8, alt attributes are now set to required by default on images. The same goes for such elements like user images and image fields. Such a task in Drupal 7 would have required you to download modules or modify the code yourself..." https://openconcept.ca/blog/mike/drupal-8%E2%80%99s-accessibility-advantage-alt-tags-defaults +04: EVALUATION & TESTING. How Much Time Does It Take to Create Personas? By Kim Flaherty. "The size of the company and the approach taken influence the time needed to create personas. Data from 216 companies provide a baseline to understand what affects persona-creation budgets and can help teams estimate the time and cost involved in this process." http://www.nngroup.com/articles/persona-budgets/ Picking the Right Data Collection Method By Jeff Sauro. "There's no shortage of methods available to the UX researcher..." http://www.measuringu.com/blog/data-collection.php +05: EVENTS. OZeWAI 2015 November 25-27, 2015. Canberra, Australia. http://www.ozewai.org/index.php/en/ The Call for Papers is now open, inviting interested researchers to present technical and communication papers. For further information, contact Vivienne Conway at v.conway@webkeyit.com International Day of People with Disability December 3, 2016. Online http://www.idpwd.com.au/ Web Accessibility Training December 8-9, 2015. Logan, Utah, U.S.A. http://webaim.org/training/ Confoo.Ca February 22-26, 2016. Montreal, Canada http://confoo.ca/en SmashingConf Oxford 2016 March 15-16, 2016. Oxford, England, United Kingdom http://www.smashingconf.com/oxford-2016/ +06: HTML5. Thus Spoke HTML By Steve Faulkner. "For many of us HTML as a language is expressed visually and often implicitly as graphical user interfaces (often dressed in fancy CSS threads). For others it is an aural and explicitly expressed language, one in which shape, color and decoration play little part, its meaning is conveyed by words and interaction behaviours..." https://www.paciellogroup.com/blog/2015/10/thus-spoke-html/ Thoughts on "Notes from the future of HTML session at TPAC" By Steve Faulkner. "HTML is being discussed, again, at W3C..." https://medium.com/@stevefaulkner/thoughts-on-notes-from-the-future-of-html-session-at-tpac-1c2f6f204cea#.tkfkklo89 +07: JAVASCRIPT. aria-pressed (State) By Rakesh Paladugula. "aria-pressed state is used to inform the user that an element is a toggle button..." http://www.maxability.co.in/2015/10/aria-pressed-state Using the onInput Event Handler with onKeyup/onKeydown as Its Fallback By Mathias Bynens. "HTML5 standardizes the oninput event handler, which should be used to detect user input in JavaScript..." https://mathiasbynens.be/notes/oninput The Traversal Order of Object Properties in ES6 By Axel Rauschmayer. "The ECMAScript 6 specification defines in which order the properties of an object should be traversed. This blog post explains the details..." http://www.2ality.com/2015/10/property-traversal-order-es6.html ES6 Overview in 350 Bullet Points By Nicolas Bevacqua. "My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, providing you with practical insight into most of ES6, so that you can quickly get started. I've also linked to the articles in ES6 in Depth so that you can easily go deeper on any topic you're interested in." https://ponyfoo.com/articles/es6 +08: NAVIGATION. Navigation - You Are Here By Susan Farrell. "You-are-here navigation consists of signs that help orient website visitors as they explore the site. Many websites need stronger location indicators." http://www.nngroup.com/articles/navigation-you-are-here/ +09: STANDARDS, GUIDELINES & PATTERNS. Web Performance Today By Jeffery Zeldman. "The principles of standards-based design will never change, no matter how complex our web becomes. And as it becomes more complex (and, arguably, much richer), it behooves us to squeeze every byte of performance we can." http://www.zeldman.com/2015/10/21/web-performance-today/ +10: USABILITY. Object-Oriented UX By Sophia Voychehovski. "We know big, monolithic webpages won't meet the needs of responsive sites and endless screens. But we're often still quilting together design patterns and content modules, rather than truly thinking in systems. Sophia Voychehovski shows us how defining the objects our users interact with, and the relationships between them, opens doors to more interconnected-and successful-user experiences." http://alistapart.com/article/object-oriented-ux Customer Centricity Leads to Purposeful Work By Gerry McGovern. "...Stop measuring and managing the wrong things. Manage use." http://gerrymcgovern.com/new-thinking/customer-centricity-leads-purposeful-work +11: XML. How To Manipulate SVG Text By Steven Bradley. "Last week I showed you how to create SVG text using the element. In the examples I added x and y coordinates to position the text and the individual characters in a string of SVG text. There's more to the element..." http://vanseodesign.com/web-design/how-to-manipulate-svg-text/ [Section one ends.] ++ SECTION TWO: +12: 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.]