← Home ← Codex ← DEBT
Browse by Category
+ added · updated 7d
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Diagram: Text Resize and Reflow Text Resize and Reflow CSS3
Ensuring content reflows into a single column and stays usable when users scale text up to 200% or zoom to 400% without horizontal scrolling.
2w ago Accessibility intermediate
Accessibility Testing Tools PHP 5.0+ 🧠 1
axe, Lighthouse, WAVE catch 30-40% of issues automatically — manual keyboard and screen reader testing is required for the rest.
3mo ago Accessibility intermediate
Accessible Forms HTML5 🧠 1
Every input needs a visible label, errors linked via aria-describedby, required fields indicated, and validation announced via aria-live.
3mo ago Accessibility intermediate
Accessible SVGs SVG1.1
Decorative SVGs need aria-hidden=true; informative SVGs need role=img and aria-label or title+desc elements.
3mo ago Accessibility intermediate
Colour-Blind Accessible Design CSS3 🧠 1
Design for the 8% of men with colour vision deficiency — pair colour with icons, labels, and patterns; never use colour as the only differentiator.
3mo ago Accessibility intermediate
Screen Readers — How They Parse HTML HTML5
Screen readers build an accessibility tree — semantic HTML provides roles automatically; ARIA fills gaps for custom components.
3mo ago Accessibility intermediate
Diagram: ARIA Live Regions ARIA Live Regions HTML5 🧠 3
HTML attributes that instruct screen readers to announce dynamic content changes — essential for notifications, status messages, and search results that update without a page reload.
3mo ago Accessibility intermediate
Diagram: Focus Management Focus Management ES5
Programmatically controlling keyboard focus in SPAs and complex UIs — ensuring focus moves logically when modals open, routes change, and dynamic content loads.
3mo ago Accessibility intermediate
Diagram: Keyboard Navigation Keyboard Navigation HTML5
Ensuring all interactive elements are reachable and usable with keyboard alone — essential for users who cannot use a mouse and required for WCAG compliance.
3mo ago Accessibility intermediate
Diagram: WCAG Guidelines WCAG Guidelines 🧠 3
Web Content Accessibility Guidelines — the international standard defining how to make web content accessible to people with disabilities, organised into three conformance levels (A, AA, AAA).
3mo ago Accessibility intermediate
✓ schema.org compliant