+++ WEB DESIGN UPDATE. - Volume 17, Issue 21, November 14, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: MISCELLANEOUS. 07: NAVIGATION. 08: SITES & BLOGS. 09: TOOLS. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Live Chat Accessible By Rakesh Paladugula. "…this article will highlight the best practices to make a live chat accessible to keyboard only, screen reader, low vision and various other users with disabilities…" https://www.maxability.co.in/2018/11/how-to-make-live-chat-accessible/ New Resource: The Business Case for Digital Accessibility By Shawn Henry. "The W3C WAI Education and Outreach Working Group (EOWG) today published a new resource that describes the rationale for organizations to address accessibility…" https://lists.w3.org/Archives/Public/public-wai-announce/2018OctDec/0001.html Eyes-Free Computing Looking Back, Looking Forward (Video) By TV Raman. "…UI determines size and shape of computing…Ubiquitous information access requires User Aware UI…" https://www.youtube.com/watch?v=LJzcThyT0Pg Slides (PDF): http://emacspeak.sourceforge.net/raman/publications/iit-bay-area-2018/slides.pdf A Web of Anxiety: Accessibility for People with Anxiety and Panic Disorders [Part 2] By David Swallow. "…many companies care little about how anxious or stressed their websites make you feel. In fact, companies may well be counting on your being anxious. But that's not to say that there's nothing we can do…" https://developer.paciellogroup.com/blog/2018/11/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-2/ Be Better: Accessibility By Ben Callahan. "…Ben explores how responsive web design is accessible web design…" https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design The Importance Of Manual Accessibility Testing By Eric Bailey. "Automated accessibility tests are a great resource to have, but they can't automatically make your site accessible. Use them as one step of a larger testing process…" https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/ Why Using 'tabindex' Values Greater than '0' is Bad By Karl Groves. "…It creates maintenance headaches…It strips away user control…It may cause a mismatch between visual order and interaction order…It may make user support difficult…" http://www.karlgroves.com/2018/11/13/why-using-tabindex-values-greater-than-0-is-bad/ Getting the Details on aria-details By Scott O'Hara. "Introduced in ARIA 1.1, aria-details is meant to help convey that there is additional information available for a particular element a user is interacting with…With the large gap in support across various different screen readers, and the current implementation with JAWS, aria-details won't consistently, or meaningfully, provide the context for which its potential should allow." https://www.scottohara.me/blog/2018/11/08/aria-details.html Feds Prod Universities to Address Website Accessibility Complaints By Lindsay McKenzie. "Universities are under legal pressure to make their websites fully accessible to people with disabilities, but is 'fully' even possible?" https://www.insidehighered.com/news/2018/11/06/universities-still-struggle-make-websites-accessible-all +02: BOOKS. Gay, Greg et al. Professional Web Accessibility Auditing Made Easy. Ryerson University Pressbooks. 2016. https://pressbooks.library.ryerson.ca/pwaa/ Gay, Greg et al. Digital Accessibility as a Business Practice. Ryerson University Pressbooks. 2018. https://pressbooks.library.ryerson.ca/dabp/ +03: CASCADING STYLE SHEETS. The 'C' in CSS: The Cascade By Thomas Yip. "Following up from Geoff's intro article on The Second "S" in CSS, let's now move the spotlight to the "C" in CSS - what we call the Cascade…" https://css-tricks.com/the-c-in-css-the-cascade/ Grid Tile Layouts with auto-fit and minmax By Dave Geddes. "…Lemme show you the new & easy way to make perfect, responsive tile layouts with CSS Grid…" https://gedd.ski/post/tile-layouts/ Editorial Layouts, Floats, and CSS Grid By Dave Geddes. "CSS Grid is in many ways a dream come true, but there's at least one basic thing it can't do…" https://v6.robweychert.com/blog/2018/11/css-grid-editorial-layouts/ +04: EVALUATION & TESTING. Keyboard Testing Basics By Robert Jolly. "Keyboard testing is one of the most efficient, impactful, and easy tasks that any team member can do to find accessibility issues…" https://knowbility.org/blog/2018/keyboard-testing-basics/ Benchmarking in UX Research By Nikki Anderson. "Test how a website or app is progressing over time…" https://uxdesign.cc/benchmarking-in-ux-research-5188afe691bb The Three Types of Performance Testing By Harry Roberts. "…make performance testing regular and routine, I try to distill the types of testing that we do into three distinct categories: Proactive, Reactive, and Passive…" https://csswizardry.com/2018/10/three-types-of-performance-testing/ How to Test Visual Design By Kathryn Whitenton. "Visual design details like fonts and colors can have subtle but important effects on the overall user experience. Use research methods that are sensitive to these effects to test your visual design." https://www.nngroup.com/videos/how-test-visual-design/ +05: EVENTS. Interaction 19 February 3-8, 2019. Seattle, Washington, U.S.A. https://interaction19.ixda.org/ JSConf Hawai'i February 7-8, 2019. Honolulu, Hawaii, U.S.A. https://www.jsconfhi.com/ +06: MISCELLANEOUS. Tim Berners-Lee Ficks Off a 'Contract for the Web' to Protect the Future of the Internet By Hamza Shaban. "Tim Berners-Lee, the inventor of the World Wide Web, recently kicked off a global campaign to curb some of the harmful effects of Internet connectivity on society…" https://www.washingtonpost.com/technology/2018/11/06/tim-berners-lee-kicks-off-contract-web-protect-future-internet/ Improve Your Design Process in Discovery, Ideation, and Prototyping By Gleb Kuznetsov. "Each time a product team begins a new project, the list of things to do can be overwhelming…" https://www.uxbooth.com/articles/improve-your-design-process-in-discovery-ideation-and-prototyping/ 10 Things to Know About Chromebook Accessibility By Deborah Edwards-Onoro. "A number of new accessibility features have been added to the Chromebook with the latest release of Chrome OS, which rolled out over past couple weeks" https://www.lireo.com/10-things-to-know-about-chromebook-accessibility/ +07: NAVIGATION. Drop-Down Usability: When You Should (and Shouldn't) Use Them By Christian Holst. "Deciding when to use a drop-down - or when to use another interface type, such as a radio button interface or open text field - for a specific input can be tricky…" https://baymard.com/blog/drop-down-usability The Rules for Modern Navigation By Stephanie Lin. "…Let's consider these rules: Prioritize consistency, Design clear interactions, Avoid deep navigation, Design for responsive compatibility…" https://www.uxbooth.com/articles/the-rules-for-modern-navigation/ +08: SITES & BLOGS. We are Colorblind By Tom van Beveren, Kim van den Brink and Denver the Cat. "…We are Colorblind is dedicated to the more than 300 million people who are color blind…" https://wearecolorblind.com/ +09: TOOLS. AInspector WCAG for Firefox By Jon Gunderson. "Inspects web pages for features and issues related to WCAG 2.0 level A and AA requirements…" https://go.illinois.edu/ainspector-wcag HTML Notepad By Andrew Fedoniouk. "It is a WYSIWYG editor of structured documents: texts that have hierarchical and semantically meaningful (oxymoron, no?) structure: headers, list, plaintext islands, tables and so on…" https://html-notepad.com/ +10: USABILITY. Why You Should Use a Text Area for Address Form Fields By Anthony Tseng. "…By using a single text area instead of two text fields, you'll help users fill out the address field quicker…" https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/ Don't @ Me - UX of Notifications in 2019 By Moses Kim. "…Something as insignificant as a notification sent in the wrong time or manner can turn people away from the app…" https://shakuro.com/blog/ux_of_notifications/ Design Guidelines for Input Steppers By Yuxuan (Tammy) Zhou. "Reduce input effort for fields with values that deviate little from the default by allowing users to increase or decrease the number in a single button press. Avoid this GUI control for values with large variability." https://www.nngroup.com/articles/input-steppers/ UX Debt: How to Identify, Prioritize, and Resolve By Anna Kaley. "Like tech debt, UX debt piles up over time and, if left unaddressed, leads to compounding user problems and costly cleanup efforts. Agile teams can modify their processes to track and resolve UX debt." https://www.nngroup.com/articles/ux-debt/ The Difference Between Storyboard, User Journey and User Story By Desi Reuben-Sealey. "…All three definitions, Storyboard, User Story and User Journey are crucial in my opinion to the planning and production of whatever it is you are creating in the web… http://www.i3lance.co.uk/index.php/2015/02/04/the-difference-between-storyboard-and-user-journey-and-user-story/ Marketing: the Truly Original Fake News By Gerry McGovern. "Some marketers are deluded. Too much hype, spin, fake news…" http://gerrymcgovern.com/marketing-the-truly-original-fake-news/ [Section one ends.] ++ SECTION TWO: +11: 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.]