Raindrop.io Bookmarks 04/05/2022

2022年4月5日 著

• aria-labelledby usage notes - HTML Accessibility

  "You can include text that would be exposed as the accessible name if aria-labelledby wasn't there by adding an id to the element with the aria-labelledby and referencing the value, you can also reference multiple elements"

• Accessible Description Exposure -- Adrian Roselli

  "While this post is about how and where the accessible description is exposed by assorted screen readers, it has the added benefit of showing you where and how the accessible name is exposed as well. Lucky you."

• persistent.info: Infinite Mac: An Instant-Booting Quadra in Your Browser

  "I've extended James Friend's in-browser Basilisk II port to create a full-featured classic 68K Mac in your browser. You can see it in action at system7.app or macos8.app."

• Cancel as a button or a link? Which is best UX practice? | by Karim Maassen | UX Collective

  "The cancel option is similar to aborting an action, and therefore similar to navigating back to the previous state of the UI. Navigation is represented in web UI as hyperlinks, and thus the cancel option should be a hyperlink."

• Atomic 2.0. Revisiting the Atomic Design Method for... | by Hannah Heinson | Mar, 2022 | Medium

  "Recently the model was updated to include design tokens, but this doesn't follow the chemistry metaphor."

• Identifying Fonts: the Complete Guide - Learn UI Design

  "The more fonts you know about and recognize, the quicker and more effective you will be at choosing typefaces for design projects. There's absolutely no substitute for having a good working knowledge of fonts. But in order to do this, you need to be able to identify fonts in the wild."

• How to Disable JavaScript in Almost Any Browser - Impressive Webs

  "In 2022 I think it's still important as a web developer to test your how your websites look and function when users disable JavaScript in their browser. Developing in this way used to be a cornerstone of Progressive Enhancement and can be handy on both desktop or mobile."