+++ 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:lcarlson@d.umn.edu [Issue ends.]