HTML
ARIA Basics: Roles, States and Properties
ARIA fills gaps that HTML cannot. It also breaks pages when used carelessly. The rules, the attributes worth knowing, and the ones to leave alone.
#Interview
Interview preparation material.
165 notes tagged
HTML
Keyboard Navigation, Focus and tabindex
If it cannot be reached with the Tab key it does not work. Focus order, visible focus indicators, the three values of tabindex and the traps to avoid.
HTML
Accessible Names and the Accessibility Tree
Every control has a name, a role and a state, and the browser works them out in a fixed order. Knowing that order explains almost every screen reader...
HTML
Events and Event Delegation
How a click travels through the DOM, why one listener can serve a thousand elements, and the keyboard events that inline handlers always forget.
HTML
The DOM: What the Browser Builds From Your Markup
Your file is text. The DOM is the live tree the browser built from it, and they are not the same thing. Knowing the difference is what makes debugging...
HTML
Loading Scripts: defer, async and type=module
Where a script tag sits and which attribute it carries decides whether your page paints in half a second or four. Three loading behaviours, and when e...
HTML
The class and id Attributes
Two ways to name an element, with different rules and different jobs. Choosing correctly makes a stylesheet maintainable and stops the specificity war...
HTML
What HTML5 Actually Means
HTML5 is not a version you upgrade to. It is the name for a shift from a frozen specification to a living standard, and for the elements and APIs that...
HTML
section, article and aside
The three most argued about elements in HTML. There are clear tests for each, and once you know them the choice stops being a matter of taste.
HTML
Why Semantic HTML Matters
Two pages can look identical and be worlds apart. Semantic markup is what tells browsers, screen readers and search engines what each part of a page a...
HTML
GET or POST: What Happens When a Form Is Submitted
Two methods, two very different places for your data. Learn which to use, what is safe in a URL, and why neither is encrypted on its own.
HTML
Built In Form Validation
The browser can check most of a form before it is sent, with no JavaScript. Learn the attributes, the CSS hooks, and why none of it replaces server va...