+++ WEB DESIGN UPDATE. - Volume 18, Issue 14, October 2, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 14 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: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 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. Closing the Accessibility Gap By Glenda Sims and Jennie Delisi. "Find in-depth information on what digital accessibility is, why it is important, and how to apply it to your work." http://mn.gov/mnit/media/blog/index.jsp?id=38-403322 Road to Digital Accessibility By Minnesota IT Services. "It is clear that digital accessibility is a good thing. What is not clear is what to do when you hit a rough patch. Learn how to keep moving down the road to digital accessibility." https://mn.gov/mnit/media/blog/?id=38-403317 Screen Reader User Survey #8 Results By WebAIM. "In August - September 2019, WebAIM surveyed preferences of screen reader users. We received 1224 valid responses. This was a follow-up to 7 previous surveys that were conducted between January 2009 and October 2017…" https://webaim.org/projects/screenreadersurvey8/ Accessibility and Usability By Sheri Byrne-Haber. "Tightly related but very independent UI/UX/CX concepts. Definitely NOT interchangeable." https://medium.com/@sheribyrnehaber/accessibility-and-usability-591d4534e3bc How We Do Our Work Matters: Accessibility and Inclusive Design By Derek Featherstone. "Many people use accessibility and inclusive design as interchangeable terms. However, they are not the same thing. Accessibility is an outcome, and inclusive design is a process…" https://levelaccess.com/how-we-do-our-work-matters-accessibility-and-inclusive-design/ TIO Team Completes Assessment of AI-Driven Transcription By Carlos Solís, Texas State University. "Technology Innovation Office embarked on a study to determine the cost of implementing an AI-driven platform that would leverage speech to text services to produce captions…The team put a random set of previously captioned files through the AI-driven speech to text services provided by AWS, Google Cloud Platform, IBM/Watson and Microsoft Azure, deriving accuracy and cost measures from the output…" http://doit.wp.txstate.edu/2019/08/09/tio-team-completes-assessment-of-ai-driven-transcription/ Enhancing the Clickable Area Size By Ahmad Shadeed. "Have you ever tried to click or tap on an element (e.g.: button, link) and you realize that it doesn't respond until you click on a specific area of it…" https://ishadeed.com/article/clickable-area/ Accessibility Statement - Accessibility Information Page By Mike Gifford. "…Accessibility statements can be useful as a step help defend yourself against accessibility lawsuits (especially in the USA) but what is important is demonstrating that you are actively working to reduce barriers for your users…" https://github.com/accessibility/Accessibility-Statement The Huge Cost of Ignoring Accessibility When Designing Your Website By Greg Williams. "Digital equality - or access to the internet by making it accessible to everyone, including those with disabilities - is a serious moral and ethical issue. If left unchecked, digital inaccessibility can also be expensive and harmful to your brand…" https://thenextweb.com/podium/2019/09/27/the-huge-cost-of-ignoring-accessibility-when-designing-your-website/ Blind Woman Files Employment Discrimination Suit against Amazon.com By National Federation of the Blind. "Maryann Murad, a blind Howell resident, and the National Federation of the Blind, the nation's oldest and largest organization of blind Americans, have filed suit in the Federal District Court for the Eastern District of Michigan against Amazon.com for employment discrimination…" https://www.nfb.org/about-us/press-room/blind-woman-files-employment-discrimination-suit-against-amazoncom Amazon Complaint and Demand for Jury Trial (PDF) By U.S. District Court for the Eastern District of Michigan Southern Division. https://browngold.com/old-news-pdfs/1%20Complaint%20%20Jury%20Demand%2009.03.19%20ACE.pdf Core Accessibility Concerns for Human Resources By Karl Groves. "On September 3, 2019, Maryann Murad and the National Federation of the Blind (NFB) filed a lawsuit against Amazon.com for Employment discrimination…" https://karlgroves.com/2019/09/25/core-accessibility-concerns-for-human-resources Domino's Wants to Slice Away at the Americans With Disabilities Act By Richard Supple. "The possibility that the Supreme Court might decide that Domino's doesn't have to make its website accessible fills me with dread-and not because I love its pizza…" https://slate.com/technology/2019/09/supreme-court-dominos-web-accessibility-visually-impaired.html Claims For Trespass: A New Trend In Website Accessibility Cases Filed In Florida? By Cole Schotz. "…the plaintiff suing for trespass, in a website accessibility case, essentially alleges that his computer or cellular phone contains personal information and browsing history and that each time the plaintiff would have visited a given defendant's website, that defendant would have employed software analytics present on the website, which the plaintiff navigated, software which the plaintiff will maintain he did not consent to or know of given his inability to fully view and access the website…" https://www.jdsupra.com/legalnews/claims-for-trespass-a-new-trend-in-33751/ +02: CASCADING STYLE SHEETS. Wanna fix about 35 to 40% of navigation accessibility issues for sighted keyboard users at once? By Denis Boudreau. "Go to your CSS and get rid of every occurrence of: {outline: none;} or {outline: 0;}. Stop taking the visible focus indicator away from end users. Yeah. It's really that simple." https://twitter.com/dboudreau/status/1179180738995982336 Mozilla Developer (Hat tip to Jen Simmons) By Mozilla. New YouTube channel about web design and development - tools and techniques, what's new, best practices…" https://www.youtube.com/channel/UCh5UlGiu9d6LegIeUCW4N1w +03: EVALUATION & TESTING. How To Get Development on Board With Accessibility Testing By Dylan Barrell. "…Once developers are motivated and understand the importance of accessibility and are equipped with the right tools, accessibility can transform from a burden into the only way to code." https://www.deque.com/blog/how-to-get-development-on-board-with-accessibility-testing/ How to Analyze Qualitative Data from UX Research: Thematic Analysis By Maria Rosala. "Identifying the main themes in data from user studies - such as: interviews, focus groups, diary studies, and field studies - is often done through thematic analysis." https://www.nngroup.com/articles/thematic-analysis/ Five Scales to Measure Customer Satisfaction By Jeff Sauro. "While customer satisfaction may be thought of as one concept, there's isn’t a single 'official' way to measure it…" https://measuringu.com/csat-scales/ 10 Things to Know About the Microsoft NSAT Score By Jeff Sauro. "…Here are ten things to know about this measurement of satisfaction…" https://measuringu.com/microsoft-nsat/ +04: EVENTS. Growing Accessibility and Inclusion Through Design Systems October 8, 2019. Online. https://levelaccess.zoom.us/webinar/register/7015680806762/WN_MG5l9d2HTkazcBS_ig0kfg 2019 Central Wisconsin IT Conference October 12, 2019 Stevens Point, Wisconsin, U.S.A. https://cwitc.org/ ffconf November 9, 2019. Brighton, England, United Kingdom https://2019.ffconf.org/ 2019 National Federation of the Blind of Texas Convention November 15-17, 2019. Austin, Texas, U.S.A. https://www.nfbtx.org/events.php?id=57 The Best Way to Create Audio Description November 21, 2019. Online https://go.3playmedia.com/wbn-11-21-2019-equalentry +05: HTML. WHATWG Accessibility GitHub Team By Anne van Kesteren. "…in order to make following accessibility-related matters easier across WHATWG standards there's a GitHub team named whatwg/a11y that's open to anyone to join and will be copied on relevant issues…" https://lists.w3.org/Archives/Public/public-apa/2019Sep/0061.html Short Note on When is a Table a Table? By Steve Faulkner. "Did u know that some browsers make 'an educated guess' to determine if a is a data table or a layout table? That affects whether or not it is exposed to #a11y APIs…" https://codepen.io/stevef/post/short-note Create a Semantic 'breakout' Button to Make an Entire Element Clickable By Andy Bell. "…You should absolutely never attach a click event to a
element, though, even if you sprinkle it with aria roles to 'fake' a real button. Although this is technically possible, if assistive technology doesn't support the aria roles in question, the user will just get
s and nothing else. Not cool…" https://hankchizljaw.com/wrote/create-a-semantic-breakout-button-to-make-an-entire-element-clickable/ How (Not) to Build a Button By Ben Myers. "…One common antipattern, especially in a framework-driven world, is adding click event listeners to HTML elements that aren't usually clickable. Let's call this the clickable div antipattern, even though the elements don't have to be
elements…" https://blog.benmyers.dev/clickable-divs/ +06: INFORMATION ARCHITECTURE. Treemaps: Data Visualization of Complex Hierarchies By Page Laubheimer. "A treemap is a complex, area-based data visualization for hierarchical data that can be hard to interpret precisely. In many cases, simpler visualizations such as bar charts are preferable." https://www.nngroup.com/articles/treemaps/ +07: JAVASCRIPT. Angular and Accessibility: Issues and Strategies By Mark Steadman. "…While the approach and key concerns are largely the same in Angular as with other web content when trying to meet WCAG standards, it is important to understand the key accessibility issues that exist within Angular…" https://www.deque.com/blog/angular-and-accessibility-issues-and-strategies/ Practical Ways to Write Better JavaScript By Ryland Goldstein. …I don't see enough people talking about practical ways to improve at JavaScript. Here are some of the top methods I use to write better JS… https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/ +08: MISCELLANEOUS. Happy 25th Anniversary, World Wide Web Consortium By Coralie Mercier. "…Sir Tim Berners-Lee, our Director and the inventor of the World Wide Web, founded the Web Consortium on this day, 1 October 1994 to ensure the long-term growth of the Web…" https://www.w3.org/blog/2019/10/happy-25th-anniversary-world-wide-web-consortium/ W3C Turns 25, I Make It About Me By Adrian Roselli. "In 1994 the World Wide Web Consortium (W3C) formed to help wrangle the web into a standards-based platform…" http://adrianroselli.com/2019/10/w3c-turns-25-i-make-it-about-me.html Design Thinking and Agile (Video) By Rachel Krause. "The design thinking project life-cycle has 6 well-defined stages. Mapping these stages onto a typical Agile development project shows when designers should conduct which UX activities." https://www.youtube.com/watch?v=n397Pv46Ouk October A11y Awareness Trivia Contest By The Paciello Group. "In honor of National Disability Employment Awareness Month TPG is hosting a trivia contest…" https://www.paciellogroup.com/october-a11y-awareness-trivia-contest/ Into the Web Multiverse By Christian Heilmann. "…We have a chance to make it easier for everyone to create quality products for all end users. We have open source platforms with open communication channels that power the web. We accumulated a lot of knowledge, why not add it to our tools to teach the creators of the web in context?" https://christianheilmann.com/2019/09/25/into-the-web-multiverse/ +09: TOOLS. Button Contrast Checker By Aditus. "Enter your domain and we test if your buttons have enough contrast and are compliant with WCAG 2.1…" https://www.aditus.io/button-contrast-checker/ Deque Systems Announces Availability of axe Pro By Deque. "…Axe Pro features enable developers to run both automated and intelligent guided tests against their websites and applications, helping ensure they are accessible to all users, including people with disabilities…" https://www.deque.com/blog/deque-announces-axe-pro/ +10: USABILITY. Usability Heuristic 9: Help Users Recognize, Diagnose and Recover from Errors (Video) By Kate Moran. "No. 9 of the top 10 UX design heuristics is to write error messages that help users understand the problem and to provide information that constructively teaches users how to recover from the error." https://www.youtube.com/watch?v=cCun-ReLTFI Usability Heuristic 10: Help and Documentation (Video) By Maria Rosala. "No. 10 of the top 10 UX design heuristics is provide user assistance at appropriate times in the interaction, making sure that such information is easy to search, focused on the user's task, lists concrete steps to be carried out, and not too large." https://www.youtube.com/watch?v=iIQVRzatb50 [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.]