Skip to content

Instantly share code, notes, and snippets.

Avatar

Benjy Stanton benjystanton

View GitHub Profile
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 Aug 10, 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
@benjystanton
benjystanton / websites-nice-typography.md
Created Jan 5, 2018
A list of websites with nice typography
View websites-nice-typography.md
You can’t perform that action at this time.