+++ WEB DESIGN UPDATE. - Volume 16, Issue 40, March 29, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 40 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: INFORMATION ARCHITECTURE. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Verified Accessibility Samples (Va11yS) By International Business Machines (IBM). "Explore the repository of working accessibility code samples and design patterns that can be implemented directly into your design and development…" https://www-03.ibm.com/able/va11ys.html Three Developer Behaviors to Eliminate 85 Percent of Accessibility Defects By Sean Kelly and Thomas F. Dinkel. Sean and Thomas' CSUN presentation slides. https://www.slideshare.net/seankelly612/three-developer-behaviors-to-eliminate-85-percent-of-accessibility-defects-91706469 Accessibility Heuristics for Designers (PDF) By Caitlin Geier and Denis Boudreau. "10 general rules of thumb for accessible design…" https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/edit Survey of Web Accessibility Practitioners #2 By WebAIM. "The following survey is a follow-up to a previous Survey of Web Accessibility Practitioners conducted July 2014…" https://webaim.org/projects/practitionersurvey2/ Potholes of Discrimination: A Post-CSUN Legal Update Wrap-Up By Lainey Feingold. "…This is a post about what the law is saying about web accessibility…" http://www.lflegal.com/2018/03/csun18-follow-up/ Making Bulb Accessible - Introducing the New Bulb Site By Heydon Pickering. "At the end of last year, Bulb pledged to significantly improve the accessibility of the site…" https://bulb.co.uk/blog/making-bulb-accessible-introducing-the-new-bulb-site CSUN 2018 Presentation Links By Christopher Phillips. A crowdsourced list of CSUN presentation presentations from last week's conference. https://docs.google.com/spreadsheets/d/1NtrU3K_f1vlfjGTnkFJeSja7_xdI9T8rWAgFz5Y-1w0/edit#gid=0 No Relief in Sight from Website Accessibility Lawsuits By Matthew P. Horvitz and Andrew J. Ferren. "…a proactive approach to accessibility should help businesses reduce the risk of being targeted by a lawsuit." https://www.retaillawadvisor.com/2018/03/21/no-relief-in-sight-from-website-accessibility-lawsuits/ The Growing Emphasis on Accessibility and Inclusive User Experience By Kim Krause Berg. "There is growing interest in web accessibility around the world, with more companies seeking to make their web properties inclusive and user friendly for all people.…" https://searchnewscentral.com/blog/2018/03/28/the-growing-emphasis-on-accessibility-and-inclusive-user-experience/ N.Y. Lawyers Sue 40-plus Companies on Behalf of Blind Man in a Month By Justin Stoltzfus. "A class action lawsuit on behalf of Queens, N.Y., resident Eugene Duncan and other visually impaired plaintiffs against Popular North America Inc. is one of 43 recent Americans with Disabilities Act cases filed on his behalf…" https://legalnewsline.com/stories/511366628-n-y-lawyers-sue-40-plus-companies-on-behalf-of-blind-man-in-a-month New Guidelines Let Civil Rights Office Ignore Cases From Serial Complainers By Christina A. Samuels. "The U.S. Department of Education's office for civil rights has started dismissing hundreds of disability-related complaints, following new guidelines that say such cases will be dismissed when they represent a pattern of complaints against multiple recipients…" https://www.edweek.org/ew/articles/2018/03/22/new-rule-lets-civil-rights-office-ignore.html +02: CASCADING STYLE SHEETS. Good ol' Margin Collapsing By Chris Coyier. "Here's a one-sentence blog post about margin collapsing: When two block elements are stacked on top of one another, the vertical space between them is the larger between the one on top's margin-bottom and the one on the bottom's margin-top…" https://css-tricks.com/good-ol-margin-collapsing/ The Future of Web Layout (Video) By Aquent Gymnasium. "A webinar discussing new advances in web layout techniques that will impact web designers and developers in the near future. Rachel Andrew and Jason Pamental join Jeremy Osborn to help deconstruct the upcoming shift in designing for the web." https://www.youtube.com/watch?v=LUMkgn_xtlg A CSS Approach to Trap Focus Inside of an Element By Kushagra Gour. "…While experimenting, I discovered a neat CSS trick on how to trap focus within the element, a common accessibility requirement for modals, and a notoriously difficult one…" https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/ Nobody Said CSS Is Easy By Amber Wilson. "Wait, some people have said this. But I'd like to politely voice the opinion that they are wrong…" https://amberwilson.co.uk/blog/nobody-said-css-is-easy/ +03: COLOR. Designing Systematic Colors By Jeeyoung Jung. "How to make themable, flexible, WCAG 2.0 compliant color ramps for a design system…" https://uxplanet.org/designing-systematic-colors-b5d2605b15c +04: EVALUATION & TESTING. Remote Moderated Usability Tests: How and Why to Do Them By Kate Meyer and Kara Pernice. "Remote unmoderated usability testing is so fast and easy that some teams make it their only evaluation method. But don't shy away from its more robust alternative, the remote moderated usability test, which can give you more information and is also inexpensive." https://www.nngroup.com/articles/moderated-remote-usability-test/ How to Make Usability Testing a Habit By Stefan Rössler. "…The best thing about making usability testing a habit is that you keep getting better at it…" https://userbrain.net/blog/make-usability-testing-habit How Large Is the Evaluator Effect in Usability Testing? By Jeff Sauro. "…if you change the person looking for the problems (the evaluator), do you get a different set of problems?…" https://measuringu.com/evaluator-effect/ +05: EVENTS. Getting Started in Accessibility April 4, 2018. Minneapolis, Minnesota, U.S.A. https://www.eventbrite.com/e/getting-started-in-accessibility-tickets-42715561394 What You Need to Know to Get Accessibility Right April 4, 2018. Online. http://apexcovantage.com/resources/webinar-need-know-get-accessibility-right/ John Slatin AccessU May 14-16, 2018. Austin, Texas, U.S.A. https://knowbility.org/programs/accessu/ This.JavaScript: A11Y May 17, 2018. Online. https://www.thisdot.co/javascript/05-17-2018 UI 21 November 12-14, 2018. Boston, Massachusetts, U.S.A. https://ui21.uie.com/ Accessing Higher Ground November 12-16, 2018. Westminster, Colorado, U.S.A. http://accessinghigherground.org/ Agile Accessibility in a Regulated Industry November 15, 2018. Online http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=527 +06: HTML. Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion By Chris Coyier. "Gosh bless the
element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work…" https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/ Typical/Expected Screen Reader Output By Steve Faulkner. "Typical/expected screen reader output hello hello hello hello goodbye hello goodbye goodbye goodbye" https://twitter.com/stevefaulkner/status/978310635023949830 +07: INFORMATION ARCHITECTURE. A Guide to Information Architecture By Miklos Philips. "…Information architecture (IA) is, like a blueprint, a visual representation of the product's infrastructure, features, and hierarchy. …" https://blog.prototypr.io/the-comprehensive-guide-to-information-architecture-29b09695fbcb +08: MISCELLANEOUS. Using Ethics In Web Design By Morten Rand-Hendriksen. "…Even small and seemingly insignificant decisions can have enormous implications, and though ethics often stand in the way of immediate rapid innovation, growth, and quick revenue, they help ensure the longevity of our designs and help us carve paths to better futures for everyone…" https://www.smashingmagazine.com/2018/03/using-ethics-in-web-design/ Why Enterprise Software Fails (and what to do about it) By Gerry McGovern. "The Canadian government's Phoenix payroll system is no more. It was supposed to cost about C$300 million and deliver tremendous efficiencies. Instead, it has cost C$1 billion and delivered nothing but pain and disaster…" http://gerrymcgovern.com/why-enterprise-software-fails-and-what-to-do-about-it/ CSUN 2018 Accessibility Interview: Denis Boudreau By Vivian Cullipher. "Vivian interviews Montreal-based Denis Boudreau, Principal Web Accessibility Consultant and Strategist for Deque, covering everything from Denis's take on what digital accessibility is, details on a couple of his upcoming CSUN presentations, how AI might advance accessibility for people with disabilities, and more…" https://www.microassist.com/digital-accessibility/csun-2018-accessibility-interview-denis-boudreau/#intro +09: USABILITY. Yes, Icons Need Text Labels (Video) By Aurora Harley. "Universal icons are rare. To help overcome the ambiguity that almost all icons face, a text label must be present alongside an icon to clarify its meaning." https://www.nngroup.com/videos/icon-text-labels/ In Defense of Post-its By Sarah Gibbons. "Sticky notes strengthen team dynamics and represent an egalitarian, concise means for expressing ideas in UX design projects." https://www.nngroup.com/articles/post-it-in-ux/ When Making Design Tradeoffs, Don't Forget Hidden Costs (Video) By Kathryn Whitenton. "When making design decisions, analyze the alternatives to identify hidden costs before you get stuck paying for them." https://www.nngroup.com/videos/design-tradeoffs-hidden-costs/ [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.]