+++ WEB DESIGN UPDATE. - Volume 17, Issue 40, March 28, 2019.

David Dillard
 



 

+++ 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/

Building Accessible Websites and Apps is a Moral Obligation 
By Chris Ferdinandi.
"Let's say there are two ways to frame a house. One of them is simpler and faster, but about 20% of the houses randomly collapse after a couple of years. But there's a second approach, a bit slower, a bit more work, that keeps those houses standing for 100 years or more. Would you say the builder has a moral obligation to not build a house that's going to collapse on people?…"
https://gomakethings.com/building-accessible-websites-and-apps-is-a-moral-obligation/

Accessibility Heuristics, V1.4 (PDF)
By Denis Boudreau.
"10 General Rules Of Thumb For Accessible Design"
https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/

W3C Strategic Highlights: Web for All (Web Accessibility)
By Amy van der Hiel.
"W3C 'Web Content Accessibility Guidelines (WCAG)  2.1', which became a W3C Recommendation in June, has been adopted for web content, electronic documents, and non-web software, such as native mobile applications by the three official European Standards Organizations, CEN, CENELEC, and ETSI…"
https://www.w3.org/blog/2019/03/w3c-strategic-highlights-web-for-all-web-accessibility/

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 (<a>) 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 <details> for Menus and Dialogs is an Interesting Idea
By Chris Coyier
"…there is an HTML element that also does toggles! <details>! 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:lcar...@d.umn.edu 


[Issue ends.]

 

Join Tourism@groups.io to automatically receive all group messages.