forked from codelikeagirlau/accessibility-resources
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request codelikeagirlau#30 from codelikeagirlau/feature-br…
…anch-20 Feature branch 20 - manifesto & pledge
- Loading branch information
Showing
3 changed files
with
161 additions
and
17 deletions.
There are no files selected for viewing
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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| <link rel="stylesheet" type="text/css" href="styles.css" /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600&family=Inter:wght@400;500;700&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| <title>Accessibility Resources</title> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Accessibility Manifesto: Making the web better for everyone</h1> | ||
| <!-- the manifesto is a place for our big-picture, lofty thinking about accessibility. Values, ethics, etc. --> | ||
| <h2>What are we talking about when we talk about accessibility?</h2> | ||
| <ul> | ||
| <li> | ||
| We subscribe to the POUR principles: perceivable, operable, | ||
| understandable, robust | ||
| </li> | ||
| <li> | ||
| We are not bound or limited by common understandings of what | ||
| accessibilty includes. We want to make the web better for everyone, | ||
| whatever that involves. | ||
| </li> | ||
| <li> | ||
| "Digital" isn't just about web - how do we consider accessibility in | ||
| webinars and online events, emails, audio, etc | ||
| </li> | ||
| <li> | ||
| How do we consider people who aren't as tech savvy in how we set up | ||
| our websites / apps/ digital products? | ||
| </li> | ||
| <li> | ||
| Not using dark patterns (e.g. burying "unsubscribe" to service | ||
| options). | ||
| </li> | ||
| </ul> | ||
| <h2> | ||
| Who in an organisation is responsible, accountable, consulted and | ||
| informed when it comes to accessibility? | ||
| </h2> | ||
|
|
||
| <h3>Responsible</h3> | ||
| <ul> | ||
| <li>Designers</li> | ||
| <li>Content Writers</li> | ||
| <li>Devs and techies</li> | ||
| <li>QA and testers</li> | ||
| </ul> | ||
|
|
||
| <h3>Accountable</h3> | ||
|
|
||
| We suggest organisations form an "accessibiliy committee". | ||
|
|
||
| <h3>Consulted</h3> | ||
|
|
||
| <ul> | ||
| <li>Clients</li> | ||
| </ul> | ||
|
|
||
| <h3>Informed</h3> | ||
| <ul> | ||
| <li>Executives / board members</li> | ||
| <li>External stakeholders where relevant (e.g. grant reporting)</li> | ||
| </ul> | ||
| <h2>Ethical Considerations</h2> | ||
| <li> | ||
| Making websites and digital experiences accessibile is an ethical | ||
| imperative. While it is a legal requirement in some legislations and | ||
| contexts, we shouldn't let the legal requirements drive our work towards | ||
| accessibility. | ||
| </li> | ||
| <li> | ||
| Use of AI (sometimes the robot is good). How can we ensure we are using | ||
| AI tools ethically, e.g. Otter AI for transcripts and meeting summaries, | ||
| ChatGPT for digesting information and reducing overwhelm etc. What are | ||
| the ethical concerns with these technologies, and how can we mitigate | ||
| them? | ||
| </li> | ||
| <h2>Context is key</h2> | ||
| <ul> | ||
| <li> | ||
| Autoplay of music and video - MySpace songs. Context is key. TikTok | ||
| "mute on entry" setting. | ||
| </li> | ||
| </ul> | ||
| <h2>We need to challenge our preconceptions</h2> | ||
| <ul> | ||
| <li> | ||
| How can we go above and beyond what we thought possible - e.g. | ||
| <a | ||
| href="https://www.freecodecamp.org/news/helping-blind-people-learn-to-code-c47c68d4a237" | ||
| target="_blank" | ||
| >Helping blind people learn to code</a | ||
| > | ||
| </li> | ||
| </ul> | ||
| </main> | ||
| </body> | ||
| </html> |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| <link rel="stylesheet" type="text/css" href="styles.css" /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600&family=Inter:wght@400;500;700&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| <title>Accessibility Resources</title> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Web Developer Accessibility Pledge</h1> | ||
| <p>As a web developer, I pledge to:</p> | ||
| <ul> | ||
| <li> | ||
| Check that my websites meet the Web Content Accessibility Guidelines | ||
| using the [WCAG Reference](https://www.w3.org/WAI/WCAG21/quickref/) | ||
| </li> | ||
| <li>Test my websites thorougly using assistive technologies</li> | ||
| <!-- To do - link to assistive technologies page/ section of this site --> | ||
| <li> | ||
| Commit to the continuous improvement of accessibility for websites | ||
| under my care | ||
| </li> | ||
| <li> | ||
| Stay up to date with the latest accessibility requirements from the | ||
| World Wide Web Consortium | ||
| </li> | ||
| <li> | ||
| Bake accessibilty into every phase of my web development projects | ||
| </li> | ||
| <!-- To do - link to development phases / checklist --> | ||
| <li>Advocate for accessibility with my clients, peers and colleages</li> | ||
| </ul> | ||
| </main> | ||
| </body> | ||
| </html> |