DEVucation

@devucation.bsky.social

Web Development , Angular , Svelte, Webcomponents , a11y

What started out as a single bookmarklet I built months ago to help me with an accessibility audit turned into a full-blown side quest, because...why not? Anyway, I'm happy to share SpotCheck. It's a set of bookmarklets for spot-checking accessibility issues. www.spotcheck.tools #Accessibility

SpotCheck: an Accessibility Bookmarklet Toolkit

SpotCheck is a collection of free bookmarklets for testing common accessibility issues. Each tool is mapped to the WCAG 2.2 success criteria it covers.

spotcheck.tools

New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline! Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.

baseline status now inline on hover for css properties

me trying to write CSS while my kid has other plans :host :has :not :focus-within :where :first-child :is :active :paused :state :required

As of Chrome 131 you have more options to style `<details>` and `<summary>`. You can now use of the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses. developer.chrome.com/blog/styling...