Possibly a work in progress, but: currently, we use ASCII art trees to show directory structures. This is completely nonsensical/meaningless to non-visual (e.g. screenreader) users. We either need to provide an alternative, or try and provide some semantic structure. This PR formalizes an idea I had a while ago https://codepen.io/patrickhlauke/pen/azbYWZ to use nested lists and generated CSS content to mimic the current look, while having proper structure.
It could probably do with more styling to make it a block/have proper background, and to get the correct monospace font applied to, say, <pre> ... but putting this here as an initial exploration.