1. Knowledge Base
  2. >
  3. How To Improve A Website’s Accessibility Using The Express Editor

How To Improve A Website’s Accessibility Using The Express Editor

Looking for help for the Gator Website Builder product? Please see Gator's Knowledge Base.
This content only applies to those using Gator Website Builder.

When creating a website and keeping it up to date, user accessibility is a key piece in ensuring that everyone will be able to read and understand your website. This promotes inclusivity as well as helping to drive traffic to your site. When creating a new website or making edits to an existing one you can integrate the following practices. 

  1. Adding Alt Text

    • Alt Text is an image description that will display as a message for users that use a screen reader or cannot see the images on your site. For each image on your website, we recommend having a descriptive Alt-text to help users understand what is in the image.
      Pro Tip: All stock images added from our free image library will have Alt Text automatically added. To add Alt Text to your uploaded images check out our article here.

  2. Using Contrasting Colors

    • When choosing your theme colors and customizing your text or buttons the use of high contrasting colors is important for those with color blindness and other impairments. A single color for body text on a different colored background is highly recommended.

    • Pro Tip: Our intelligent editor will automatically recolor text or background if there isn’t enough contrast between the two to be legible. 

  3. Paying Attention To The Font Size And Text Treatments

    • People that are visiting your site with dyslexia or low vision, text can be formatted to make reading easier. For example, the use of common sans serif fonts with extra spacing between paragraphs and staying away from paragraphs of all capital letters with excessive use of italics and underlines.

  4. Setting A Site Language

    • Those that use screen readers and other assistive technology will want their tools to be able to understand your site correctly. By setting up a site language you will be able to relay to those systems how they should interpret the accent, pitch, and speaking rate to best suit the language it’s written in. Check out our article on how to set your site's language here!

  5. Reducing Automated Motion

    • By reducing the motion from elements on your website you will create more accessibility for those visiting your site with cognitive issues like motion sickness, epilepsy or ADHD. For example, a great start is to turn off animations, avoid or limit the use of autoplay on videos, and using parallax scrolling sparingly. 

  6. Enabling The Sitemap in the footer

    • An enabled footer Sitemap that will display as a link at the bottom of your website will help screen readers to read the hierarchy of your site as well as allowing multiple ways for those visiting your site to access different pages and navigate through the information and content you have created. Check out our article on how to enable your sitemap on your website.

  7. Using Nested Headings For Text

    • Within the Express Editor, we provide a Title, Subtitle, and Description for most sections that are coded to a preset hierarchy that will give screen readers a path to follow and structure of your website. When adding content, organizing text from using Titles, Subtitles, and Descriptions will break up the areas and add visual interest to your site.

  8. Adding Descriptions To Videos And Images

    • In conjunction with alt text, captions for images and videos provide another way to convey more context or caption what is happening within the media for those that are visually impaired or using a screen reader.

  9. Using Text Treatments To Highlight Important Information

    • Using multiple colors within the text to highlight important information on your site could be missed by visitors with color blindness or other visual impairments. By using a combination of text sizes and treatments like underlining, bolding, or italicizing text thoughtfully, meaning an emphasis won’t be lost to readers.