+++ WEB DESIGN UPDATE. - Volume 17, Issue 19, December 18, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 26 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: DRUPAL. 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. I Threw Away My Mouse By Manuel Matuzovic. "Manuel Matuzovic shares how he ditched his mouse, going keyboard-only. He shares the results of his research on 200 different pages and the issues that impact keyboard-only users." https://www.24a11y.com/2018/i-threw-away-my-mouse/ Case Study - Podcast Becomes a WCAG 2.1 Implementation Site By Nicolas Steenhout. "Nicolas Steenhout shares the story of his podcast, A11Y Rules, how he made its website accessible through careful decisions about players and plugins, and the move to WCAG 2.1." https://www.24a11y.com/2018/podcast-wcag-2-1-implementation-site/ Making Content Usable for People with Cognitive and Learning Disabilities By W3C Cognitive and Learning Disabilities Task Force. "This document is for people who make Web content (Web pages) and Web applications. It give advice on how to make content useable for people with learning and cognitive disabilities…" W3C First Public Working Draft. https://www.w3.org/TR/2018/WD-coga-usable-20181211/ Inaccessibility Simply Gets Old By Kelly Ford. "…I'll just say, it is disappointing that near the end of 2018, a product search on a major retail company's web site still leads to every product reading'product tile large' with multiple screen readers." http://blog.kellyford.org/inaccessibility-simply-gets-old/ The Implementation of Web Accessibility Standards by Dutch Municipalities. Factors of Resistance and Support By Eric Martin Velleman. "There are laws and regulations in place requiring public sector bodies to adopt and implement international standards for web accessibility. Municipalities in the Netherlands have collectively adopted these standards. However, they often seem unable to fully implement web accessibility standards even if the law requires them to and they are actively pursuing it…" https://www.researchgate.net/publication/329509854_The_Implementation_of_Web_Accessibility_Standards_by_Dutch_Municipalities_Factors_of_Resistance_and_Support/download Congress Votes For Better Government Websites, Digital Services By nextgov. "…the Senate passed the 21st Century Integrated Digital Experience Act, or 21st Century IDEA, which sets minimum standards for accessibility, ease of use and security of government websites. The bill now heads to the president's desk to be signed into law." https://www.nextgov.com/it-modernization/2018/12/congress-votes-better-government-websites-digital-services/153478/ Web Accessibility Suits & Settlements in 2018 By Rakesh Paladugula. "…Plaintiffs filed 4965 federal ADA Title III lawsuits in first 6 months of 2018. Among this large numbers are web accessibility suits and settlements. If the trend continues, it is expected to reach 10,000 cases with an approximate increase of 30% from 2017…" https://www.maxability.co.in/2018/12/web-accessibility-suits-and-settlements-in-2018/ +02: CASCADING STYLE SHEETS. Inclusive Considerations When Restyling Form Controls By Scott O'Hara. "Scott O'Hara hogs the remote while he looks into the ever-present issue of custom form controls. We might brute-force an element to take on the styling we're looking for, but will that interaction still make sense for all users? Let's give the batteries a rub and find out…" https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/ Researching a Property in the CSS Specifications By Rachel Andrew. "Rachel Andrew shows us which direction is up on a gift that looks great but comes with complex instructions. Like most operating manuals CSS specifications can seem overwhelming, but it turns out that some of the most daunting tasks can be simple when you know what you're doing…" https://24ways.org/2018/researching-a-property-in-the-css-specifications/ The Visibility Property Isn't Just About Visibility By Ire Aderinokun. "…Although the visibility property may seem to only affect visual visibility, we can see that it does much more than that." https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/ +03: COLOR. Designing with the Colorblind in Mind Will Improve Your Design for Everyone By Tom van Beveren. "…About 4% of the population has some form of color blindness. One in 12 men and 1 in 200 women are color blind and face challenges with a lot of online products like websites, apps, games, and webshops in their daily life…" https://medium.com/we-are-colorblind/designing-with-the-colorblind-in-mind-will-improve-your-design-for-everyone-5c25ecfcde64 +04: EVENTS. Web Accessibility Evaluation for Non-Technical Users January 7, 9, and 11, 2019. Online http://disability.illinois.edu/academic-support/accessible-it-group/badging Web Accessibility Evaluation for Technical Users January 14, 16, and 18, 2019. Online http://disability.illinois.edu/academic-support/accessible-it-group/badging +05: JAVASCRIPT. Accessible Name and Description Computation 1.1 By W3C ARIA Working Group. "This document describes how user agents determine the names and descriptions of accessible objects from web content languages…" https://www.w3.org/TR/accname-1.1/ Using the aria-roledescription Attribute By Léonie Watson. "The aria-roledescription attribute changes the way screen readers announce the role of an element. Intended to give authors a way to provide a localised and human-readable description for a role, it has the capacity to both enhance and seriously break accessibility for screen reader users…" https://tink.uk/using-the-aria-roledescription-attribute/ Using aria-live By Ire Aderinokun. "Many web pages today have their content dynamically changed using Javascript…If applied incorrectly, the aria-live attribute can do more harm than good. So, it's important to take into account a few things if we want to use it…" https://bitsofco.de/using-aria-live/ JavaScript and Civil Rights By Marcy Sutton. "As developers of web applications and websites, we create interfaces for people to use (for the most part). In doing so, we have a responsibility to make our applications not only usable by those people, but also to avoid infringing on their rights…" https://www.deque.com/blog/javascript-and-civil-rights/ What's the difference between JavaScript event delegation, bubbling, and capturing? By Chris Ferdinandi. "…event delegation is the technique, bubbling is what the event itself does, and capturing is a way of using event delgation on events that don't bubble…" https://gomakethings.com/whats-the-difference-between-javascript-event-delegation-bubbling-and-capturing/ +06: MISCELLANEOUS. Accessibility and Inclusion with the World's Most Popular Communication Tool: Email By Jason Rodriguez. "Jason Rodriguez shares some best practices on creating more accessible and inclusive email campaigns, routinely ranked as one of the world's most valuable marketing channels, yet very little work has been done to make it more accessible for under-represented groups." https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/ +07: TOOLS. ANDI (Accessible Name & Description Inspector) Bookmarklet By Social Security Administration. "Navigate to the page to be tested. Launch ANDI by clicking on the favorite/bookmark labelled "ANDI". ANDI will be inserted onto the page. https://www.ssa.gov/accessibility/andi/help/install.html Document Accessibility Toolbar (DAT) By Vision Australia. "An innovation that revolutionises the ease and speed of creating accessible documents in Microsoft Word, the Document Accessibility Toolbar (DAT) supports individuals and organisations to embrace accessibility as 'business as usual' at no cost…" https://www.visionaustralia.org/services/digital-access/document-accessibility-toolbar ColourMap - Colour Blind Helper By Pierre Frederiksen. "ColorMap can help colour blind users in reading maps, seating plans and other content where colour is used to convey information…" https://www.visionaustralia.org/services/digital-access/resources/colourmap +08: USABILITY. The Dark Side of Simplicity By Gerry McGovern. "…Simplicity sucks energy…Simplicity creates insecurity…Simplicity creates dependency…Simplicity is manipulative…Simplicity is addictive…Some things are worth the effort. If you're not thinking then someone is thinking for you…The ethical thing to do is to help people make good decisions for their lives, their futures. Stripping away the complexity that confuses and frustrates is always great. But making it simple just so as people will spend more and more of their time and money, just so as to get more data from them in order to exert greater control over them, is unethical…" http://gerrymcgovern.com/the-dark-side-of-simplicity/ Can Users Control and Understand a UI Driven by Machine Learning? By Raluca Budiu. "In a study of people interacting with systems built on machine-learning algorithms, users had weak mental models and difficulties making the UI do what they want." https://www.nngroup.com/articles/machine-learning-ux/ [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.]