|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 6 | + <title>100Devs Accessability Effort</title> |
| 7 | + </head> |
| 8 | + <body> |
| 9 | + <section> |
| 10 | + <h2>Resources</h2> |
| 11 | + <p>Mostly From the #sc-disabilities channel, only from <time datetime="2024-03-01">2024-03-01</time> onward.</p> |
| 12 | + <section> |
| 13 | + <h3>Discord Shortcuts</h3> |
| 14 | + <ul> |
| 15 | + <li> |
| 16 | + <a href="https://discord.com/channels/735923219315425401/940054495646343208" |
| 17 | + >#sc-disabilities text channel</a |
| 18 | + > |
| 19 | + </li> |
| 20 | + <li> |
| 21 | + <a href="https://discord.com/channels/735923219315425401/940054601745457193" |
| 22 | + >#sc-disabilities-voice voice channel</a |
| 23 | + > |
| 24 | + </li> |
| 25 | + </ul> |
| 26 | + </section> |
| 27 | + <section> |
| 28 | + <h3>Class Transcript</h3> |
| 29 | + <ul> |
| 30 | + <li> |
| 31 | + <h4>YouTube Auto-Generated Transcripts</h4> |
| 32 | + <a href="https://github.com/20jasper/100devs-transcripts">GitHub Repo</a> |
| 33 | + <a href="https://github.com/20jasper/100devs-transcripts/archive/refs/heads/main.zip">Zip Download</a> |
| 34 | + </li> |
| 35 | + </ul> |
| 36 | + </section> |
| 37 | + <section> |
| 38 | + <h3>Improved Homework Materials</h3> |
| 39 | + <section> |
| 40 | + <h4>Shay Howe</h4> |
| 41 | + <ul> |
| 42 | + <li> |
| 43 | + <a href="https://ptgmedia.pearsoncmg.com/images/9780321940520/samplepages/0321940520.pdf" |
| 44 | + >HTML & CSS section as a PDF</a |
| 45 | + > |
| 46 | + </li> |
| 47 | + </ul> |
| 48 | + </section> |
| 49 | + <section> |
| 50 | + <h4>Layout 1, 2, 3</h4> |
| 51 | + <ul> |
| 52 | + <li><a href="/resources/layout1.png">Layout 1 image with clearer lines</a></li> |
| 53 | + <li><a href="/resources/layout1.png">Layout 2 image with clearer lines</a></li> |
| 54 | + <li><a href="/resources/layout1.png">Layout 3 image with clearer lines</a></li> |
| 55 | + </ul> |
| 56 | + </section> |
| 57 | + <section> |
| 58 | + <h4>BBC Layout</h4> |
| 59 | + <ul> |
| 60 | + <li><a href="/resources/bbc_layout.xlsx">Excel-based Layout</a></li> |
| 61 | + </ul> |
| 62 | + </section> |
| 63 | + </section> |
| 64 | + <section> |
| 65 | + <h3>Terms</h3> |
| 66 | + <dl> |
| 67 | + <dt>Angle Brackets, Chevrons, Alligators</dt> |
| 68 | + <dd>The Greater-Then and Less-Then symbols - "<" and ">"</dd> |
| 69 | + </dl> |
| 70 | + </section> |
| 71 | + </section> |
| 72 | + <section> |
| 73 | + <h2>Tips & Tricks</h2> |
| 74 | + <ul> |
| 75 | + <li> |
| 76 | + For best accessibility when posting links, post them in their own message, unmasked, and don't delete the |
| 77 | + accompanying embed. Otherwise, explicitly state that the message contains a link. |
| 78 | + </li> |
| 79 | + <li>It is impossible to join a Discord Stage as a speaker from the Discord mobile application</li> |
| 80 | + </ul> |
| 81 | + </section> |
| 82 | + <section> |
| 83 | + <h2>External Resources</h2> |
| 84 | + <ul> |
| 85 | + <li><a href="https://www.youtube.com/@codingblindtech5931">CodingBlindTech YouTube Channel</a></li> |
| 86 | + <li> |
| 87 | + <h3>VSCode Keyboard Shortcut PDF Cheatsheets</h3> |
| 88 | + <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf">Windows</a> |
| 89 | + <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf">MacOS</a> |
| 90 | + </li> |
| 91 | + <li> |
| 92 | + <a href="https://apps.apple.com/us/app/vizlens/id1577855541" |
| 93 | + >VizLens - iOS app that creates a virtual layout of the non-tactile buttons from a photo</a |
| 94 | + > |
| 95 | + </li> |
| 96 | + <li> |
| 97 | + <a href="https://apps.apple.com/us/app/envision-ai/id1268632314">Envision AI - iOs OCR app</a> |
| 98 | + </li> |
| 99 | + <li> |
| 100 | + <a href="https://apps.apple.com/us/app/image-explorer/id6443923968" |
| 101 | + >Image-Explorer - iOS app that generate both text summaries & touch-based interfaces from photos</a |
| 102 | + > |
| 103 | + </li> |
| 104 | + <li> |
| 105 | + <h3>Color Apps</h3> |
| 106 | + <ul> |
| 107 | + <li> |
| 108 | + <a href="https://www.color-blindness.com/color-name-hue/" |
| 109 | + >Output closest color name & hue from an RGB, HSB, or hexadecimal color</a |
| 110 | + > |
| 111 | + </li> |
| 112 | + <li> |
| 113 | + <a href="https://chir.ag/projects/name-that-color" |
| 114 | + >Convert Hexadecimal/name into closest color name, hexadecimal, and RGB</a |
| 115 | + > |
| 116 | + </li> |
| 117 | + <li><a href="https://www.colorhexa.com/">Convert any color format into any other format</a></li> |
| 118 | + </ul> |
| 119 | + </li> |
| 120 | + <li> |
| 121 | + <a href="https://help.figma.com/hc/en-us/articles/14477101678359-Create-accessible-FigJam-boards" |
| 122 | + >Guide to creating accessible FigJam boards</a |
| 123 | + > |
| 124 | + </li> |
| 125 | + </ul> |
| 126 | + </section> |
| 127 | + </body> |
| 128 | +</html> |
0 commit comments