As a public institution in the State of Kansas, all KU websites are required to comply with the State of Kansas Web Accessibility Requirements. Please review these guidelines for a complete set of requirements, which include:
- Compliance with the W3C Web Accessibility Initiative, Web Content Accessibility Guidelines 2.0 (priority 1 and 2 checkpoints)
- Federal Section 508 Guidelines (Subpart B - 1194.22)
KU website administrators should ensure that every page on their sites meet the guidelines. If you have questions or concerns, please contact email@example.com to request a review of your site.
Information and Validators
- WAVE accessibility check
- Neilson Norman articles on accessibility
- Accessibility Management Platform (for advanced/programmer-level users)
Alt Text for Images
Alt tags provide text to describe images on your web page. When a user of screen reader technology encounters an image, the alt text is what they will hear so it is important to provide an alt tag for all images.
Be sure to convey meaning in the alt tag that the picture would provide for a sighted user. Avoid redundant wording such as “Picture of” or "Image of” in your alt tags — the screen reader technology will handle that for you.
If the image contains text, include that in the alt tag.
For images that are purely decorative and add no additional information to your web page, use a null alt tag like this: alt=” “. This will tell the screen reader to skip the image entirely.
If your image is a link, do not describe the image but instead use the alt text to describe what will happen when the user clicks the link.
Refer to the Photos and Graphics Instructions page for information about adding Alt tags.
Headings should be used properly to assist screen readers as well as sighted users.
The header tags (Heading 1, Heading 2 etc) should be used instead of style elements like font size and bolding.
Headers must also be used logically with only one Heading 1 per page and the rest of the headers ordered logically.
Refer to the Fonts Instruction page for information about selecting Headings.
Links should accessible for users who are not using a mouse. Make sure you can both navigate to and activate a link on your page using only the tab and enter keys.
When creating your links, it is best to use words that convey briefly but in a meaningful way what the person will get if they click the link. “Click here” or “more” are not terribly meaningful. Do not use the url as the link text. Screen reader technology will read the entire link if you do this and that can be very annoying depending on the length of your link. Screen reader technology will announce to the user that they are on a link so you do not need to say “link to…” in your link text.
If using an image as a link, the alternative text for that image should not describe the image but should instead describe what will happen if the person clicks it.
Refer to the Links Instruction page for more information about creating links.
Tables that are used to present data in a column and row format. Tables are created using the Table button in the content editor. Include a caption tag for the whole table. Add a Table Summary, which is used by screen readers.
If you are using a table strictly for layout purposes and not to present tabular data, do not use the caption but do know that the screen reader software will read it as people read a book, left to right and top down. Be aware that your layout might not make sense and consider using CSS rather than table html.
Refer to the Tables Instruction page for more information about creating tables.
Make sure that the entire form can be navigated and completed using only the keyboard to make sure that people who do not use a mouse (which includes people who use screen readers and people with limited mobility) can use the form.
Users of screen readers cannot use a mouse to access links and other interactive elements on a web page. Users with mobility issues may use keyboard commands alone to access those interactive elements. You should ensure that, without using your mouse, you can successfully navigate your webpage and perform all functions including selecting all links. To do this, use only the tab and shift-tab keys to move around the screen and the enter or space bar to activate a link or button. If you are using a Mac, use Safari and enable this preference first: Safari > Preferences > Advanced > Check "Press Tab to highlight each item on a webpage".
If you have to repeatedly tab through a lengthy set of links to get to the main section of your site you might consider providing a anchor link to the main content. This will allow the user to go directly to the meat of the page.
Refer to the Links Instructions page for information about creating anchor links.
The list elements should be used when creating lists on your webpage to assist people using screen reader technology.
|Create a bulleted or a numbered list.|
Take into consideration people with colorblindness when choosing images and colors on your website. Make sure that color is not the only means of conveying something (such as “choose the green button to go to the next page”).
Also make sure you have enough contrast on your page in accordance with WCAG 2.0 guideline 1.4. It is best to check your color choice using a color checker such as the color contrast checker provided by WebAIM.