Accessibility

  • Hi there,

    I’m using the Wave tool to check alerts and error on accessibility (https://wave.webaim.org/) and I have a number of those on the application form, e.g.:
    – no alt text on the cross close image, the + (to add a file) and the loader
    – the contrast between the red asterisk and the white background doesn’t seem to fit in the standard: https://webaim.org/standards/wcag/checklist#sc1.4.3
    – the form control for CV upload might have multiple label associated with it
    – multiple label on checkbox as well

    Some might be on my side or I could overwrite them (e.g. asterisk color), but some might be on yours. It will be awesome to have no error at all and so a good accessibility. ??

    Thanks for your work!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter carnets2routards

    (@carnets2routards)

    For the red colour, #e10400 works better than #f02a00
    .jobs-modal-form .jobs-modal-input .input-label .field_required
    and
    .required_field_notice .input-paragraph .field_required

    And for the grey (accepted format file information), #5e5e5e works better than #8a8a8a
    .jobs-modal-form .jobs-modal-input p.message

    Contrast between foreground and background has a better ratio with those colours.

    ??

    Still got to find a way to fix alt text on image and label issues. ??

    Thread Starter carnets2routards

    (@carnets2routards)

    EDIT: there is also a number of W3C errors. I know validators can’t always be trusted especially when using WordPress but I reckon some could be fix. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Accessibility’ is closed to new replies.

Tags