+++ WEB DESIGN UPDATE. - Volume 16, Issue 47, May 16, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 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: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: TOOLS. 09: USABILITY. 10: XML. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. 5 Ways You Can Participate Online in Global Accessibility Awareness Day 2018 By Deborah Edwards-Onoro. "Thursday, May 17 marks the seventh anniversary of Global Accessibility Awareness Day (GAAD), the annual worldwide event to encourage people to learn about digital accessibility…" https://www.lireo.com/5-ways-you-can-participate-online-global-accessibility-awareness-day/ Accessibility Quick Cards (PDF) By Minnesota IT Services, Office of Accessibility. "Looking for tips on how to make documents and social media accessible? We've created a accessibility quick cards for easy reference when you are creating your content." https://mn.gov/mnit/assets/CompleteSetAccessibilityQuickCards2017_tcm38-294078.pdf A11Y Wars: The Accessibility Interpretation Problem By Glenda Sims and Wilco Fiers. "In this whitepaper, we will take a closer look at a few, key WCAG 2.0 interpretations…" https://docs.google.com/document/d/1L9OYaP052j2uxVu-8IXGxzwQsHdx8G6YKrxpHo7BZ_w/ How Hard Can It Be? By Susanna Laurin. "…if we can fullfill WCAG 2.1 at AAA level without preparation, within a very limited time frame and no real trouble, anyone can do this. That is, I think, the most important learning point of all. After all, accessibility isn't magic." https://www.funka.com/en/about-funka/news/en/how-hard-can-it-be/#accessibility The Inclusive and Accessible Candidate Experience Starts with WCAG By Jessica Miller-Merrell. "Accessibility is a crucial component of the candidate experience and should be a priority equal to network security…" https://workology.com/inclusive-candidate-experience-wcag/ AFB Consulting Applauds W3C's Proposed Recommendations By American Foundation. "…The latest proposed recommendation adds helpful guidance on certain areas without being overly restrictive…" https://www.afb.org/blog/afb-blog/afb-consulting-applauds-w3c%E2%80%99s-proposed-recommendations/12 Where Do the Rules for ADA Compliance Come From? By Apptegy. "The Web Content Accessibility Guidelines are how the Office for Civil Rights assesses compliance…" https://medium.com/apptegy-notes/where-do-the-rules-for-ada-compliance-come-from-3c86faeff1f1 +02: CASCADING STYLE SHEETS. Where Lines Break is Complicated. By Chris Coyier. "Here's all the Related CSS and HTML…" https://css-tricks.com/where-lines-break-is-complicated-heres-all-the-related-css-and-html/ A Deeper Look at Generic Font Names in CSS By Louis Lazaris. "If you've been writing CSS for some time, then you've certainly done something similar to the following, and likely multiple times in a single stylesheet…" https://www.impressivewebs.com/deeper-look-generic-font-names-css/ A Strategy Guide To CSS Custom Properties By Mike Riethmuller. "CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production…" https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/ +03: EVALUATION & TESTING. Between-Subjects vs. Within-Subjects Study Design By Raluca Budiu. "In user research, between-groups designs reduce learning effects; repeated-measures designs require fewer participants and minimize the random noise." https://www.nngroup.com/articles/between-within-subjects/ +04: EVENTS. Digital Accessibility Law for Developers, Designers, All of Us! July 25, 2018. Online. http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=517 Sydney UX Conference July 30-August 3, 2018. Sydney, Australia https://www.nngroup.com/training/sydney/ Barcelona UX Conference September 3-7, 2018. Barcelona, Spain https://www.nngroup.com/training/barcelona/ +05: INFORMATION ARCHITECTURE. Polyhierarchies Improve Findability for Ambiguous IA Categories By Page Laubheimer. "When an item fits in more than one category, avoid losing users by adopting an IA structure when the same page can have more than one parent." https://www.nngroup.com/articles/polyhierarchy/ +06: JAVASCRIPT. Functions to Add ARIA to Tables and Lists By Adrian Roselli. "…I have…written a couple vanilla JavaScript functions that you can drop into your site…" http://adrianroselli.com/2018/05/functions-to-add-aria-to-tables-and-lists.html Making Modals Accessible By Andrea Fercia. "…In this post, I’ll try to explain what needs to be done to make modals accessible…" https://yoast.com/dev-blog/the-a11y-monthly-making-modals-accessible/ What's Wrong With CSS-in-JS? By Brad Frost. "I have yet to dive deep into CSS-in-JS, but I'll admit I'm skeptical. This podcast by Chris Ferdinandi lays out a lot of the reasons why I'm a bit apprehensive…" http://bradfrost.com/blog/link/whats-wrong-with-css-in-js/ +07: MISCELLANEOUS. Accessibility Live (Video) By Bruce Lawson. Bruce's Keynote from Siteimprove Web Accessibility Live. https://vimeo.com/239991381 The Dangers of Being a Web Developer (Video) By Jens Oliver Meiert. "Web development is an amazing field-easy to get into, straight forward to grow skills, great to build a reputation. The sky is the limit. It turns out, being a web developer is not all roses: on great opportunities that lead to obscure problems that ask for humble solutions." https://vimeo.com/268379549 +08: TOOLS. Screen Readers & Browsers! Which is the Best Combination for Accessibility Testing? By Raghavendra Satish Peri. "…This is a very interesting question because, there are a wide variety of browsers & screen readers that are available in the market. Testing with every screen reader on every browser is not feasible if not impossible…" https://www.digitala11y.com/screen-readers-browsers-which-is-the-best-combination-for-accessibility-testing/ What's New in Web Accessibility (Google I/O '18 Video) By Rob Dodson and Dominic Mazzoni. "This session will cover new additions to Chrome's DevTools which make finding and debugging accessibility issues much faster. The Accessibility Object Model, a powerful low-level API designed to give developers total control over the accessibility of their sites, will also be discussed." https://www.youtube.com/watch?v=wkvslBGkhZY What's New in Android Accessibility Video (Google I/O '18 Video) By Victor Tsaran et al. "Learn about the latest feature additions to Android P, get an update on accessibility testing and best practices, and hear about new APIs that developers can use to create more accessible app experiences. This session will also offer a unique look into how Google conducts UX research for users with disabilities." https://www.youtube.com/watch?v=Lcoc4aCLfqI Accessibility for AR and VR (Google I/O '18 Video) By Christopher Patnoe. "In this session, we'll cover ways you can make your VR and AR more accessible to more users." https://www.youtube.com/watch?v=pW2oWy-ePS8 +09: USABILITY. Why You Should Never Center or Right Align Your Logo By Anthony Tseng. "Many designers assume that center or right aligning their website logo will make their brand more memorable. Research has shown this assumption is not true at all.…" http://uxmovement.com/navigation/why-you-should-never-center-or-right-align-your-logo/ 3 Rules for Better Comparison Tables (Video) By Kate Meyer. "Successful comparison tables help people make decisions quickly. Simplicity, consistency, and informational are qualities of good comparison tables." https://www.nngroup.com/videos/ux-rules-comparison-tables/ [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.]