jabonlinedesign

I am not sure where or how to best communication my findings from an accessibility partial evaluation. So far I have tested my site using the Founder template on a PC in white and black high contrast mode and in Chrome and Safari on a Mac. 

Summary: there are color contrast, high contrast mode, and keyboard-only defects. Details below. 

Founders Template:

ON PC (Edge & Chrome browsers)

Keyboard Accessibility in high contrast mode (impacts people with low vision who cannot use a mouse)

1. Social icons - no visible focus when tab to social icons. This means a person who cannot use a mouse and has limited vision will have no idea where they are. The social icons display, which is good, but need to also show the focus state

2. Search - Focus does not move to the search field after the search icon is activated. There is no way to type in search field with keyboard-only interaction in high contrast mode. There is also no outline or visible form field for typing in?search criteria in high contrast mode.

3. Focus only indicated with color in regular mode, but not in high contrast mode.

Keyboard-only interaction (impacts people who are blind or who have motor disabilities)

When search field displays, focus doesn’t move to input field. No way for a keyboard/only user to perform a search.

Color contrast (impacts people who are color blind or have low vision)

1. Light orange Hover color (#E37D39) for social icons and carousel arrows fail color contrast against white

2. Default link border orange against white is also not compliant. I was able to revise link treatments using the custom CSS option.

3. Default font color for image captions (placed below image) is not compliant. I was able to revise link treatments using the custom CSS option.

WPFormsLite plugin:

Focus state doesn’t display for check boxes in contact form in white or black high contrast mode. Not sure if this is controlled by Founder template markup or the form markup.

Smart Slider 3 plugin:

When using controls with an arrow inside a colored box:

1. White high contrast mode on a PC - only black arrows display on focus, otherwise white arrows are missing because the control background color does not display. Use pseudo classes to fix this.

2. Black high contrast mode on a PC - only black arrows display in standard mode, not on focus (need to include background)

Another defect, but not an accessibility defect, is the other arrow option doesn't display at all. It did when I first set up the slider, then it stopped working.