+++ WEB DESIGN UPDATE. - Volume 16, Issue 41, April 5, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 41 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: MISCELLANEOUS. 06: NAVIGATION. 07: TOOLS. 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. The Same, But Different: Breaking Down Accessibility, Universality, and Inclusion in Design By Matt May. "When Wendy Chisholm and I got together over a decade ago to write a book about web accessibility, the first thing we had to tackle was the title…" https://theblog.adobe.com/different-breaking-accessibility-universality-inclusion-design/ Data Tables By Heydon Pickering. "The first thing I was told when I embarked on learning web standards about twelve years ago was, 'don't use tables for layout'…" https://inclusive-components.design/data-tables/ Tables, JSON, CSS, ARIA, RWD, TLAs… By Adrian Roselli. "…I took a different approach here. I am using vanilla JavaScript to parse a pile of JSON into a table…" http://adrianroselli.com/2018/04/tables-json-css-aria-rwd-tlas.html Web Accessibility Complaints Dismissed after Rules Change by DOE Office of Civil Rights By C.P. Hoffman. "Education Advocate Marcie Lipsitt has filed more than 2,400 complaints with the Department of Education Office of Civil Rights (OCR) against schools and universities with websites that she says aren't accessible to individuals with disabilities. In mid-March, OCR changed the rules so that it can ignore Lipsitt's complaints…" https://www.levelaccess.com/web-accessibility-complaints-dismissed-rules-change-doe-office-civil-rights/ New Rules Let Ed Department Ignore Disability-Related Complaints By Hannah Lang. "Since January 2016, Marcie Lipsitt has filed 2,400 complaints with the U.S. Department of Education's Office for Civil Rights over web accessibility for people with disabilities…" https://www.disabilityscoop.com/2018/04/02/new-ignore-disability-complaints/24924/ Website ADA Lawsuits and Personal Jurisdiction By Klein Moynihan Turco. "Last week, a federal district court in the Commonwealth of Massachusetts denied a motion to dismiss based on personal jurisdiction in a website accessibility lawsuit brought under Title III of the Americans with Disabilities Act ('ADA')…" https://www.lexology.com/library/detail.aspx?g=638aca3a-5ba5-4e58-889a-0842af873d2c +02: CASCADING STYLE SHEETS. Focusing on Focus Styles By Eric Bailey. "Not everyone uses a mouse to browse the internet…" https://css-tricks.com/focusing-on-focus-styles/ Cropping Images with Object Fit (Video) By Jen Simmons. "If we want to create a layout where we specify both the height and width of an image, creating a flexible layout, we can use 'object-fit' to crop the image." https://www.youtube.com/watch?v=5CZyxnCdXuk Understanding Logical Properties And Values By Rachel Andrew. "n the past, CSS has tied itself to physical dimensions and directions, physically mapping the placement of elements to the left, right and top and bottom…" https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/ From Float to Flexbox By Amy Carney. "It only took me until 2018 to finally apply flexbox to a project…" https://carneydevelopit.wordpress.com/2018/03/29/from-float-to-flexbox/ +03: EVALUATION & TESTING. Why You Don't Need a Representative Sample in Your User Research By David Travis. "Engaging a representative sample of participants in user research sounds like a good idea but it is flawed…" https://www.userfocus.co.uk/articles/myth-of-the-representative-sample.html Content Performance Quotient By Luke Wroblewski. (Notes on Jeffrey Zeldman's Event Apart presentation) "…Content Performance Quotient (Design CPQ) is a metric of how quickly we can get the right content to solve the customer's problem. The shortest distance between problem & solution. This tracks your value to the customer by measuring the speed of usefulness…" https://www.lukew.com/ff/entry.asp?1988 Beyond Engagement: the Content Performance Quotient by Jeffrey Zeldman. Notes on Jeffrey's presentation By Jeremy Keith. "…If a customer spends 30 minutes on our site, was she engaged …or frustrated? Was it the beautiful typography and copy …or because she couldn't find what they wanted? If someone spends a long time on an ecommerce site, is it because the products are so good …or because search isn't working well?…" https://adactio.com/journal/13663 10 Things I Learned After 300+ A/B Tests By George Mavrommatis. "…I decided to write down my thoughts about my last 2 years of A/B testing and share my learnings with you…" https://uxplanet.org/10-things-i-learned-after-300-a-b-tests-aae18f748c7b +04: EVENTS. Autism and Accessibility, Design Challenges and Solutions April 17, 2018. Online. https://www.abilitynet.org.uk/news-blogs/upcoming-autism-and-accessibility-webinar CodeStock April 20-21, 2018. Knoxville, Tennessee, U.S.A. http://codestock.org/ iA Summit April 21-25, 2018. Chicago, Illinois, U.S.A. http://www.iasummit.org/ GOTO Chicago April 25-26, 2018. Chicago, Illinois, U.S.A. https://gotochgo.com/ +05: MISCELLANEOUS. The Making of 'Stylable - The Musical' By Bruce Lawson. "At the reportedly-excellent PerfMatters Conference on Tuesday, our Stylable - The Musical music video was unleashed in its world premiere. For those of you who missed this epoch-defining event, here it is…" http://www.brucelawson.co.uk/2018/the-making-of-stylable-the-musical/ +06: NAVIGATION. Designing Accessible Navigations By Nicholas Kramer. "Although we almost always think of a site's header when referring to navigation, it's important to remember that navigating a site is not only moving from page to page but also from section to section within individual pages…" https://uxplanet.org/designing-accessible-navigations-3b1a151d3bd7 Creating Accessible HTML: A Crash Course in ARIA Landmark Regions By Genevieve Nelson. "What if I told you there are a set of roles, states, and properties that enhance HTML for the purpose of accessibility…" https://c2experience.com/blog/2018/03/creating-accessible-html-a-crash-course-in-aria-landmark-regions/ +07: TOOLS. A11y Evaluation Tools List By Jose Hilera. "…list of tools that can be used to evaluate the accessibility of web content and non-web content (mobile applications, desktop applications, documents)…" https://docs.google.com/spreadsheets/d/10CTezA0iDdaWggaqxuHawj-5u8YXdZeWBJsIkuvJ364/edit#gid=347324347 New Accessibility Tools (in DevTools Chrome 65) By Kayce Basques. "Use the Accessibility pane on the Elements panel to investigate the accessibility properties of the currently-selected element…" https://developers.google.com/web/updates/2018/01/devtools#a11y +08: USABILITY. 4 Most Hated UI Tricks By Nick Babich. "1.) Pop-Ups… 2.) Infinite Scrolling … 3.) Push Notifications… 4.) Scroll Hijack…" https://www.webdesignerdepot.com/2018/03/4-most-hated-ui-tricks/ Here's everything I've learned from designing 10,000+ UI screens as a lead product designer By Jon Moore. "Here's everything I've learned from designing 10,000+ UI screens as a lead product designer…" https://medium.com/ux-power-tools/heres-everything-i-ve-learned-from-designing-10-000-ui-screens-as-a-lead-product-designer-7d2810bee810 UX In Contact Forms: Essentials To Turn Leads Into Conversions By Kate Sipkina. "…Is it OK to place a form in two columns?…Where should labels be placed?…Can we use placeholder text instead of a label?…How to lessen the cognitive load of a form?…Are buttons considered part of a form's UX?…Is it possible to ease the process of filling a form?…Does the user's location influence a form's UX?…" https://www.smashingmagazine.com/2018/03/ux-contact-forms-essentials-conversions/ Trust Versus Use By Gerry McGovern. "The recent Facebook personal data controversary raises two questions: How much is our privacy worth to us? How much is our convenience worth to us? It seems that we value convenience much more than we value privacy." http://gerrymcgovern.com/trust-versus-use/ Do You Really Know Why You Do What You Do? By Petter Johansson. "Experimental psychologist Petter Johansson researches choice blindness -- a phenomenon where we convince ourselves that we're getting what we want, even when we're not…" https://www.ted.com/talks/petter_johansson_do_you_really_know_why_you_do_what_you_do +09: XML. SVG Filtering for Windows High Contrast Mode By Adrian Roselli. "Two nearly back-to-back tweets this weekend reminded me that you can use CSS filters to mess with the colors of SVGs…" http://adrianroselli.com/2018/03/svg-filtering-for-windows-high-contrast-mode.html [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.]