Easy to Read Text

  • One of the easiest ways to keep your site ADA compliant is making sure your text is easy to read.

     
    Impaired Vision

    A couple of things we want to avoid when adding textual content to your page are changing the font style and changing the size of the font. The district site uses a stylesheet that controls the look of the site. This stylesheet also helps to keep our content ADA compliant. The font styles on our site were chosen because they are the easiest to read.

    Changing the size can actually do more harm than good. I understand that you may want to increase the font size because you are trying to be helpful to those that may have a hard time with smaller text but most of the time tools are already in place in the user's browser to handle smaller text. So if a user has set the browser to increase the font size and you have done the same through the web page it will be twice the size as the user expects, forcing them to have to go into their settings to reset it just for your pages. 


    Example: Microsoft Windows 10/11 Display Settings

    Display settings let the user increase the size of text easily.

    text scaling image 


    Improving Readability

    Provide descriptions for video, graphics, and other visual items.
    Ensure compatibility with screen readers and support for keyboard-only navigation. This can be done by following the directions in the using headings section.
    Responsive design to allow users to zoom in and out. The district site is built using a responsive design. Responsive design is a practice to make sure your site is easily used and non-dependent on the device your user is using to view your site.
    High contrast between foreground and background colors. 
    Minimize the use of color in the text. Changing something to red to emphasize the text can be difficult or impossible to read for someone who may be colorblind.