Updated – happier now

  • I have very much liked the clean look and feel of the Founder templates for my art portfolio website. I have been pleased to find many important accessibility features, too.

    However there were still text colors that were not WCAG compliant that I had to customize. The fact that captions on images are centered aligned by default makes them harder to read for people with low vision who need magnification to see web content. It’s hard to have to scroll left to right to find the beginning of the 2nd line. I was able to customize that to my liking using the custom CSS feature in the tools, so that’s been solved.

    I was disappointed that there is no way to edit the footer to be able to include a copyright blurb. I didn’t want to have to go into each of my 53 pages to add this. Turns out for $49 I could install the FounderPro plugin to upgrade, which included this feature. Much happier now.

    I am new to WordPress so didn’t know if there is something I need to learn how to do, but this seems like a pretty basic thing to be able to do. Should have been part of a basic package, but I can appreciate the reason why it wasn’t.

    More to determine: I made the pages live, a quiet launch, in order to be able to test it on a PC and other devices without a login. It’s a new domain, so I wasn’t concerned about people finding it yet. I still need to test high contrast mode to see if the social icons display, which has been a common issue with this type of feature, but maybe newer browsers support, not sure.

    • This topic was modified 1 year, 3 months ago by jabonlinedesign. Reason: I disabled a plugin that solved one of my issues, no idea if it's related to the Founders template
    • This topic was modified 1 year, 3 months ago by jabonlinedesign. Reason: found out how to get footer content, with an upgrade
Viewing 1 replies (of 1 total)
  • Thread Starter jabonlinedesign

    (@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.
Viewing 1 replies (of 1 total)
  • The topic ‘Updated – happier now’ is closed to new replies.