Making Scrollable Code Blocks Accessible
blog
Fix keyboard accessibility gaps in Safari: learn why scrollable code blocks need focus and how a small polyfill makes them accessible for keyboard users.


I'm a passionate web developer dedicated to crafting accessible and user-friendly interfaces that make a difference. I believe that every user—regardless of abilities or context—should experience seamless, intuitive digital interactions. My love for clean code and exploring the latest HTML and CSS features fuels my drive for innovation. With a background in martial arts, I bring the same discipline, respect, and commitment to my work, ensuring high-quality, future-proof solutions.
This website is my personal training ground. Beyond being a home for my blog, it serves as a laboratory where I experiment with the latest web techniques—specifically pushing the boundaries of modern HTML and CSS.
Since this site is a playground for experimentation, things might occasionally break in unexpected ways. If you find a bug or an accessibility barrier, please report it via GitHub issues. Your feedback helps me sharpen my craft and ensures a better experience for everyone.

Fix keyboard accessibility gaps in Safari: learn why scrollable code blocks need focus and how a small polyfill makes them accessible for keyboard users.

Discover why APCA offers a more perceptually accurate approach to color contrast than traditional WCAG standards for better readability.

Accessibility is not just for users with permanent disabilities. It’s about making every interaction smoother for everyone, in every situation