List of Post Ideas

[davatron5000]

Simple, bite-sized snippets of content to teach A11Y in smaller pieces instead of big chunks. We can check them off (using githubs new todo list feature) as we get them finished.

📈 == A table or chart here would be useful.

Concepts

Basic introductions to various concepts. What is it? Why does it exist?

• ARIA introduction: roles 📈
• ARIA introduction: states 📈
• ARIA introduction: properties 📈
• Basic ARIA roles
• Basic ARIA states
• Basic ARIA properties
• Color blindness
• Color Contrast
• What is WAI? The Web Accessibility Initiative
• Section 508
• WCAG 2 (38 reqs)

Features

• Accessibility Checklist
• Resource Page

Quick Tips

Quick, tiny, easy improvements for maximum ROI

• Using alt text correctly
• Using title attributes correctly
• Never use maximum-scale=1.0
• Prefer button to div elements https://staging.w15y.com/shortcuts/prefer-button-to-div
• Avoid -webkit-text-adjust-size: none; http://codepen.io/davatron5000/full/14/7

Quick Tests

• Navigate using your keyboard
• Test contrast on your phone
• Larger Touch Targets
• Accessible Typography (considerations: larger font-size, etc)

HOWTOs

More in-depth, yet simple articles on HOW-TO use/create something.

• HOWTO: Use VoiceOver on iOS
• HOWTO: Use NVDA on Windows
• HOWTO: Use JAWS on Windows
• HOWTO: Use VoiceOver on Mac
• HOWTO: Make an accessible <nav> with dropdowns @jimbateson
• HOWTO: Hide content
• HOWTO: Write accessible FORMs
• HOWTO: Make accessible VIDEOs: <track> & HTML5 Video Controls
• ?? HOWTO: Make accessible CANVAS & SVG ?? (2 posts?) @CBID2
• HOWTO: Ajax with ARIA-LIVE
• HOWTO: Make accessible dialogs and modals
• HOWTO: Test text at 200%
• HOWTO: Em-based Media Queries
• HOWTO: Accessible Animations (i.e, they're frustrating)
• HOWTO: Use Access Keys

Myths

• MYTHBUSTED: Accessibility is “blind people”
• MYTHBUSTED: Screen readers don't use Javascript
• ?? MYTHBUSTED: Accessibility is just turning off CSS ?? @JSmurf

Assistive Technology (AT)

• NVDA: The OpenSource Screen Reader
• High Contrast Mode
• User Zoom
• Dyslexic Fonts

Videos

• Video: How a non-sighted person uses a screen reader
• Video: How a partially-sighted person uses High Contrast Mode
• Video: How a mobility-limited person uses a website

Misc.

• Firefox & Accessibility (aka, Don’t neglect FF).
• ?? Myths: A11Y and SEO (myth confirmed?) ??
• SPANS. pause. screen. readers. (aka, "Why Lettering.JS sucks")
• ?? Cheapest way to get audio/video transcribed ??
• ?? Making Bootstrap Accessible ??

[thomassjogren]

I've composed a quick tip on maximum-scale, but how do you want it? The gist url or some other way?
I'm not sure what workflow you are using for posts. 😄

Btw. I tried to follow the basic layout of the already existing posts. If you wouldn't mind checking it and report back any issues with it.

https://gist.github.com/4526795

[chriscoyier]

Link dump...

Skip to content links:
http://www.nczonline.net/blog/2013/01/15/fixing-skip-to-content-links/

Color contrast:
http://leaverou.github.com/contrast-ratio/

Icon fonts:
http://symbolset.com/
http://css-tricks.com/html-for-icon-font-usage/

[grayghostvisuals]

@chriscoyier
OK so we got Lea in on the checklist page under 'testing' and also listed under 'online tools' on the resources page 🤘

[susanjrobertson]

Another link regarding title attribute usage:
http://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/

[p4bl1t0]

An idea for a post could be:

HOWTO: Correctly label input types

Including labels, hints (formats or required messages), error message, etc.

[grayghostvisuals]

• How Screen Readers Handle Text when used with pseudo selectors and data-attributes for fancy overlay effects
  http://trentwalton.com/2013/11/06/a-better-way-to-layer-type/#comment-55979

[pstonier]

Good resource for ARIA-Live
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

[chrisdemars]

I can definitely see myself writing some posts. I will come up with some ideas and content.

[RachelRVasquez]

Hmm I think I'm going to give Color Contrast a try!

[bupkes]

Hello.
Just wanted to introduce myself, apologies if this is inappropriate.
I am very new to Github and so am struggling to work out where/how to help with this project (eg I've never done a pull request or filed an issue and that sort of thing).
I have been working for the past few years teaching blind and partially sighted users how to navigate computers and the web with screenreader software, so I'm hopeful that my experience might be useful.
Anyway just saying hi. I'm doing a course on Github on Treehouse soon - once I've done that I should have a better idea what to do!
Matt.

[joe-watkins]

@bupkes Welcome :) !!! Yes finish that course and report back.. but until you get a grasp of Git you can contribute. Your experience is priceless. Poke around our issues and chime in.. poke around our website and create issues if you find them. You don't have to be expert coder human to make a difference :)

If GitHub is a barrier feel free to email me directly ideas and such: info/at/joe-watkins.io

[jeryj]

Welcome @bupkes! In our redesign of the a11yproject.com site, we were struggling on the best implementation method for accordion-style collapsable content on mobile devices. There were some quirks with implementation that we thought might give screen reader users a worse experience with the site, so we abandoned it. It'd be great to pick your brain on the topic so we could figure out some solid patterns that give screen reader users and non-screen reader users a great experience.

Thanks for getting in touch and offering to help! Cheers, Jerry

[inclusiveThinking]

Recommendation to add the following book to the list:

Digital Outcasts: Moving Technology Forward without Leaving People Behind - Kel Smith

[inclusiveThinking]

Greetings. I would like to take "Accessible Typography". I should have a gist about in about a week.

[RachelRVasquez]

Hiya! 👋 I'd like to tackle an ARIA basics article to write. Question about the ARIA basics for roles, states, and properties - how would these differ from their intros? Would we be diving into specific application with examples? E.g. How to use ARIA landmark roles or How to use ARIA states on XYZ?

[jpdevries]

I think clarifying the difference between roles, states, and properties would be of benefit. People often refer to ARIA as "ARIA roles" when I think they usually mean ARIA in general.

[kendrick]

I'll work on a HOWTO for accessible modals.

[svinkle]

@kendrick Sounds good, go for it!

Please create a new issue when you've got something to show, linking your text in a gist for review.

[digilou]

Has High Contrast Mode under AT been taken yet?

[svinkle]

I don't think so, @digilou. Go for it! 🙂

Please create a new issue when you've got something to show, linking your text in a gist for review.

[jimbateson]

@davatron5000 would I be able to take "HOWTO: Make an accessible <nav> with dropdowns" (couldn't see that one on the site) but apologies if I've missed it :)

[davatron5000]

@jimbateson Unclaimed! I'll put your name next to it.

For more information on contributing, here's a little guide, but holler if you have questions. https://www.a11yproject.com/contributing-guidelines/#submitting-content

[burnhc]

Hello! My name is Chandra and I am interested in contributing an article on how to respect users' preference on reduced motion in web design (specifically, the prefers-reduced-motion media query). I would be happy to write it if it is not already done.

Thank you!

[ericwbailey]

Hi @burnhc! That's a subject that's near and dear to my heart. We'd love to have that post in our collection.

[burnhc]

Hi @burnhc! That's a subject that's near and dear to my heart. We'd love to have that post in our collection.

Great, I'll follow the procedures on the Contributing Guidelines page and open a new issue for that.

[ilknureren]

Hi,

I was wondering if "What is WAI? The Web Accessibility Initiative" is claimed yet?
I would love to write it if its not already claimed.

Thanks

[ericwbailey]

Hi @ilknureren! We'd love that!

[peternjugunamwaura]

Hi I am Peter, I have never contributed to accessibility before. I checked the a11y project site and noticed that there could be violation of Success Criteria 1.4.5 (Images of text). I don't know if this has been written about before. My exact title would be "Testing Success Criteria 1.4.5 (Images of text)"

[ericwbailey]

Hi @peternjugunamwaura, welcome! To clarify: do you think you've found a violation of SC 1.4.5 on The A11Y Project's website, or is this SC something you'd like to write about?

[peternjugunamwaura]

Hi @ericwbailey I think I can now go ahead and report the accessibility issue. Last time I broke some of the community guidelines and you were unhappy about it. But yeah here is the section on the site that violates SC 1.4.5.

Thanks.

[ericwbailey]

@peternjugunamwaura Each of these images have alternate content descriptions and are not obscured when the browser is zoomed. This is a common and expected technique for providing an accessible experience for this type of content and not a violation of SC 1.4.5.

Additionally, this is not the proper place to report on this form of issue. Based on our interactions here, I'd encourage you to spend a little more time learning about how GitHub and open source works before participating again.

[peternjugunamwaura]

Thanks i will familiarize myself with all the guidelines and then possibly contribute again in the future. The thought was that the content above does not respond to changes in text spacing. But i now understand it. Thanks a lot.

[HarcourtHamsa]

@ericwbailey can I write about "Myth: Accessibility is just turning off CSS?"

[jscherer92]

Hello!

I was wondering if I could do a write up on common UI behaviors that break color blindness. Things such as using red to highlight incorrectly filled out fields and the like.

[HarcourtHamsa]

Yeah sure !

…

On Sat, 20 May 2023 at 4:18 AM, Justin Scherer ***@***.***> wrote: Hello! I was wondering if I could do a write up on common UI behaviors that break color blindness. Things such as using red to highlight incorrectly filled out fields and the like. — Reply to this email directly, view it on GitHub <#12 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ALPT4HI7K6ZDWPSI77LVIULXHAZY7ANCNFSM4AC3Z2ZA> . You are receiving this because you commented.Message ID: ***@***.***>

[CBID2]

Hi @davatron5000! :) I would like to work on the HOWTO: Make an accessible

with dropdowns” option

[davatron5000]

@CBID2 Looks like @jimbateson claimed that one (see thread above). Let's see if they still are planning on that - they may have already I'm newly back on the project.

[CBID2]

@CBID2 Looks like @jimbateson claimed that one (see thread above). Let's see if they still are planning on that - they may have already I'm newly back on the project.

Hi @davatron5000! :) Ok, I'll do this one:

?? HOWTO: Make accessible CANVAS & SVG ?? (2 posts?)

[davatron5000]

@CBID2 great! I'll put your name next to it.

[CBID2]

@CBID2 great! I'll put your name next to it.

Thanks @davatron5000. Just out of curiosity, does Canvas refer to the design app?

[davatron5000]

@CBID2 No, more about the HTML <canvas> element? Do you have experience making accessible experiences with HTML canvas? I think for the purposes of this site/post it'd be good to have some expertise here and some examples to point to.

[CBID2]

@CBID2 No, more about the HTML <canvas> element? Do you have experience making accessible experiences with HTML canvas? I think for the purposes of this site/post it'd be good to have some expertise here and some examples to point to.

No I don't unfortunately @davatron5000. Maybe I can do this one instead:

What is WAI? The Web Accessibility Initiative

[CBID2]

Hey @davatron5000! :) Can I do the entry on the Web Accessibility Initiative?

[davatron5000]

@CBID2 Sounds good! I think WAI, it's relation to the W3C and ARIA and WCAG, etc would be super cool to have an overview about.

[CBID2]

@CBID2 Sounds good! I think WAI, it's relation to the W3C and ARIA and WCAG, etc would be super cool to have an overview about.

Ok I'll add that to my article too. Can you place my name near the WAI checkbox @davatron5000?

[Rittikadesigner]

Hello @davatron5000
I am interested to write on gerontological design and gerontechnology. Thank you

[rajatagarwal2409]

Hello, I would love to write and share my expertise on " HOWTO: Make accessible dialogs and modals".
Has it been claimed, yet? Please let me know

[rajatagarwal2409]

Hello, I would love to write and share my expertise on " HOWTO: Make accessible dialogs and modals". Has it been claimed, yet? Please let me know

Hi, I'm eager to contribute my knowledge on "HOWTO: Create accessible dialogs and modals." Could anyone please confirm if it's already taken?