Accessibility
- HTML5 Landmarks: header, nav, main and footer for Screen Reader UX Semantic landmarks let blind users jump straight to main content. Here is how to replace divs with real HTML5 landmarks in your theme.
- Skip Link in WordPress: Jump to Main Content with One Tab Press A skip link lets keyboard users bypass repeated navigation. Here is how to add it to your theme with CSS that reveals only on focus.
- Heading Hierarchy in WordPress: H1-H6, Document Outline and Screen Readers Broken headings confuse screen readers and hurt SEO. Here is how to build a clean outline: one H1, gradual descent and WAVE verification.
- RankPlus Accessibility Widget: What It Does and What It Doesn't An accessibility widget lets visitors customise the experience - but does not replace accessible code. Here is how to enable it and what else is needed.
- Image Alt Text in WordPress: Accessibility, SEO and Practical Coverage An image without alt text blocks screen readers and hurts SEO. Here is how to add descriptions, separate content from decoration and reach full coverage.
- Video Captions in WordPress: Accessibility, Silent Viewing and SEO A video without captions blocks deaf users and loses silent viewers. Here is how to add VTT files, enable auto-captions and lift overall accessibility.
- Focus Outline in WordPress: Why You Must Never Hide It outline:none on focus makes keyboard navigation impossible. Here is how to bring focus visible back with modern CSS without breaking design.
- Generic Link Text in WordPress: Why "Click Here" Breaks A11y and SEO "Read more" and "click here" mean nothing to a screen reader or to Google. Here is how to replace them with descriptive text without breaking design.
- html lang Attribute in WordPress: Language for Screen Readers and SEO Without lang="en", screen readers mispronounce content and SEO loses context. Here is how to ensure the attribute is correct on every page.
- Form Labels in WordPress: Why label Beats placeholder Every Time An unlabelled input is not accessible. Here is how to link a label to every input, when to use aria-label and why placeholder is never enough.