+++ WEB DESIGN UPDATE. - Volume 18, Issue 17, October 24, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 17 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: MISCELLANEOUS. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Stop Giving Control Hints to Screen Readers By Adrian Roselli. "…for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are…" https://adrianroselli.com/2019/10/stop-giving-control-hints-to-screen-readers.html Fata Morganas in Accessibility By Marcus Herrmann. "…sometimes these new techniques turn out to be some kind of fata morganas, or solutions that are not yet ready for prime-time…" https://marcus.io/blog/fata-morganas-in-a11y Accessible by Default: Peppa Pig By Scott Vinkle. "How a children's cartoon incorporates accessibility best practices (Audio Descriptions) to be more inclusive…" https://scottvinkle.me/blogs/blog/accessible-by-default-peppa-pig WCAG 2.1 By Aron Janecki. "This document is my personal interpretation of WCAG 2.1…" https://docs.google.com/document/d/14_StNdEJ1Y530nWKSfSM0NoN6LtOxdpKsyN9G0-AZ9M Subtitle Guidelines By British Broadcasting Corporation (BBC). "…The Subtitle Guidelines describe best practice for authoring subtitles and provide instructions for making subtitle files for the BBC…" https://bbc.github.io/subtitle-guidelines/ Bad Standards and Worse Practices (Video) By Karl Groves. "…Recently there's been some discussion around a Medium post that presents "A New Alternative to WCAG: Web Accessibility Standards (WAS)…" https://www.youtube.com/watch?v=76WT_LpcX9g Taco Bell Faces Federal Trial Over Alleged ADA Violations in Mobile App By Zach Schlein. "U.S. District Judge Ursula Ungaro scheduled trial proceedings for April 2020 in Windy Lucius' suit against the fast-food chain…" https://www.law.com/legaltechnews/2019/10/16/taco-bell-faces-federal-jury-trial-over-alleged-ada-violations-in-its-mobile-app-397-26320/ Accessibility is Part of the Job By Ben Buchanan. "…If you find anyone trying to 'understand who the Dominos case applies to' it's pretty simple: If you use a website to take money from people, you should make that site accessible…" https://weblog.200ok.com.au/2019/10/accessibility-is-part-of-job.html Accessibility, the Future, and Why Domino's Matters By Kate Cox. "Is the Web subject to the ADA? 'Of course,' says congressman who wrote the ADA…" https://arstechnica.com/tech-policy/2019/10/accessibility-the-future-and-why-dominos-matters/ Domino's Pizza v. Guillermo Robles, No. 18-1539 By Jack McElaney. "The widely anticipated decision from the US Supreme Court regarding the Ninth Circuit's Robles v. Domino's case was announced on October 7, 2019…" https://www.microassist.com/digital-accessibility/dominos-pizza-guillermo-robles/ +02: CASCADING STYLE SHEETS. Why Isn't This CSS Doing Anything? (Video) By Miriam Suzanne. "Have ever set a width in CSS, and… nothing happens? It happened to me again, right after I filmed this video. There are a number of property & value combinations that can lead to CSS being inactive, and now Firefox will tell you why. Open the developer tools, and look for the greyed-out property with an info-box on hover." https://www.youtube.com/watch?v=O3DAm82vIvU Two-values for the display Property By Rachel Andrew. "If you have Firefox 70 you can try out the new two-value syntax for display…" https://codepen.io/rachelandrew/pen/wvvgXVr +03: COLOR. Color Alone, Color Contrasts, Color Conflicts (Video) By Luis Garcia. "Luis Garcia, Senior Product Manager for Accessibility at eBay, discusses the various color guidelines in WCAG and how fixing one issue may just create another issue in the same page." The slide deck is available. https://www.youtube.com/watch?v=D_Ewrd5czwM Designing Accessible Color Systems By Daryl Koopersmith and Wilson Miner. "Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens. With this in mind, we recently updated the colors in our user interfaces to be more accessible…" https://stripe.com/blog/accessible-color-systems +04: DRUPAL. Breaking Barriers with Your CMS By Hidde de Vries. "A couple of weeks ago, I joined the Fronteers Jam Session to talk about something that I've been working on in the last couple of months: the ways in which CMSes can bring accessibility benefits. This is a written version of that talk…" https://hiddedevries.nl/en/blog/2019-10-21-breaking-barriers-with-your-cms +05: EVALUATION & TESTING. Does Coloring Response Categories Affect Responses? By Jeff Sauro. "Survey response options come in all sorts of shapes, sizes, and now, colors…" https://measuringu.com/coloring-responses/ Thematic Analysis of Qualitative User Research Data (Video) By Maria Rosala. "User research generates masses of qualitative data in the form of transcripts and observations that can be summarized and made actionable through thematic analysis to identify the main findings." https://www.nngroup.com/videos/thematic-analysis-qualitative-user-research-data/ +06: EVENTS. The Latest XR Accessibility Findings - Thomas Logan at the Cooper Hewitt November 12, 2019. New York, New York, U.S.A. https://www.meetup.com/A11yNYC/events/265881276/ Making Mobile Accessible January 9, 2020. Online https://www.eventbrite.com/e/making-mobile-accessible-free-webinar-registration-73703556321 Web Accessibility for Drupal January 15, 2020. Ottawa, Ontario, Canada https://www.eventbrite.ca/e/web-accessibility-for-drupal-tickets-75720830041 StrategicA11y - Strategic Web Accessibility Workshop January 22-24, 2020. Logan, Utah, U.S.A. https://webaim.org/training/strategica11y/ Austin UX Conference January 27-31, 2020. Austin, Texas, U.S.A. https://www.nngroup.com/training/austin/ +07: HTML. Do This to Improve Image Loading on Your Website (Video) By Jen Simmons. "Ever since responsive web design started, we've had a problem with the way images load on the web. Now, Firefox is fixing the problem. Add width & height attributes to all your images, and see load jankiness disappear. Jen Simmons explains how." https://www.youtube.com/watch?v=4-d_SoCHeWE +08: MISCELLANEOUS. History of Web Design Quiz By Web Design Museum. "When was the world's first website created?…" https://www.webdesignmuseum.org/quizzes/history-of-web-design-quiz +09: TOOLS. Top 80 Web Accessibility Resources & Tools By Matt Ahlgren. "This collection of 80 web accessibility resources is aimed at anyone interested in learning how to design, develop and test inclusive and accessible websites, apps and online documents…" https://www.websitehostingrating.com/web-accessibility-resources-tools/ +10: TYPOGRAPHY. Accessible Drop Caps By Adrian Roselli. "Since the early days of the web, when images could be floated and text would wrap around them, designers have wanted to bring drop caps onto the web…" https://adrianroselli.com/2019/10/accessible-drop-caps.html +11: USABILITY. Hiding content behind expando features to keep a design 'clean' is offloading the burden to users. By Adrian Roselli. "If the design is too busy with all the necessary content, fix the design. Yes this applies to tabs,
/, etc. Yes there are edge cases." https://twitter.com/aardrian/status/1186261402434052096 Branding Doesn't have to be Propaganda By Gerry McGovern. "The greatest brands tell the biggest lies…Unless you need to lie to customers, your branding is your simplicity. Your branding is your usefulness. Every time a customer can find something quickly and easily, that's branding. If the product you make starts every single time without fail, that's branding. Transparent pricing is branding. Great customer service is branding. Branding can be about what is good and what is useful. Branding can be about the truth." http://gerrymcgovern.com/branding-doesnt-have-to-be-propaganda/ Changes in How Senior Citizens Use Computers (Video) By Lexie Kane. "Our new user research with seniors (users aged 65 and up) shows 3 major shifts in how they use computers, compared with our first research with this audience, 20 years ago. Design for today's older users, and not for your stereotype of how these users used to be." https://www.nngroup.com/videos/changes-seniors-computers/ Service Blueprinting in Practice: Who, When, What By Alita Joyce and Sarah Gibbons. "UX practitioners associate the term 'service blueprinting' with an artifact, framework, or collaborative tool. Those surveyed used service blueprints early on or near the end of the product-design lifecycle." https://www.nngroup.com/articles/service-blueprinting-practice/ How to Measure Learnability of a User Interface By Alita Joyce. "To measure learnability, determine your metric, gather your data, and plot the averages on a line curve. Analyze the learning curve by looking at its slope and its plateau." https://www.nngroup.com/articles/measure-learnability/ Why Service Design (Video) By Alita Joyce. "A service design perspective is needed to avoid fragmenting the long-term customer experience by individual (but uncoordinated) touchpoints, provided by siloed internal teams." https://www.nngroup.com/videos/why-service-design/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. https://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: https://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.]