City of Pekin, IL

scroll

Accessibility Menu

The City of Pekin's website has a button called the Accessibility Menu. This button is located on the left lower side of any page or can be accessed by pressing CTRL + U. This menu features a wide variety of options that can help anyone with any sort of accessibility needs to change the website to suit them. 

Contrast

The contrast feature allows you to change the color scheme of the website to help you if you have a harder time seeing certain colors. The color schemes are as follows:

  • Invert Colors
  • Dark Contrast
  • Light Contrast
  • Desaturate

Highlight Links

This feature allows you to make every single link on the page be highlighted with contrasting colors to make sure that it is highly visible to everyone.

Bigger Text

The bigger text feature allows for text size to be increased even further than the limit of zooming in on a page with four separate settings all the way up to 200%. Allowing people with impaired vision an easier option to read the website.

Text Spacing

This setting increases the space in-between characters on the webpage, with three separate settings. This allows people with low vision to be able to distinguish every character in a word.

Pause Animations

The pause animations button allows you to pause every single animation on a webpage with a single button. This allows readers who may need more time to process the content, to have an endless amount of time to read at their own pace.

Dyslexia Friendly

The Dyslexia Friendly button is mostly a font changer button with two separate options. The first option being a dyslexia friendly font that allows users with dyslexia to be able to read the text on the website more easily. The second option is a legible font button. This makes it so that if you are having trouble reading a certain font, you can change it to a basic standard legible font.

Cursor

The cursor option is a varied option with many different purposes. The first option enlarges the cursor. This just increases the size of the current cursor, making it easy to find and hard to lose track of. The second option is called a reading mask. This creates a horizontal bar across the screen that moves with the cursor, while also putting lines around the bar and dimming everything outside the bar. This makes it so you can cover up anything not near the cursor, almost like a viewing hole in a mask. Lastly is the reading guide. This is a line on the page that follows your cursor with an arrow on it. This helps you keep track of where you are when reading the page, so you don’t lose your place while reading.

Tooltips

The tooltip button allows you to enable tooltips for icons on the site. This generally means that any icon or image without text to describe what it is, will come with a tooltip above it to help users who cannot see the icon.

Line Height

The line height button changes the spacing in between each line on the website. It has 3 different options to choose from, 1.5, 1.75, and 2.0. This can make it easier for individuals who may have low vision to read each line without them blurring together.

Text Align

The Text Align button allows you to align the text of pages in any of the standard alignments. Left, center, right, or justified alignment. NOTE, This feature does not work on all sections of the webpage such as some paragraphs.

Move/Hide

The move/hide button allows you to move the accessibility menu button around to any part of the edges of the webpage, or hide it entirely for up to a month. This allows the button to be in any position for each individual user, making it easier to access. Or it can allow people who don’t need the accessibility menu at all to hide it so it is never in the way of any content.

Reset All

This option resets all of the options back to the website's default options. This allows users to quickly get back to the standard look of the page easily if needed.