Need a few customizations to be WCAG compliant

KmbrlyBKmbrlyB Registered Users Posts: 2 Beginner grinner
edited October 28, 2024 in SmugMug Customization
I've been a professional photographer for 10 years and now am also learning User Experience with a focus on accessibility. Thus, I am now doing all sorts of customizations to my SmugMug photography website in order to be WCAG compliant. I've been able to make a lot of changes by adding HTML and CSS blocks. However there are two areas I have not been successful.
1. I need to create a "skip link" that is focusable at the top of the page to skip the header nav and jump to main content.
2. I need to be able to tab through the sublinks as well as the main links in my header nav. (Right now, I don't see a way to select any sublinks by tabbing.)
It seems to me that these issues would be very important to have fixes for any professional website as they both are needed to be WCAG compliant and also aid viewers that have disabilities.

My website: www.kbenfieldphotography.com

Comments

  • KmbrlyBKmbrlyB Registered Users Posts: 2 Beginner grinner
    I wanted to post an update. After conducting a 125 point Accessibility and Usability heuristic review of my website, www.kbenfieldphotography.com, I have now made as many updates as I deemed possible within the Smugmug framework. Most of these involved adding html and css blocks to the website. Some changes were behind the scenes such as labeling headings correctly and changing the information architecture of the site. Some other important changes had to do with color contrast, text size, and line height. Please note the default Smugmug sizes and line heights are not accessible according to WCAG (Website Content Accessibility Guidelines). After making these changes there are still some major Accessibility concerns such as not being able to access the subnav links via a keyboard, and some issues with my custom "skip to main content" link. It's far better, but it is not always possible to override what smugmug has in place.

    I would love to help anyone else with their smugmug website that is interested in Accessibility. Not only does making your website accessible help those with disabilities, it also increases ease of use for all users. And it protects you from potential lawsuits.
Sign In or Register to comment.