Skip to content

Dirtbag

Good bones and road grit.

Accessibility

Usable by more people, with plain structure, visible affordances, and fewer tricks.

  • Plain HTML still just works

    Plain HTML still just works

    From 

    Roadside Archivist

    ’s dashboard

    A reminder that documents are already responsive before we start decorating them.

    <main>
  <article>Hello, road.</article>
</main>

    That is enough structure for a lot of sites.

  • A Table, a Caption, and a Cheap Folding Chair

    A Table, a Caption, and a Cheap Folding Chair

    From 

    Roadside Archivist

    ’s dashboard

    Tables get weird fast when they are treated like layout furniture. A real table is for data. It needs headings, rows, and a caption that tells you why the thing exists before the cells start muttering.

    PartDirtbag rule
    CaptionUse the WordPress Table block figcaption, not a raw table caption that breaks the editor.
    HeadersUse scoped table headers for rows and columns.
    LayoutIf it is not data, use headings, lists, or paragraphs instead.
    Table manners for a cheap folding chair website

    The goal is not fancy. The goal is that a screen reader, a browser, and a tired human can all get through it.