← CodeClarityLab Home
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
Accessibility Testing Tools PHP 5.0+
axe, Lighthouse, WAVE catch 30-40% of issues automatically — manual keyboard and screen reader testing is required for the rest.
2mo ago accessibility intermediate
Accessible Forms HTML5
Every input needs a visible label, errors linked via aria-describedby, required fields indicated, and validation announced via aria-live.
2mo 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.
2mo ago accessibility intermediate
Colour-Blind Accessible Design CSS3
Design for the 8% of men with colour vision deficiency — pair colour with icons, labels, and patterns; never use colour as the only differentiator.
2mo 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.
2mo ago accessibility intermediate
Diagram: ARIA Live Regions ARIA Live Regions HTML5
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.
2mo 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.
2mo 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.
2mo ago accessibility intermediate
Diagram: WCAG Guidelines WCAG Guidelines
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).
2mo ago accessibility intermediate
✓ schema.org compliant