Accessibility Issues

[nickytonline]

Accessibility Issues

In the PostAJobForm.js file, the htmlFor JSX prop (rendered as for HTML attribute) should be position-type not positionType .

The .text-blue-500 CSS class’ color property does not provide enough contrast. I messed around with the WebAIM Contrast Checker tool and this seemed like a suitable colour, #55556D. that provides enough contrast and it still looks good.

The validation error .input-error CSS class’ color property does not provide enough contrast. I messed around with the WebAIM Contrast Checker tool and this seemed like a suitable colour, #AF1818. that provides enough contrast and it still looks good.

The <ReactQuill /> component has several accessibility issues. See slab/quill#2038 . It would probably make for a great PR that would help all using this editor support better accessibility.

[nickytonline]

Note that are still other accessibility issues in the site. Take the Axe browser extension (Chrome | Firefox) for a spin to find more future contributors!

[drewclem]

@nickytonline Thanks for this issue! I'll definitely comb through with Axe to find our other issues and get them up

[nickytonline]

There is also the WebAIM WAVE browser extension.

[drewclem]

Resolved with #121