--- title: "Bak Yeonha (@bak-yh) | Hashnode" description: "Bak Yeonha (@bak-yh) writes on Hashnode. Read their latest articles and follow their work." url: "https://hashnode.com/@bak-yh" --- @bak-yh # Bak Yeonha @bak-yh · Seoul, South Korea · Joined December 2025 ### [How to Implement a Proper .sr-only Class for Accessibility](https://nmjc.hashnode.dev/how-to-implement-a-proper-sr-only-class-for-accessibility?utm_source=hashnode&utm_medium=feed) When building accessible web interfaces, there are cases where content should be visually hidden but still available to screen readers.This is where the .sr-only (screen-reader-only) pattern is commonly used. However, an incorrect implementation can ... 5 min read · [nmjc.hashnode.dev](https://nmjc.hashnode.dev/how-to-implement-a-proper-sr-only-class-for-accessibility?utm_source=hashnode&utm_medium=feed) [Jan 15](https://hashnode.com/posts/how-to-implement-a-proper-sr-only-class-for-accessibility/6968ea59b1d18f5385d63e36) ### [Native HTML Accordions with Zero JavaScript: The Modern Way](https://nmjc.hashnode.dev/native-html-accordions-with-zero-javascript-the-modern-way?utm_source=hashnode&utm_medium=feed) We often reach for JavaScript libraries or heavy CSS hacks to build a simple accordion component. But with the latest browser capabilities, we can now achieve a fully functional, animated accordion using standard HTML and CSS alone. Today, let's expl... 5 min read · [nmjc.hashnode.dev](https://nmjc.hashnode.dev/native-html-accordions-with-zero-javascript-the-modern-way?utm_source=hashnode&utm_medium=feed) [Dec 23, 2025](https://hashnode.com/posts/native-html-accordions-with-zero-javascript-the-modern-way/694a17b4ff1f5f6ed58cca4b) ### [Implementing Dark Mode in Tailwind CSS (Without Fighting dark: Everywhere)](https://nmjc.hashnode.dev/implementing-dark-mode-in-tailwind-css-without-fighting-dark-everywhere?utm_source=hashnode&utm_medium=feed) A practical dark mode setup for Tailwind in a Next.js app 5 min read · [nmjc.hashnode.dev](https://nmjc.hashnode.dev/implementing-dark-mode-in-tailwind-css-without-fighting-dark-everywhere?utm_source=hashnode&utm_medium=feed) [Dec 20, 2025](https://hashnode.com/posts/implementing-dark-mode-in-tailwind-css-without-fighting-dark-everywhere/6946dfe5fdd19e5bf7d5d92b) ### [A deep dive into :invalid, :user-invalid](https://nmjc.hashnode.dev/a-deep-dive-into-invalid-user-invalid?utm_source=hashnode&utm_medium=feed) When we talk about web accessibility (a11y), we usually think of ARIA attributes, screen readers, or keyboard navigation first.But in real user experiences, the most frequently encountered accessibility challenge is forms. “Is this email format corre... 3 min read · [nmjc.hashnode.dev](https://nmjc.hashnode.dev/a-deep-dive-into-invalid-user-invalid?utm_source=hashnode&utm_medium=feed) [Dec 12, 2025](https://hashnode.com/posts/a-deep-dive-into-invalid-user-invalid/693c0e4eca6a7ec595023196)