Skip to content
Blog post thumbnail: Color Accessibility: Designing Colors That Everyone Can Perceive - A guide to color design for users with color blindness and low vision. From WCAG contrast requirements to practical tips — everything you need for inclusive color choices. (https://www.codeslog.com/en/posts/color-accessibility/)

Color Accessibility: Designing Colors That Everyone Can Perceive

Introduction “We used red and green to distinguish them, so it should be fine.” It’s a thought that comes up naturally during development. But more people than you’d expect have difficulty telling those two colors apart. Statistics based on Northern European ancestry suggest that roughly 1 in 12 men and 1 in 200 women have red-green color vision deficiency. The exact ratio varies by region and genetic background, but the fact remains: there are always users who struggle to distinguish red from green. ...

Published date: 2026-03-06 · Reading time: 20 min · Word count: 4235 words · Author: Isaac
Blog post thumbnail: Keyboard Accessibility A to Z: Building Websites Everyone Can Use Without a Mouse - A complete guide to making websites fully usable without a mouse. Learn focus management, Tab order, and custom widget implementation with practical code examples. (https://www.codeslog.com/en/posts/keyboard-accessibility-a-to-z/)

Keyboard Accessibility A to Z: Building Websites Everyone Can Use Without a Mouse

Introduction Have you ever tried using the internet without a mouse? Most people take their mouse for granted. But there are many people who can’t use one. People with physical disabilities who can’t operate a mouse People with repetitive strain injuries like carpal tunnel syndrome People with temporary arm injuries Power users who simply find keyboards more efficient For these users, the question “Can I use this site with just a keyboard?” is crucial. ...

Published date: 2026-02-03 · Reading time: 18 min · Word count: 3648 words · Author: Isaac
Blog post thumbnail: ARIA Practical Guide: Implementing Accessible Web Interfaces - How do we apply ARIA in real projects? This guide shows when to use it and how to use it effectively, with live regions, custom widgets, and modal patterns. (https://www.codeslog.com/en/posts/aria-practical-guide/)

ARIA Practical Guide: Implementing Accessible Web Interfaces

Developers often make the same mistake after learning ARIA. They understand the concept, but they are unsure when and how to apply it in real projects. ARIA practical guide main visual with ARIA attributes highlighted in a code editor Cover image example: visual that symbolizes applying ARIA attributes · Generated by Nanobanana AI You may have heard the phrase: “ARIA is a last resort.” Use semantic HTML first, and add ARIA only when native HTML is not enough. This guide follows that principle and shows how to use ARIA effectively in real work. ...