Skip to content

HTML, CSS & accessibility

Accessible HTML, focus and keyboard handling, WCAG 2.2, the CSS cascade and modern layout, and right-to-left interfaces.

6 lessons

Accessibility

  1. 1Semantic HTML, the accessibility tree and ARIAA control needs truthful semantics and working behavior; a role supplies only the first.
  2. 2Focus and keyboard managementTreat focus as a position that must remain usable when the surrounding interface changes.
  3. 3WCAG 2.2 AA and the European Accessibility ActAA means every A and AA criterion passes, and a clean axe run proves only the part a machine can check.

CSS mechanics

  1. 4CSS cascade layersRank declarations by origin and importance, then layer, specificity, and source order; use named layers before selector fights begin.
  2. 5Layout: flexbox, grid and container queriesFlex shares one axis's spare space by ratio; grid subtracts fixed tracks and gaps before fr; container queries follow a component's box.

Bidirectional UI

  1. 6RTL layout and logical propertiesUnder dir="rtl" the inline axis starts at the right: logical properties mirror, physical ones stay, and user text and icons need deliberate handling.