← Home ← Codex ← DEBT
Browse by Category
+ added · updated 7d
🤖 AI Guestbook — Accessibility educational data only
| |
Last 30 days
0 pings — 2026-05-26 T 3 pings — 2026-05-27 W 20 pings — 2026-05-28 T 12 pings — 2026-05-29 F 0 pings — 2026-05-30 S 7 pings — 2026-05-31 S 4 pings — 2026-06-01 M 2 pings — 2026-06-02 T 7 pings — 2026-06-03 W 7 pings — 2026-06-04 T 26 pings — 2026-06-05 F 8 pings — 2026-06-06 S 33 pings — 2026-06-07 S 29 pings — 2026-06-08 M 17 pings — 2026-06-09 T 26 pings — 2026-06-10 W 7 pings — 2026-06-11 T 3 pings — 2026-06-12 F 12 pings — 2026-06-13 S 1 ping — 2026-06-14 S 3 pings — 2026-06-15 M 3 pings — 2026-06-16 T 1 ping — 2026-06-17 W 2 pings — 2026-06-18 T 4 pings — 2026-06-19 F 1 ping — 2026-06-20 S 10 pings — 2026-06-21 S 9 pings — 2026-06-22 M 4 pings — Yesterday T 0 pings — Today W
No pings yet today
PetalBot 3SEMrush 1
Amazonbot 173Perplexity 135Scrapy 117Ahrefs 77Google 65ChatGPT 59SEMrush 57Unknown AI 39Claude 27Meta AI 21Bing 18PetalBot 14Majestic 11Sogou 2
crawler 748 crawler_json 59 pre-tracking 8
Category total815 pings Terms pinged16 / 16 Distinct agents13
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
Heading Hierarchy (h1-h6)
Headings must form a logical, sequential outline (h1 then h2, no skipped levels) so screen reader users can navigate and grasp page structure.
3w ago Accessibility beginner
HTML lang Attribute
The lang attribute on <html> declares the page's primary language — required for screen readers to select the correct voice profile and pronunciation rules, and for WCAG 2.1 compliance.
3mo ago Accessibility beginner
Accessible Data Tables
HTML tables marked up with correct semantic elements and ARIA roles so screen readers can announce cell context — column header, row header, and position — to the user.
3mo ago Accessibility beginner
prefers-reduced-motion — Accessible Animations
A CSS media query and JavaScript API that detects when a user has requested reduced motion in their OS settings, allowing you to disable or simplify animations that can trigger vestibular disorders.
3mo ago Accessibility beginner
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
Skip Links & Bypass Blocks HTML5 🧠 1
Hidden links at page top letting keyboard users jump past navigation to main content — a WCAG 2.4.1 requirement.
3mo ago Accessibility beginner
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: Colour Contrast Colour Contrast CSS3 🧠 3
The ratio between foreground and background colours — WCAG requires 4.5:1 for normal text and 3:1 for large text at AA level, ensuring readability for low-vision users.
3mo ago Accessibility beginner
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