← Home ← Codex ← DEBT ← Engine
Browse by Category
+ added · ✎ updated 7d
🤖 AI Guestbook — Accessibility educational data only
| |
Last 30 days
6 pings — 2026-09-14 M 14 pings — 2026-09-15 T 8 pings — 2026-09-16 W 4 pings — 2026-09-17 T 7 pings — 2026-09-18 F 3 pings — 2026-09-19 S 8 pings — 2026-09-20 S 7 pings — 2026-09-21 M 5 pings — 2026-09-22 T 7 pings — 2026-09-23 W 20 pings — 2026-09-24 T 16 pings — 2026-09-25 F 25 pings — 2026-09-26 S 13 pings — 2026-09-27 S 9 pings — 2026-09-28 M 11 pings — 2026-09-29 T 6 pings — 2026-09-30 W 6 pings — 2026-10-01 T 6 pings — 2026-10-02 F 6 pings — 2026-10-03 S 4 pings — 2026-10-04 S 6 pings — 2026-10-05 M 6 pings — 2026-10-06 T 10 pings — 2026-10-07 W 5 pings — 2026-10-08 T 7 pings — 2026-10-09 F 10 pings — 2026-10-10 S 4 pings — 2026-10-11 S 8 pings — Yesterday M 0 pings — Today T
No pings yet today
Amazonbot 4PetalBot 2SEMrush 1ChatGPT 1
Amazonbot 290PetalBot 199Ahrefs 160Perplexity 158Google 151SEMrush 151ChatGPT 120Scrapy 117Bing 113Unknown AI 57Claude 52Twitter/X 36Applebot 35Meta AI 28Brave Search 28Baidu 23Majestic 16Common Crawl 10Sogou 8Qwen 2
crawler 1.7k crawler_json 72 your_context 2 your_contextpost 1 pre-tracking 8
Category total1.8k pings Terms pinged17 / 17 Distinct agents19
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
Accessible Tooltips
Tooltips that appear on hover, focus, and keyboard interaction, are associated with their trigger via aria-describedby, and can be dismissed without moving the pointer.
3mo ago Accessibility intermediate
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.
4mo 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.
4mo 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.
6mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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.
7mo 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).
7mo ago Accessibility intermediate
✓ schema.org compliant