+++ WEB DESIGN UPDATE. - Volume 16, Issue 43, April 19, 2018. 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: EVALUATION & TESTING. 04: EVENTS. 06: JAVASCRIPT. 07: NAVIGATION. 08: USABILITY. 09: XML. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Guidelines By Vox Media. "Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project." http://accessibility.voxmedia.com/ Short Note on Accommodating the Users Display Preferences on iOS By Peter Heery. "A characteristic of thoughtful, inclusive, design is to give control to users to interact with content in their preferred way…" https://developer.paciellogroup.com/blog/2018/04/short-note-on-accommodating-the-users-display-preferences-on-ios/ Beyond Title III: Website Accessibility Lawsuits Filed Alleging Inaccessible Online Employment Applications By Kristina M. Launey & Myra Villamor. "Plaintiffs who pursued numerous web accessibility actions under Title III of the ADA are now using website accessibility to test the limits of a different area of law - employment law - California's Fair Employment and Housing Act." https://www.adatitleiii.com/2018/04/beyond-title-iii-website-accessibility-lawsuits-filed-alleging-inaccessible-online-employment-applications/ Morgan Stanley Sued for $9 Million by Blind Man Claiming Inaccessible Websites By AdvisorHub Staff. "A legally blind man in New York has sued Morgan Stanley for negligence, alleging that its online wealth management services are largely inaccessible in violation of the Americans with Disabilities Act and the state’s Human Rights Law…" https://advisorhub.com/morgan-stanley-sued-9-million-blind-man-claiming-inaccessible-websites/ +02: CASCADING STYLE SHEETS. CSS Grid & Accessibility By Adventures in UX Design. "While CSS Grid and Flexbox create more opportunities for designers to explore new ways of laying out content, they also make it easier to rearrange the order of content visually in the display. The risk here is that because content/source and design are truly separated, if changes are made visually and source and design get out of sync, problems will arise for people who use the keyboard to tab through a document, and for screen readers." https://medium.com/adventures-in-ux-design/css-grid-accessibility-dd9cf7790dff Best Practices With CSS Grid Layout By Rachel Andrew. "…In this article, I'm going to try and cover some of the things that either could be described as best practices, and some things that you probably don't need to worry about…" https://www.smashingmagazine.com/2018/04/best-practices-grid-layout/ Another Collection of Interesting Facts About CSS Grid By Manuel Matuzovic. "Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I've learned some more exciting facts about the layout spec we all so love…" https://css-tricks.com/another-collection-of-interesting-facts-about-css-grid/ How Browsers Position Floats By Monica Dinculescu. "When you have a float CSS property on a box (with a value different than none), this box must be laid out according to the float positioning algorithm. Loosely, it says…" https://meowni.ca/posts/float-layout/ CSS Optimization Basics: An Open Living Book By Jens Oliver Meiert. "This is the source of the open and living book CSS Optimization Basics…" https://github.com/j9t/css-optimization-basics +03: EVALUATION & TESTING. Working with External User Researchers: Part II By Chelsey Glasson, Cory Lebson, Jeff Sauro. "In the first installment of the Working with External User Researchers series, we explored the reasons why you might hire a user researcher on contract and helpful things to consider in choosing one. This time, we talk about getting the actual work done…" https://alistapart.com/article/working-with-external-user-researchers-part-ii How to Write Effective Remote User Testing Tasks (that don't bias your results) By Matt Isherwood. "…I've broken down some of the common tasks I use to get users through a website journey in the fewest words possible. These examples are wordings I've arrived at after lots of tests and tweaking…" https://mattish.com/blog/post/how-to-write-effective-remote-user-testing-tasks-that-dont-bias-your-result +04: EVENTS. Accessibility vs. Usability April 24, 2018. Montréal, Quebec, Canada https://www.meetup.com/a11yMTL/events/249865008/ Building Inclusivity into the Drupal Project April 25, 2018. Online. https://groups.drupal.org/node/519031 Ask the UXperts: Building Accessible Apps - Amir Ansari and Kelly Schulz May 2, 2018. Online. https://uxmastery.com/ask-the-uxperts-building-accessible-apps-amir-ansari-kelly-schulz/ The Legal Year in Review: Accessibility Trends in Higher Ed May 3, 2018. Online https://www.3playmedia.com/resources/webinars/webinar-registration-05-03-2018/ Global Accessibility Awareness Day (GAAD) Events May 17, 2018. Online and in person. http://www.globalaccessibilityawarenessday.org/events.html An Introduction to Screen Readers May 17, 2018. Online. https://accessibility.deque.com/live-webinar-introduction-to-screen-readers TechAccessOK June 28-29, 2018. Oklahoma City, Oklahoma, U.S.A. https://www.eventbrite.com/e/techaccessok-2018-registration-tickets-45081587241 +05: HTML. HTML5 Contenteditable Attribute By Rakesh Paladugula. Contenteditable is a new attribute in HTML5. "This is a global attribute. The properties of the elements such as

, , will be overwritten by the contenteditable attribute…" http://www.maxability.co.in/2018/04/html5-contenteditable-attribute/ +06: JAVASCRIPT. CSS Global Scope and JavaScripters: What's the problem? By Peter-Paul Koch. "…As far as I can see, the problem is not that JavaScript developers do not understand the cascade, the problem is that they do not desire to use it. But is this really a problem…" https://www.quirksmode.org/blog/archives/2018/04/css_global_scop.html +07: NAVIGATION. Navigation Design: Twins and Minimalism By Gerry McGovern. "For a great many tasks, there are two dominant journeys or paths that customers would like to take. Consider the following tasks…" http://gerrymcgovern.com/navigation-design-twins-and-minimalism/ Why Let Someone Know When a Link Opens a New Window? By Scott Vinkle. "…The information being shared here is an approach I've been using to help inform people who rely on assistive technology, such as a screen reader, when a link opens a new window…" https://medium.com/@svinkle/why-let-someone-know-when-a-link-opens-a-new-window-8699d20ed3b1 How To Map Your Customer's Journey By Kimmy Paluch. "…To identify the opportunities for growth along the customer lifecycle, it is first important to understand the customer's experience engaging with the company and its product or service. A customer journey map is an illustration of exactly these experiences. The map can tell the full story covering the entire customer lifecycle from initial contact to activation, engagement, and beyond or focus on only a part of the story that lays out interactions or touchpoints critical to a subset of the customer's experience…" https://www.brandingstrategyinsider.com/2018/04/how-to-map-your-customers-journey.html +08: USABILITY. The User Experience of News Websites By Jeff Sauro. "…we benchmarked the desktop user experience of the following seven news websites…" https://measuringu.com/ux-news/ Scrolling and Attention By Therese Fessenden. "People scroll vertically more than they used to, but our newest eyetracking data shows that they still look more above the page fold than below it." https://www.nngroup.com/articles/scrolling-and-attention/ Democratizing Design (Video) By Don Norman. "The future of design is making it accessible to everyone, by empowering people with tools to help themselves." https://www.nngroup.com/videos/democratizing-design-don-norman/ +09: XML. It's Time for an RSS Revival By Brian Barrett. "…anyone weary of black-box algorithms controlling what you see online at least has a respite, one that's been there all along but has often gone ignored. Tired of Twitter? Facebook fatigued? It's time to head back to RSS…" https://www.wired.com/story/rss-readers-feedly-inoreader-old-reader/ [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.]