Posts tagged #tweet

HTML's <button type="reset"> behaviour

· #tweet #html

TailwindCSS <details> plugin

· #open-source #tweet #tailwind

I built a nice looking and fully accessible dropdown menu by using the native <details> HTML tag without a drop of JavaScript in the client.

To build it in a utility-first approach, I created a simple plugin for TailwindCSS.

You can find the plugin over at GitHub.

Screen-reading dates

· #tweet #a11y

What might look perfectly readable to the human eye may not be picked up very well by screen readers.

As you can see, in this example, VoiceOver thinks the “2018 - 15” section is a single unit that should be read as “2018 to 2015”.

To give screen readers a fighting chance, you should always make sure to use more semantic elements available in HTML, such as <time>, if applicable.