Thursday, March 6, 2014

5 things you can do to make web content accessible using dotCMS

1. Add image descriptions

Image descriptions or alt tags or alt attributes provide a text alternative for non-visual browsers and screen readers. The screen reader will announce the image description to the user.

Tip: Image descriptions should be brief, clear and relevant to the context. If the image contains text, include it.
Bonus: Image search engines know how to locate your images when you include a description.

Add image descriptions with dotCMS (presentation)

2. Use heading and subheadings

Headings organize content for the user and provide structure for screen readers. Headings are just like outlines that give visitors clues as to what the page is all about.

Tip: Describe what is in the paragraph following using action words and descriptive text.

Use headings and subheadings (presentation)

3. Don’t break the back button.

Only the most recently released screen readers will warn a visitor that a link will open in a new window and only after the link has been clicked.

4. Link names should make sense out of context

Don’t use click here or more or download. Link to nouns and specifics. Named links should make sense out of context.

Link names should make sense out of context (presentation)

5. Use Plain Language

It is more difficult to read onscreen than it is to read on paper. Make it easy for your visitors to get the information they need as quickly as possible.

Tip: Keep paragraphs and sentences short. Present the most important information first. When listing items, format with bullets or numbers.

Use plain language (presentation)

No comments:

Post a Comment