+++ WEB DESIGN UPDATE. - Volume 14, Issue 21, November 19, 2015. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: PHP. 12: STANDARDS, GUIDELINES & PATTERNS. 13: TOOLS. 14: TYPOGRAPHY. 15: USABILITY. 16: XML. SECTION TWO: 17: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. My Captioning Workflow By Michael Lockrey. "This is a detailed summary of my personal captioning workflow. It uses YouTube's free captioning toolset and this means we can create good quality captions efficiently using their timed sync of the transcript to the audio track..." https://docs.google.com/document/d/1WGO7X9vjnnG5BxzCJGkuN_FTxvBNOGOs5FZ7clKU4iA/edit Transcription Style Guide By Michael Lockrey. "...Here are some general rules for creating a good quality transcription... https://docs.google.com/document/d/1JGpgAMKf9-d1lc79hBlNM-mlqvnYuVLLtOT0q2Je9PM/edit Call for Review: How to Meet WCAG 2.0: A Customizable Quick Reference By Shawn Henry. "W3C WAI invites you to comment on a *draft redesign* of *How to Meet WCAG 2.0: A customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2.0 requirements (success criteria) and techniques*..." https://lists.w3.org/Archives/Public/w3c-wai-ig/2015OctDec/0017.html Washington Lawyers' Committee (WLC) Reaches Landmark Settlement on Behalf of Blind Contractors By American Council of the Blind. "...Resolving an 18-month effort to make the GSA-operated website SAM.gov (link is external) accessible to blind federal contractors, the settlement requires GSA to make significant changes to SAM.gov that had prevented blind federal contractors from accessing the website and maintaining their status as federal contractors..." http://acb.org/WLC-settlement U.S. General Services Administration Settles Suit Alleging Inaccessibility of Its Website for Contractors By Kristina M. Launey and Minh Vu. "Oh, the irony. Our federal government is filing lawsuits against private businesses and universities for having allegedly inaccessible websites and mobile apps when its own agencies have inaccessible websites..." http://www.adatitleiii.com/2015/11/u-s-general-services-administration-settles-suit-alleging-inaccessibility-of-its-website-for-contractors/ When the Treatment is Worse than the Disease By Karl Groves. "...In short: add-on accessibility is a sham. Whether it is something like AudioEye or even an apparently 'custom' solution like UsableNet, they are terrible. They fail to provide anything beyond a marginal benefit for the end user and are, at best, a band-aid over a gaping wound. Virgin America, and companies like it, would be better off spending their money educating their design and development staff on accessibility than wasting their money on snake oil solutions made by amateurs." http://www.karlgroves.com/2015/11/13/when-the-treatment-is-worse-than-the-disease/ +02: CASCADING STYLE SHEETS. CSS in the Modern World By Michael Palermo. "The W3C recently announced a Cascading Style Sheets (CSS) snapshot - a document that 'collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2015..." http://www.sitepoint.com/css-modern-world/ +03: EVENTS. World IA Day February 20, 2016. Everywhere. http://www.2016.worldiaday.org/ +04: JAVASCRIPT. What's in ECMAScript 2016 (ES7)? By Axel Rauschmayer. "The most recent release of ECMAScript, ES6, is large and was standardized almost 6 years after ES5 (December 2009 vs. June 2015). There are two main problems with so much time passing between releases..." http://www.2ality.com/2015/11/tc39-process.html +05: NAVIGATION. Basic Patterns for Mobile Navigation: A Primer By Raluca Budiu. "Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both have pros and cons, and different types of sites have different preferred solutions to the mobile-navigation quandary." http://www.nngroup.com/articles/mobile-navigation-patterns/ Picking the Right Methods to Improve Navigation By Jeff Sauro. "Despite improvements in search technology, most users still take a browse-first approach to find products and information on websites..." http://www.measuringu.com/blog/methods-navigation.php Keyboard-Friendly Accessible Search By Adrian Roselli. "I had to make a search box that only shows an icon, but expands when clicked. I've seen this many times over, but all the solutions I see rely on bloated JavaScript (mostly via libraries) and/or are not keyboard friendly..." http://codepen.io/aardrian/pen/bVQzJj/ +06: TYPOGRAPHY. Text Resizing for Web Pages in iOS using Dynamic Type By Greg Kraus. "iOS has an accessibility feature to allow users to select their preferred text size. Some applications will respect this setting and change their text size appropriately, however, some do not. To change your preferred text size..." http://www.interactiveaccessibility.com/blog/text-resizing-web-pages-ios-using-dynamic-type +07: USABILITY. Legibility, Readability, and Comprehension: Making Users Read Your Words By Jakob Nielsen. "Users won't read web content unless the text is clear, the words and sentences are simple, and the information is easy to understand. You can test all of this." http://www.nngroup.com/articles/legibility-readability-comprehension/ +08: XML. SVG Text Layout And Alignment By Steven Bradley. "At the start of this series on SVG text I mentioned font tables. .." http://vanseodesign.com/web-design/svg-text-layout-and-alignment/ [Section one ends.] ++ SECTION TWO: +09: 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.]