Alternative Text in the CSS content Property
The 'content' property in CSS is often used to insert graphical elements which ‑ on their own ‑ do not have an accessible alternative text available.
Articles
Accessibility, page 2 of 2
Accessibility is part of front‑end engineering, not a final audit before release. These articles deal with the implementation details that decide whether an interface is genuinely inclusive, as well as the team habits that stop the same barriers returning in the next component or redesign.
Alternative Text in the CSS content Property. Alternative Text in the CSS
Opening Links in a New Tab Safely. Opening Links in a New Tab Safely
See why target="_blank" needed rel="noopener" in 2018, how noreferrer differs, and why modern browsers and user choice still matter.
Respecting Reduced‑Motion Preferences in CSS. Respecting Reduced‑Motion Preferences in CSS
Use CSS reduced‑motion preferences without losing content or feedback, with static‑first and targeted override patterns bounded to Safari‑first 2018 support.
Optimising HTML Markup for SEO. Optimising HTML Markup for SEO
Optimise HTML markup for SEO and accessibility with semantic elements, heading structure, alt text, clean code, anchor text, and crawler‑friendly structure.
Client‑Side Form Validation with the HTML Constraint Validation API. Client‑Side Form Validation with the HTML Constraint Validation API
Use HTML constraint validation attributes and APIs to improve client‑side form feedback without replacing accessible errors or server‑side checks.
Button vs. Link: Native Semantics Before Custom Click Handlers. Button vs. Link: Native Semantics Before Custom Click Handlers
Use links for navigation and buttons for actions, preserving native focus and keyboard behaviour before adding custom click handlers or ARIA roles.