Diigo Bookmarks 09/10/2018

2018年9月10日 著

• Is placeholder text a sufficient accessible label for form fields - David MacDonald Web Accessibility Blog, testing, teaching, and discussion

  "Many organizations are moving to floating labels which move out of the field and stay visible when there is a value entered in the input. It is an actual label which is positioned over the input and moved out with CSS when content is in the input."

• Heading structures are tables of contents

  "The heading structure of a web page is like its table of contents. It gives people who can't see your page a way to navigate it without reading everything."

• Removing jQuery from GitHub.com frontend | GitHub Engineering

  "decoupling from jQuery would mean that we could rely on web standards more, have MDN web docs be de-facto default documentation for our frontend developers, maintain more resilient code in the future, and eventually drop a 30 kB dependency from our packaged bundles, speeding up page load times and JavaScript execution times."

• Customize Radio Buttons without Compromising Accessibility

  "That's how I decided to go with option 3, a good ole' opacity: 0 coupled with a position: absolute. Hidden but still focusable, well-supported across browsers. Just what we're looking for."

• What You Need to Know About WCAG 2.1 | Viget

  "Here at Viget, we aim to comply with WCAG Level A on all projects and we work with clients to determine which aspects of AA and AAA compliance are appropriate for their audiences."

• Developer Tools support for Web Components in Firefox 63 - Firefox Nightly News

  "Shadow DOM and Web Components are enabled by default in Firefox 63 and the Developer Tools are ready for them !"