Labelling Form Elements
A guide to correctly labeling HTML form elements using name, id, label, fieldset, and legend for accessibility and functionality.
A guide to correctly labeling HTML form elements using name, id, label, fieldset, and legend for accessibility and functionality.
Argues that all websites must begin with server-side rendered HTML for universal accessibility, even if they later use advanced JavaScript features.
A web developer recommends and reviews two industry books: 'Adaptive Web Design, 2nd Edition' on progressive enhancement and 'Using WebPageTest' for performance analysis.
A developer documents the open redesign of their personal website, focusing on performance, accessibility, and modern web features.
Explains how to use ARIA attributes (aria-labelledby, aria-label, aria-describedby) to properly label HTML elements for screen readers and improve web accessibility.
Explains how to use HTML heading elements (h1-h6) and the <section> tag to create a proper document outline for accessibility and structure.
Explains the semantic differences between HTML5's <div>, <section>, and <article> elements and provides guidelines for when to use each.
A web accessibility expert seeks input from screen reader users to understand their real-world navigation strategies and challenges.
A software engineer reflects on legacy, inspiration, and meeting a pioneering software architecture researcher at a tech conference.
A developer argues for learning HTML, CSS, and JavaScript fundamentals before jumping into frameworks like React or Angular.
A case study on embedding, art-directing, and providing accessible fallback for an SVG infographic using the HTML object element.
A guide to building a multi-level dropdown navigation menu that is fully accessible across mouse, touch, keyboard, and screen sizes, with JavaScript fallback.
A web developer explains progressive enhancement as a use-case oriented approach, using video implementation as a practical example.
A UX designer critiques the overemphasis on 'experience' in design, arguing for simplicity and utility, especially for users with real-world constraints.
A weekly roundup of browser bugs, workarounds, and developer tools, focusing on CSS, SVG, and debugging techniques.
Explains how to use the HTML link tag with rel="alternate" to provide alternate content versions like themes, languages, and feeds.
Weekly roundup of browser updates, bug reporting tips, and web development tools, covering Chrome, Edge, Firefox, and WebKit.
Explores the persistent UI issue of unwanted focus styles on buttons after mouse clicks, detailing the problem's history and proposed CSS solutions.
A developer details fixing a mobile scrolling bug in Safari with VoiceOver while creating an accessible slide-out navigation menu.
A developer creates a Tumblr blog called 'Accessibility Wins' to showcase positive examples of web accessibility and encourage its adoption.