Examples for Accessibility for the rest of us.
For the screenshots, I:
- Increased the zoom level to
150% - Took a screenshot of the
tablenodes with Firefox DevTools
Sean McPherson SeanMcP
SeanMcP
/ github-explorer.user.js
Created
February 10, 2021 15:10
Add links to explore GitHub repository in GitHub1s or CodeSandbox
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name GitHub Explorer | |
| // @namespace https://seanmcp.com | |
| // @version 0.1 | |
| // @description Add links to explore GitHub repository in GitHub1s or CodeSandbox | |
| // @author Sean McPherson | |
| // @match *://github.com/*/* | |
| // @grant none | |
| // ==/UserScript== |
SeanMcP
/ github-search-results-to-markdown.console.js
Created
October 21, 2020 03:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| copy([...$$('.repo-list-item')].map(node => { | |
| const link = node.querySelector('.f4 a') | |
| const description = node.querySelector('p.mb-1') | |
| let string = `- [\`${link.textContent.trim()}\`](${link.href})` | |
| if (description) string += ` - ${description.textContent.trim()}` | |
| return string | |
| }).join('\n')) |
SeanMcP
/ read-vendor-files.user.js
Created
October 1, 2020 17:11
Mark all vendor files as viewed in Niche PRs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Mark all vendor files as viewed in Niche PRs | |
| // @namespace Niche Scripts | |
| // @match *://github.com/nicheinc/*/pull/*/files | |
| // @grant none | |
| // @version 1.0 | |
| // @author Learn Over Lunch | |
| // @description 10/1/2020, 12:40:56 PM | |
| // ==/UserScript== | |
| (() => { |
SeanMcP
/ google-meet-timer.console.js
Last active
May 17, 2022 17:13
Sets a timer for Google Meet with chat messages.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ;(function() { | |
| let textarea = document.querySelector('textarea[aria-label="Send a message to everyone"]') | |
| let submit = document.querySelector('[role="button"][aria-label="Send a message to everyone"]') | |
| if (!textarea || !submit) | |
| return alert('Uh oh! Something went wrong. Do you have the chat panel open?') | |
| function sendMessage(text) { | |
| textarea.click() | |
| textarea.value = text |
SeanMcP
/ accessibility-for-the-rest-of-us.md
Last active
August 14, 2020 00:54
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Object.entries( | |
| [...document.querySelectorAll('.result-text-style-normal p')] // get all paragraphs | |
| .map(p => p.textContent) // compress child nodes into text | |
| .join() // make one big string | |
| .split(' ') // split into individual words | |
| .map(s => s.replace(/[^A-Za-z]/g, "").toLowerCase()) // remove non-letters and standardize | |
| .filter(s => s) // remove empty spaces | |
| .reduce((acc, word) => { | |
| if (!acc[word]) acc[word] = 0; | |
| acc[word]++; |
SeanMcP
/ react-in-x.md
Created
February 12, 2020 11:33
Key concepts to understand to become a React developer
The order is appoximate:
- HTML & CSS
- JavaScript: data types, structures, loops, methods, promises
- React by CDN
- Node.js
- Node modules
- Babel & Webpack
- ES6 Basics: import, export, destructuring
- create-react-app
SeanMcP
/ cloudSettings
Last active
February 20, 2020 11:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"lastUpload":"2020-02-20T11:14:48.323Z","extensionVersion":"v3.4.3"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Users/<username>/Library/Application Support/Firefox/Profiles/xxxxxxxx.default |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Filter options in "Awesome Design Systems" | |
| // @version 1 | |
| // @grant none | |
| // @match https://github.com/alexpate/awesome-design-systems | |
| // ==/UserScript== | |
| (() => { | |
| 'use strict' | |