+++ WEB DESIGN UPDATE. - Volume 17, Issue 40, March 28, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 40 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: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Under-Engineered Toggles By Adrian Roselli. "Toggle buttons feel like a favorite way for devs and designers to show off their animation, design, and pun skills…" http://adrianroselli.com/2019/03/under-engineered-toggles.html Reduced Position Sticky By Scott O'Hara. "Last night I added a reduced motion media query for the header of the primary content of my website. I am using position: sticky (and position: -webkit-sticky for Safari) to make the content obscure the header, on scroll…" https://www.scottohara.me/note/2019/03/27/reduced-sticky.html Caption10: Part 1, Readable By Meryl K. Evans. "…Four things factor into readability: Size Color, Background, Font…" https://www.linkedin.com/feed/update/urn:li:activity:6515988072214073344 Caption10: Part 2, Accuracy By Meryl K. Evans. "…Great captions correctly capture everything that's said word-for-word…" https://www.linkedin.com/feed/update/urn:li:ugcPost:6516360826289475584/ Inclusive Forms: Anatomy of a (fictional) GOV.UK Service (Video) By Oliver Byford. "Working on the GOV.UK Design System has given Ollie a lot of opportunities to learn how to build accessible, inclusive government services." https://www.youtube.com/watch?v=JHaLzm-FGsc Leveling the Playing Field: We're all Differently Abled By Michael L. Hardman, Clifford J. Drew, and M. Winston Egan. "…When we build a web site, we have the ability to create an environment which can provide equivalent access to information and resources to everybody - or we can create an environment which takes that access away." https://www.joedolson.com/2019/03/leveling-the-playing-field-were-all-differently-abled/ Websites & Accessibility: Invest in Education By Rian Rietveld. "…The majority of people, even clients, will judge a website by its cover. And that's fine. Things start changing when you get someone who's blind to use a website…" https://level-level.com/blog/websites-accessibility-invest-in-education/ Dear Screen Reader Useres, Since Web developers Can't Automatically Detect If You're Using A Screen Reader, Why Don't You Just Hand That Data Over, The Apple Edition By Amanda Rush. "This is just as bad of an idea as Google's 'ask-for-alt-text' feature…" https://www.customerservant.com/dear-screen-reader-useres-since-web-developers-cant-automatically-detect-if-youre-using-a-screen-reader-why-dont-you-just-hand-that-data-over-the-apple-edition/ Accessibility Heuristics, V1.4 (PDF) By Denis Boudreau. "10 General Rules Of Thumb For Accessible Design" https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/ Why Using Wix and GoDaddy Increases Your Lawsuit Risk By Sheri Byrne-Haber. "…Businesses are NOT going to get accessible websites from either of Wix or Godaddy templates, and could end up in a lot of legal hot water if they are targeted by one of the drive-by lawsuit firms who are piling up those impressive lawsuit statistics…" https://medium.com/@sheribyrnehaber/web-businesses-why-using-wix-and-godaddy-increases-your-lawsuit-risk-dacad68399af Lawsuits: Domino's, Playboy Websites Aren't Accessible to Blind Users By Frank Witsil. "In thousands of cases that are testing the limits of the law and cyberspace, businesses are increasingly facing lawsuits that contend their websites aren't accessible to people who are blind and are in violation of federal disability mandates…" https://www.freep.com/story/news/local/michigan/2019/03/19/dominos-playboy-disability-ada-blind/2903564002/ Domino's To Ask Supreme Court To Consider Whether ADA Website/Mobile App Accessibility Lawsuits Violate Due Process By Minh N. Vu. "…The request was filed by a newly-engaged Supreme Court specialist which further confirms our conclusion that a petition will be filed. Justice Kagan granted the request, and Domino's Petition for Certiorari is due on June 14, 2019…" https://www.adatitleiii.com/2019/03/dominos-to-ask-supreme-court-to-consider-whether-ada-website-mobile-app-accessibility-lawsuits-violate-due-process/ +02: CASCADING STYLE SHEETS. Building a Dependency-Free Site in 2019 By Michelle Barker. "I re-built my personal site using just HTML, CSS and nothing else, just to see if that's possible in 2019 and it turns out it totally is." https://css-irl.info/building-a-dependency-free-site/ Fit For Purpose: Making Sense of the New CSS (Video) By Eric A. Meyer. "If 2017 was the year of new CSS capabilities, 2018 was the year of trying to figure out what to do with them all…" https://vimeo.com/316304916 Planning for Responsive Images By Chris Nwamba. "The first time I made an image responsive, it was as simple as coding these four lines…" https://css-tricks.com/planning-for-responsive-images/ +03: EVALUATION & TESTING. Think Like an Accessible UX Researcher, Part 1: Defining Your Research Problem By David Sloan. "…this is the first in a series of posts that will look at some specific topics covered by the book and how they might apply in a disability-focused research context…" https://developer.paciellogroup.com/blog/2019/03/think-like-an-accessible-ux-researcher-part-1-defining-your-research-problem/ Persona Spectrums: Building for Inclusion and Accessibility By Sarah Dzida. "Recently, I attended a pilot workshop about inclusion…" https://www.uxbooth.com/articles/persona-spectrums-building-for-inclusion-and-accessibility/ +04: EVENTS. Dark Adventures in Mobile Accessibility April 3, 2019. Online. https://twitter.com/TenonAPI/status/1110297800296841221/photo/1 XR Access July 15-16, 2019. New York, New York, U.S.A. https://www.xraccess.org/ An Event Apart Washington DC July 29-31, 2019. Washington D.C., U.S.A. https://aneventapart.com/event/washington-dc-2019 Leadership Exchange in Arts and Disability (LEAD®) August 5-7, 2019. Denver, Colorado, U.S.A. http://education.kennedy-center.org/education/accessibility/lead/conference.html That Conference August 5-8, 2019. Wisconsin Dells, Wisconsin, U.S.A. https://www.thatconference.com/ Digital Summit August 14-15, 2019. Minneapolis, Minnesota, U.S.A. https://minneapolis.digitalsummit.com/ UX Australia August 27-30, 2019. Sydney, Australia http://www.uxaustralia.com.au/conferences/ux-australia-2019 Paris Web October 10-12, 2019. Paris, France https://www.paris-web.fr/ +05: HTML. All About mailto: Links By Chris Coyier. "You can make a garden variety anchor link () open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider…" https://css-tricks.com/all-about-mailto-links/ Using
for Menus and Dialogs is an Interesting Idea By Chris Coyier "…there is an HTML element that also does toggles!
! For example, it's definitely the quickest way to build an accordion UI…" https://css-tricks.com/using-details-for-menus-and-dialogs-is-an-interesting-idea/ I Was Wrong About JavaScript-Free Dropdowns By Chris Ferdinandi. "…Scott explained to me that while those elements are perfectly valid for JavaScript-free accordions, they don't work for dropdown menus…" https://gomakethings.com/i-was-wrong-about-javascript-free-dropdowns/ HTML, CSS, and the Path to Accessible Web Design By Jennifer Riggins. "…when you consider the massive scale some websites can reach these days, maybe it's good to go back to the basics to make sure everyone can access everything we build…" https://thenewstack.io/html-css-and-the-path-to-accessible-web-design/ +06: JAVASCRIPT. Accessibility Challenges in Web apps By Marcus Herrmann. "…Be very clear and transparent about the input options of your app. Remember that the visual representation of a user input is not enough…Be very clear and transparent about the output of your app, especially when it its not accompanied with a full page reload, and especially when the output happened after some user input…" https://marcus.io/blog/a11y-challenges-of-webapps Readability is More Important than Brevity By Chris Ferdinandi. "Often, web developers are obsessed with brevity. There's this thing were developers will try to write the same function in the fewest number of characters possible. Personally, I think brevity is pointless…" https://gomakethings.com/readability-is-more-important-than-brevity/ +07: MISCELLANEOUS. The 'Define' Stage in Design Thinking By Sarah Gibbons. "User need statements, also called problem statements or point-of-view statements, are a powerful, fundamental tool for defining and aligning on the problem you are going to solve." https://www.nngroup.com/articles/user-need-statements/ Gutenberg and the Internet By Steven Pemberton. Steven Pemberton's keynote presentation at the Gutenberg and the Internet at Media Art Festival includes: the printing press, the internet, Moore's Law, and exponential growth. https://homepages.cwi.nl/~steven/Talks/2018/12-01-mediaart/ A Note From Your Colleagues With Hearing Loss: Just Use a Microphone Already By Jessie B. Ramey. "Dear colleague: Today at the faculty meeting, I really wanted to tell you something: "It's not about you." When you were offered the microphone to make your comments, you said, "No thanks, I'm good." But it's not about how you feel using a microphone. It's about how others can best hear…" https://www.chronicle.com/article/a-note-from-your-colleagues/245916 Developing Empathy: The Importance of Digital Accessibility Workshops By Robert Carr. "Imagine this: you're given a Ziploc bag filled with pieces of coloured paper of different shapes and sizes and 15 minutes to build something. What can you create?…" https://medium.com/cbc-digital-labs/developing-empathy-the-importance-of-digital-accessibility-workshops-18e40d79932a +08: NAVIGATION. Better Link Labels: 4Ss for Encouraging Clicks By Kate Moran. "Specific link text sets sincere expectations and fulfills them, and is substantial enough to stand alone while remaining succinct." https://www.nngroup.com/articles/better-link-labels/ +09: TOOLS. Color.Review By Anton Robsarve. Find, test and explore accessible colors. https://color.review/ Classic MS Paint, Revived By Isaiah Odhner. "A nice web-based MS Paint remake and more. …Try it out. …The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well…" https://github.com/1j01/jspaint +10: TYPOGRAPHY. All You Need to Know about Hyphenation in CSS By Richard Rutter. "…Hyphenation is a perfect example of progressive enhancement, so you can start applying the above…" http://clagnut.com/blog/2395 Busting The Dyslexia Myth (Video) By Alessia Nicotra and Bruno Maag. "…doctor doctor I have dyslexia. I'm a typeface designer and I can cure dyslexia with a new design…" https://www.youtube.com/watch?v=0YvHxMB35BE +11: USABILITY. Creating a UX Roadmap (Video) By Anna Kaley. "An effective UX roadmap can help teams maintain strategic direction, align with stakeholders, and prioritize ideas to respond to requests." https://www.nngroup.com/videos/creating-ux-roadmap/ +12: XML. Invisible XML Specification (Draft) By Steven Pemberton. "This is the current state of the ixml base grammar; it is close to final…" https://homepages.cwi.nl/~steven/ixml/ixml-specification.html [Section one ends.] ++ SECTION TWO: +13: 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.]