+++ WEB DESIGN UPDATE. - Volume 15, Issue 44, April 27, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 44 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: JAVASCRIPT. 06: MISCELLANEOUS. 07: TOOLS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What is Audio Description? By John Brandt. "Answer: The 5,000 pound gorilla in the back of the room..." https://jebswebs.net/blog/2017/04/what-is-audio-description/ Sounding Out the Web: Web Accessibility for People Who are Deaf or Hard of Hearing By David Swallow. "This is a condensed version of a two-part article originally published on the blog of The Paciello Group, an international accessibility agency..." http://www.headstar.com/eablive/?p=1336 Access Denied By Christian Vogler and Other Scholars. "A group of scholars object to a decision by the University of California, Berkeley, to remove many video and audio lectures from public view as a result of a Justice Department accessibility order." https://www.insidehighered.com/views/2017/04/18/scholars-and-others-strongly-object-berkeleys-response-justice-department +02: CASCADING STYLE SHEETS. Structural Pseudo-Classes By Alexis Goldstein, Estelle Weyl, and Louis Lazaris. "So far, we've seen how we can target elements based on their attributes and states. CSS3 also enables us to target elements based simply on their location in the markup. These selectors are grouped under the heading structural pseudo-classes..." https://www.sitepoint.com/structural-pseudo-classes/ Container Grids By Jonathan Snook. "There's been a rumbling of people that want Container Queries-myself included. (Come see my talk this year... it's all about container queries!)..." https://snook.ca/archives/html_and_css/container-grids Refer to the Spec: What is All that Stuff at the Top of the Spec? By Rachel Andrew. "This is the first in a series of posts where we will take a look at the CSS Grid Layout specification. We'll start right at the beginning, with all the stuff that appears at the top of a CSS specification..." https://rachelandrew.co.uk/archives/2017/04/24/refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec/ Give Yourself Over to CSS Grid By Mike Riethmuller. "Whenever a new feature is added to browsers, I see developers trying to repeat familiar patterns..." https://www.webdirections.org/blog/give-css-grid-mike-riethmuller/ Managing the CSS Box Model By Tiffany Brown. "Perhaps the most important point to understand about CSS is this: Everything is a box..." https://www.sitepoint.com/managing-the-css-box-model/ Font-Display By Geoff Graham. "The font-display property defines how font files are loaded and displayed by the browser..." https://css-tricks.com/almanac/properties/f/font-display/ Creating Media Queries for Responsive Web Designs By Chris Ward. "The following is an exclusive extract from my new book, Jump Start Responsive Web Design, 2nd Edition..." https://www.sitepoint.com/creating-media-queries-for-responsive-web-designs/ +03: EVALUATION & TESTING. A Primer On Conducting Qualitative Research By Jeff Sauro. "...Here are five points to help you approach and more successfully conduct qualitative research..." https://measuringu.com/qualitative-primer/ How to Boost App Downloads by A/B Testing Icons By Roman Rudnik. "How can you tell which app icon will result in the most app store downloads? Answer: simply by looking, you can't. Even an experienced designer couldn't answer this question with certainty, however, there is a solution - A/B testing..." https://www.sitepoint.com/how-to-boost-app-downloads-by-ab-testing-icons/ +04: EVENTS. Automating Peace of Mind with Accessibility & CI With Marcy Sutton May 3, 2017. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/237901142/ Live Stream: https://www.youtube.com/watch?v=vBgZk3zgDHo Global Accessibility Awareness Day Meetup May 18, 2017. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/237270921/ edUi September 25-27, 2017. Charlottesville, Virginia, U.S.A. http://eduiconf.org/ Paris Web October 5-7, 2017. Paris, France http://www.paris-web.fr/ CSS Dev Conference October 9-11, 2017. New Orleans, Louisiana, U.S.A. http://2017.cssdevconf.com/ World Usability Congress October 11-12, 2017. Graz, Austria http://www.worldusabilitycongress.com/ +05: JAVASCRIPT. WAI ARIA 1.1 New Roles, States and Properties By Rakesh Paladugula. "In last few years Maxability have published several articles on each WAI ARIA 1.0 roles, states and properties..." http://www.maxability.co.in/2017/04/wai-aria-1-1-new-roles-states-and-properties/ Intro to Advanced ARIA By Harris Schneiderman. "This is the first post in Harris Schneiderman's Advanced ARIA series. In this series, he'll explain how to create accessible widgets and structures using ARIA, with practical tips and real working examples..." https://www.deque.com/blog/advanced-aria/ The Busy JavaScript Developer's Guide to LoopBack, Part 2 Models By Ted Neward. "Define and use models and data sources..." https://www.ibm.com/developerworks/web/library/wa-get-started-with-loopback-neward-2/index.html +06: MISCELLANEOUS. Pushing the Limits of Assistive Technology During the Boston Marathon By Rob Verger. "What an ambitious test tells us about the state of remote guidance for the visually impaired..." http://www.popsci.com/what-boston-marathon-tells-us-about-state-assistive-technology +07: TOOLS. Sass Color Contrast Tools By Giana Blantin. "A collection of functions to make it easy to test the contrast between colors and tweak them until they pass your specified requirements. Formulas are based on the WCAG 2.0 guidelines..." https://codepen.io/giana/project/full/ZWbGzD Stark (Hat Tip to Jennifer Sutton) By Cat Noone, Michael Fouquet, and Benedikt Lehnert. "The color-blind simulator and contrast checker for Sketch. Design with accessibility in mind." http://www.getstark.co/ +08: USABILITY. The Difference Between Customization and Personalization By Nick Babich. "While both personalization and customization achieve the same goal - an experience tailored to a user's interests - the paths used to reach this objective are different..." https://uxplanet.org/the-difference-between-customization-and-personalization-624ddd70b163 Writing Digital Copy for Domain Experts By Hoa Loranger and Kate Meyer. "These tips for writing web content for specialized audiences will help you sound authoritative and bolster your credibility. Professionals want content that is easy to scan, factual, and verifiable." https://www.nngroup.com/articles/writing-domain-experts/ Modal & Nonmodal Dialogs: When (& When Not) to Use Them By Therese Fessenden. "Modal dialogs interrupt users and demand an action. They are appropriate when user's attention needs to be directed toward important information." https://www.nngroup.com/articles/modal-nonmodal-dialog/ [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.]