Skip to content

Instantly share code, notes, and snippets.

Avatar

Benjy Stanton benjystanton

View GitHub Profile
View css-reading-list.md
View ARIA-Landmark-roles-and-HTML5.md
View use-this-pattern-instead-placeholder-text.md

Use this pattern instead of placeholder text

<label for="form-input">
  Example form label
</label>
<input id="form-input" name="form-input" aria-describedby="form-help">
<p id="form-help">Some help text here</p>
@benjystanton
benjystanton / voiceover-for-mac-keyboard-controls.md
Last active May 1, 2020
VoiceOver for Mac keyboard controls
View voiceover-for-mac-keyboard-controls.md

VoiceOver for Mac keyboard controls

  • Launch: ⌘ + F5
  • Enter web area (to browse a page): Ctrl + Alt + Shift + Down
  • Move through interacive elements: Tab
  • Read page: Ctrl + Alt + A

Thanks to Sigma

@benjystanton
benjystanton / content-design-for-data-tables-spreadsheets-csvs-and-apis.md
Last active Dec 12, 2020
Content design for data tables, spreadsheets, CSVs and APIs
View content-design-for-data-tables-spreadsheets-csvs-and-apis.md

Content design for data tables, spreadsheets, CSVs and APIs

Interfaces for exploring data rely on the data itself being well written.

Improving the way data is labelled and described, wihout affecting the underlying meaning, whilst also making sure it's still machine readable is a tricky task!

Here are some resources that can help (thanks everyone for the suggestions).

Useful resources

@benjystanton
benjystanton / accessible-interactive-maps-draft.md
Last active Nov 30, 2020
Accessible interactive maps (draft)
View accessible-interactive-maps-draft.md