Accessibility web developper tool

[erynjones]

I was running my website threw the google chrome accessibility web developer tool and some of the things that turned out weren't all green and i am not sure what to do about the red sections. @thomasjbradley

[thomasjbradley]

So there are a few that should be fixed and a few that you can ignore.

Ignorable:

• "[Warning] These elements are focusable but either invisible…"
• "[Warning] Text elements should have reasonable contrast ratio." (But this could be caused when images are disabled if the text becomes invisible)

Fixable:

• "[Severe] An element's ID must be unique…" — the id="" attribute on your <input> tags cannot be repeated. For instance in the signup form there's an id="first" then it's repeat again in the credit card form. Change one of them to something like id="cc_first" for "credit card first". *Make sure to also change the matching <label for="">.
• "[Severe] Elements with ARIA roles must use a valid…" — there's a typo in "contentinfo".
• "[Warning] This element has an invalid ARIA attribute…" — looks like a typo in "label".
• "[Severe] Controls and media elements should have labels" — there's a typo with the IDs on these two lines: https://github.com/erynjones/dsn1675-saas-website/blob/gh-pages/sign-up.html#L103-L104