[webdev] Web Design Update: July 13, 2017

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[webdev] Web Design Update: July 13, 2017

David Dillard
Administrator



.



Date: Thu, 13 Jul 2017 06:20:04 -0500
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
Subject: [webdev] Web Design Update: July 13, 2017




+++ WEB DESIGN UPDATE.


- Volume 16, Issue 03, July 13, 2017.



An email newsletter to distribute news and information about web
design and development.




++ISSUE 03 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: BOOKS.

03: CASCADING STYLE SHEETS.

04: EVENTS.

05: HTML5.

06: JAVASCRIPT.

07: NAVIGATION.

08: USABILITY.




SECTION TWO:



09: What Can You Find at the Web Design Reference Site?




[Contents ends.]




++ SECTION ONE: New references.




+01: ACCESSIBILITY.




Disabled Buttons Suck

By Hampus Sethfors.

"Showing buttons as disabled until a form is complete might seem like
a good idea. It is not..."

https://axesslab.com/disabled-buttons-suck/



Why Accessibility Matters

By Isaac Zepeda.

"...My first thought was because it's been imposed by the law, but
something inside me (and with help of my teammates) told me that that
isn't enough reason, we shouldn't doing it because the law tells you
so, but rather because it is the right and moral thing to do..."

https://medium.com/points-san-francisco/ 
why-accessibility-matters-7ca6762ec0b5



Accessible Media Player Resources and Demos (Updated)

By Henny Swan.

"...Last updated July 7th, 2017 to include the Web Experience Project
media player and captioning legal requirements from the USA..."

http://www.iheni.com/accessible-media-player-resources/



Florida Federal Court Rules That Winn-Dixie's Website Violated the ADA

By Thomas J. Barton.

"Retailers throughout the country have been besieged by lawsuits and
demand letters alleging that their websites are not accessible to the
visually impaired and that this lack of accessibility violates Title
III of the Americans with Disabilities Act (ADA)..."

https://www.natlawreview.com/article/ 
florida-federal-court-rules-winn-dixie-s-website-violated-ada



Web Accessibility for Grocers: Winn-Dixie Wasn't Paying Attention

By The Law Office of Lainey Feingold.

"...If Winn-Dixie had been paying attention, it would have known over
three years ago that grocery chains were making their websites
accessible. Winn-Dixie should not have waited for the legal knock on
the door. When it came, it should not have put up a fight..."

http://www.lflegal.com/2017/07/grocery-access/



Rejected By the Los Angeles Times

By The Law Office of Lainey Feingold.

"On June 23, 2017, the Los Angeles Times published an op-ed titled 'Is
your company's website accessible to the disabled? You'd better hope
so.' The piece was mean spirited and full of inaccuracies about web
accessibility..."

http://www.lflegal.com/2017/07/la-times/



City of Miami Settles Website Accessibility Lawsuit

By Wireupdate.

"The City of Miami and Mr. Eddie Sierra, a local disability advocate,
have entered into a federal Consent Decree that guarantees the deaf
and hard of hearing will now have equal access to video content on
city's website..."

https://www.wireupdate.com/2017/07/10/ 
city-of-miami-settles-website-accessibility-lawsuit/




One Activist Has Hundreds of Colleges Under the Gun to Fix Their Websites

By Peter Schmidt.

"...Since early last year Ms. Lipsitt has asked the Education
Department's Office for Civil Rights to investigate more than 360
colleges for online violations of the Americans With Disabilities Act,
which bars discriminatory practices, and the Rehabilitation Act, which
requires equal access to the websites of programs receiving a federal
subsidy. Only Princeton University has been cleared of wrongdoing by
the civil-rights office, based on the conclusion that its problems
were minor and already being fixed. At least 20 colleges have signed
agreements with the agency pledging to fix the accessibility problems
that it identified...."

http://www.chronicle.com/article/One-Activist-Has-Hundreds-of/240551




+02: BOOKS.




Lazar and Stein, editors.

"Disability, Human Rights, and Information Technology",

University of Pennsylvania Press, 2017.




+03: CASCADING STYLE SHEETS.




CSS Fonts Module Level 4

By W3C, John Daggett and Myles C. Maxfield, editors.

"This specification defines modifications to the existing CSS Fonts 3
specification along with additional experimental features."

https://www.w3.org/TR/2017/WD-css-fonts-4-20170711/



Let's Talk About Speech CSS

By Eric Bailey.

"...Unfortunately, current support for CSS speech is limited. But
learning what it can and can't do, and the situations in which it
could be used is still vital for developers. Thoughtful and
well-considered application of CSS is a key part of creating robust
interfaces for all users, regardless of their ability or
circumstance."

https://css-tricks.com/lets-talk-speech-css/



How To Use CSS Custom Properties To Write More Readable Code

By Steven Bradley.

"Before being interrupted by the birthday of the United States, I was
talking about CSS custom properties, which if you remember, allow you
to create variables directly in CSS instead of having to use
preprocessors..."

http://vanseodesign.com/css/custom-properties-and-readability/




+04: EVENTS.




Jeremy Keith Keynote: Resilience in Web Development

July 14, 2017.

Bloomington, Minnesota, U.S.A.

https://www.eventbrite.com/e/jeremy-keith- 
keynote-resilience-in-web-development-tickets-36074686358



Demystifying Eye-Tracking for UX Research

July 19, 2017.

Online.

http://uxpa.org/event/webinars



Digital Accessibility: Enabling Participation in the Information Society

Starts October 9, 2017. (5 week course)

Online

https://www.futurelearn.com/courses/digital-accessibility




+05: HTML5.




CFC: Make Previous Versions of HTML and XHTML Obsolete

By Léonie Watson.

"This is a Call For Consensus (CFC) on the proposal to mark previous
versions of HTML and XHTML obsolete..."

https://github.com/w3c/WebPlatformWG/issues/86




+06: JAVASCRIPT.




How to Label Shadow DOM (Video)

By Rob Dodson.

"Shadow DOM is a newer web platform feature that lets you scope your
CSS and markup. This is great for preventing style leakage, but it can
also make things tricky when it comes to accessibility. In particular,
labeling content inside of a shadow root. Today on A11ycasts I'll show
a couple techniques I use to work around this thorny problem."

https://www.youtube.com/watch?v=rr3c62Wnaeo



Short Note on aria-label, aria-labelledby, and aria-describedby

By Léonie Watson.

"Be careful when you use the aria-label, aria-labelledby, and
aria-describedby attributes, because they do not work consistently
with all HTML elements. This is a short note on when (and when not) to
use those attributes..."

https://www.paciellogroup.com/blog/2017/07/ 
short-note-on-aria-label-aria-labelledby-and-aria-describedby/




+07: NAVIGATION.




An Alternate Approach to Menu Systems for a Better UX

By Shane Williams.

"...using tasks as a basis for navigation, adds another layer of
complexity for users. Using an object based navigation approach,
allows for a more natural pattern of how we generally think about
tasks..."

https://blog.prototypr.io/ 
an-alternate-approach-to-menu-systems-for-a-better-ux-5131be448c6f



Five Minute Accessibility: Links and Hypertext

By Kenneth Larsen.

"...First of all most assistive technologies uses the tab key as
navigation and this is the case with links as well. For clicking a
link the enter key is used. This means that if you have a link which
is not accessible by the tab key and which can be triggered by
pressing enter your site is not accessible..."

https://blog.prototypr.io/five-minute-accessibility-links-and-hypertext-5688ca12785a




+08: USABILITY.




Designing Better Tables for Enterprise Applications

By Adhithya Kumar.

"An in-depth guide on how to design tables in enterprise applications,
and how to avoid commonly made mistakes..."

https://uxdesign.cc/ 
designing-better-tables-for-enterprise-applications-f9ef545e9fbd



What Do Mobile Users Expect in an App?

By Hannah Levenson.

"...We'll dig deeper into these trends and expectations, uncovering
how they came about and discovering how app pros everywhere can tackle
and successfully implement them..."

http://www.uxbooth.com/articles/what-do-mobile-users-expect-in-an-app/



Design for Fingers, Touch and People, Part 3

By Steven Hoober.

"...Design for every user and every type and size of phone..."

http://www.uxmatters.com/mt/archives/2017/07/ 
design-for-fingers-touch-and-people-part-3.php



Dropdown Alternatives for Better (Mobile) Forms

By Zoltan Kollin.

"Using dropdown menus in forms might seem a no-brainer: they don't
take much space on the UI, they automatically validate the input, all
browsers and platforms support them, they're easy and cheap to
implement, and the users know them well enough. At the same time,
though, dropdown (or select) menus are one of the most frequently
misused form patterns and 'should be the UI of last resort', according
to Luke Wroblewski and many others..."

https://medium.com/@kollinz/ 
dropdown-alternatives-for-better-mobile-forms-53e40d641b53



UX is Grounded in Rationale, Not Design

By Tif Wang.

"...The reason why I felt 'unproductive' was because I wasn't taking
the time to understand my users or the problem I was given to solve. I
haven't empathized deeply with what my users go through. This made me
realize how hard it was to develop empathy for others when you don't
have a first-hand experience of the problem..."

https://uxplanet.org/ux-is-grounded-in-rationale-not-design-49e8f77b8f58



Chatbots Deliver the Worst Customer Service

By Rafal Cymerys.

"...There's a long way ahead of artificial intelligence to let us
build chatbots that can help more than by just replicating the
features already offered by websites and apps. Once it gets there
chatbots will become a huge thing, but for now there aren't many real
uses for them..."

https://latenightcoding.co/chatbots-customer-service/





[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:[hidden email]





[Issue ends.]




--




.


.