+++ WEB DESIGN UPDATE. - Volume 15, Issue 05, July 28, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 05 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML5. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Infographic - The Essential Guide to Digital Accessibility By Deque Systems. "A whopping 57 million Americans are living with disabilities, and many of them find web browsing difficult..." http://www.deque.com/blog/infographic-essential-guide-digital-accessibility/ We're Just Temporarily Abled: Designing for the Future By Jennifer Aldrich. "...we need to design for accessibility not only for folks who are permanently visually impaired, hard of hearing, or have severe motor issues right now, but also for our future selves..." http://blog.invisionapp.com/accessibility-design-for-the-future/ Is WCAG 2.0 Too Complicated? By Karl Groves. "...To borrow a phrase from Robert Pearson, 'Impossible is Nothing' WCAG is not impossible. It would have never reached Final Recommendation status if it was impossible. Although unquestionably dense in nature, a careful read after understanding its structure can help considerably." http://www.karlgroves.com/2016/07/24/is-wcag-2-0-too-complicated/ WCAG is Not Scary Anymore By Herin Hentry. "WCAG is not scary anymore was the title of my presentation at A11yCamp, Melbourne 2016 which received good feedback from the audience. I thought I will follow that up with an article.." https://www.linkedin.com/pulse/wcag-scary-anymore-progressive-approach-website-herin-hentry My Wish List for the Next Version of WCAG By David MacDonald. "Here is a punch list of some things I'd personally love to see in the next version of WCAG." http://davidmacd.com/blog/wish-list-for-wcag-next.html Accessibility, Totally Tooling Tips (Video) By Addy Osmani and Matt Gaunt. "Addy and Matt chat about the tooling behind web accessibility, covering; visual, hearing, mobillity and cognition." https://www.youtube.com/watch?v=pBJZsp5LsOE 1.2.5 Audio Description (Prerecorded) By Rakesh Paladugula. "Audio description is provided for all prerecorded video content in synchronized media. (Level AA) Intention of 1.2.5 Audio Description (Prerecorded) In a video presentation, people who are blind or those who have visual challenges miss the information that is conveyed through visuals alone. The video only information include..." http://www.maxability.co.in/2016/07/1-2-5-audio-description-prerecorded/ Using Narrator Dev Mode By Léonie Watson. "Narrator is the integrated screen reader for Windows 10. The August 2nd Windows 10 Anniversary update introduces several new Narrator features, including a Narrator mode designed specifically for developers..." http://tink.uk/using-narrator-dev-mode/ Are Massive Open Online Courses (MOOCs) Really Open to Everyone?: A Study of Accessibility Evaluation from the Perspective of Universal Design for Learning By Kyudong Park, Hyo Jin Kim, and Hyo-Jeong So. "Recently, Massive Open Online Courses (MOOCs) have emerged as an open learning space with the development of Information and Communication Technology (ICT) and the movement of knowledge sharing. MOOCs are an open online learning space based on unconstrained interaction among learners unlike traditional e-learning systems. Despite the promise of openness in learning, there is lack of research studies to elucidate the accessibility of MOOCs for learners with disabilities..." http://dl.acm.org/citation.cfm?id=2903631 How to Convince Writers to Write for Accessibility By Wend Moltrup. "This post is for anyone accountable for the success of an accessibility program, especially those of us who must win over members of an obstinate culture into doing things a little differently..." www.wuhcag.com/write-for-accessibility Web Accessibility in High-Risk Segments By Karl Groves. "There have been over 230 lawsuit settlements that relate directly to web accessibility..." http://blog.tenon.io/web-accessibility-in-high-risk-segments/ +02: CASCADING STYLE SHEETS. The Proposed Box-Suppress Property By Rachel Andrew. "Level 3 of the CSS Display Module is currently in Working Draft status, and in the current Editor's Draft are a number of issues that require author feedback. In this post I will take a look at one new property that is defined in this module and that needs feedback - box-suppress..." https://www.rachelandrew.co.uk/archives/2016/07/22/the-proposed-box-suppress-property/ Translating CSS for Paged Media with Rachel Andrew By Angela Molina, Rachel Andrew, Jeff Smith. "Last week we spoke with Rachel Andrew, a CSS Working Group Invited Expert, and Founder of Edge of my Seat..." https://www.sitepoint.com/translating-css-paged-media-rachel-andrew/ Working With Strings In Sass By Steven Bradley. "...Today I want to talk similarly about strings, specifically the kind of strings Sass supports and the operators and functions you can use to work with strings..." http://vanseodesign.com/css/sass-strings/ Manipulating Sass Colors With Operators And RGB Functions By Steven Bradley. "It’s been a few years since I started working with Sass and while there are a lot of reasons why I continue to use it, the built-in color functions are easily among my favorite features of the language..." http://vanseodesign.com/css/sass-colors-part-1/ +03: EVALUATION & TESTING. Accessibility Testing on Mobile Devices: What's Different and What's Not By Rosemary Musachio. "Testing a webpage for accessibility on a PC is quite different than testing it on a mobile device..." http://connections.accessibilityassociation.org/blogs/rosemary-musachio/2016/07/18/accessibility-testing-on-mobile-devices-whats-different-and-whats-not How (Not) To Train Your Dragon By Eric Wright. "Whenever I speak about Dragon NaturallySpeaking as a web accessibility testing tool, I take care to remind the audience of three things..." https://ewaccess.wordpress.com/2013/11/24/how-not-to-train-your-dragon/ Customer Journeys and Omnichannel User Experience By Kim Flaherty. "Organizations must create omnichannel UX strategies that optimize the end-to-end user experience of completing a task across devices and interaction channels." https://www.nngroup.com/articles/customer-journeys-omnichannel/ Controlling for Brand Attitudes in UX Studies By Jeff Sauro. "...Three of the most common variables that can affect UX metrics and mask differences in designs are: prior experience, domain knowledge and skills, brand attitudes..." http://www.measuringu.com/blog/control-brand.php +04: EVENTS. Caption Studies Conference Online August 1-2, 2016. http://captionstudies.wou.edu/ +05: HTML5. Using the Fieldset and Legend Elements By Léonie Watson. "Using the right HTML elements when implementing forms is essential to ensure they can be used by as many people as possible including screen reader users. In this blog Léonie explains the correct usage of the fieldset and legend elements..." https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/ Allow Ancestor to Include
  • By Steve Faulkner. HTML 5.2 Issue: "For the purpose of scoping a term's definition using the element, the current allowed elements are

    ,

    , and
    as ancestors of . I can't find any reasons for this choice and it was not defined in HTML4, so I propose to allow
  • as an ancestor to provide more flexibility in scoping of defintion(s) for a term..." https://github.com/w3c/html/issues/539 +06: JAVASCRIPT. Class Teacher By Jeremy Kieth. "ES6 introduced a whole bunch of new features to JavaScript. One of those features is the class keyword. This introduction has been accompanied by a fair amount of concern and criticism." https://adactio.com/journal/11012 +07: MISCELLANEOUS. Silence Equals Agreement: Negotiating Scope and Strategy With Stakeholders By Joe Natoli. "This is a condensed extract about stakeholder interviews from a chapter of Joe Natoli's book 'Think First' that he's generously allowed us to re-publish. Scroll to the bottom for an exclusive discount for UX Mastery readers..." http://uxmastery.com/negotiating-scope-strategy-stakeholders/ What is the Job of the Web Content Professional? By Gerry McGovern. "Web content professionals must think about the findability and usability of their content, as it is no longer enough to think about how to create content." http://gerrymcgovern.com/new-thinking/what-job-web-content-professional +08: NAVIGATION. Mobile First Is NOT Mobile Only By Raluca Budiu and Kara Pernice. "Mobile-navigation patterns make navigation unusable on the desktop and decrease the use of this important UI element. Porting an unchanged UI to a different platform hurts UX." https://www.nngroup.com/articles/mobile-first-not-mobile-only/ Stop the Overuse of Overflow Menus By Daniel Burka. "...Overflow menus are a scourge that should be rooted out, crushed underfoot, and drowned in a sea of toxic sludge..." https://medium.com/@dburka/stop-the-overuse-of-overflow-menus-5caa4b54e843 +09: STANDARDS, GUIDELINES & PATTERNS. Has Design Become Too Hard? By Jeffrey Zeldman. "...Whether you use a framework as part of your design process or not, when it's time to go public, nothing will ever beat lean, hand-coded HTML and CSS..." http://www.commarts.com/column/has-design-become-too-hard +10: TOOLS. Sway Accessibility Milestones By Microsoft. "...We're excited to launch the Accessibility Checker to help authors: Identify images or videos with missing alternative text. Review and update all alternative text. Review and update all non-descriptive hyperlinks..." https://blogs.office.com/2016/07/21/sway-accessibility-milestones/ Why the Android Analyzer is Paving the Way for App Accessibility By Chris McMeeking. "What is the Analyzer? It's a tool intended to aid developers in creating accessible Android applications by allowing them to integrate accessibility testing into their normal development workflow..." http://www.deque.com/blog/android-analyzer-paving-app-accessibility/ +11: USABILITY. Designing With Human Centered Usability Standards By Danny and Patricia Franzreb. "Standards and best practices are tools that UX designers rely on, to help us focus our work and ensure we design for the end-user, and not just for ourselves..." http://www.uxbooth.com/articles/designing-usability-standards/ Changes to the Style Guide: no more eg, and ie, etc By Persis Howe. "We've found that several programs that read webpages for those with visual impairment read 'eg' incorrectly..." https://insidegovuk.blog.gov.uk/2016/07/20/changes-to-the-style-guide-no-more-eg-and-ie-etc/ 15 Mobile UX Facts and Insights for 2016 By Jeff Sauro. "Here's an updated and expanded version culled from many sources on the Internet and our own mobile usability studies." http://www.measuringu.com/blog/mobile-facts2016.php Graphical User Interface as a Reflection of the Real World: Shadows and Elevation By Nick Babich. "...subtle shadows and other 'non-flat' user interface elements can be good for your design because they hold an important information value - they help to create signifiers in the interface..." https://uxplanet.org/graphical-user-interface-as-a-reflection-of-the-real-world-shadows-and-elevation-f456530317f4 Adapting to Input By Jason Grigsby. "Jeremy Keith once observed that our fixed-width, non-responsive designs were built on top of a consensual hallucination..." http://alistapart.com/article/adapting-to-input Designing For The Elderly: Ways Older People Use Digital Technology Differently By Ollie Campbell. "A lot of people in the tech industry talk about 'changing the world' and 'making people's lives better.' But bad design is excluding whole sections of the population from the benefits of technology. If you're a designer, you can help change that. By following some simple principles, you can create more inclusive products that work better for everyone, especially the people who need them the most." https://www.smashingmagazine.com/2015/02/designing-digital-technology-for-the-elderly/ 125 Easy Tweaks to Optimize Your Website's Usability Today By Nick Kolenda. "Welcome to a huge resource on user experience (UX), user interfaces (UI), and interaction design. Whether you're designing a website or mobile app, you'll learn 125+ tactics to optimize its usability..." http://www.nickkolenda.com/user-experience/ [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.]