add share buttons

Basics of Web Design and Accessibility

  • No Comments

Making sure your website is accessible is not as difficult as you might think. There are a number of steps that can be taken to make the website accessible.

Organization page: Use consistent titles, lists, and structures. Use CSS for design and style if possible. Use structural semantic markup to help navigate rather than for presentation effects, this will help visitors with special software to understand page settings and to navigate through it.

Reduce excessive information by simplifying text and by ensuring a consistent design throughout the site. You can visit to know about the website accessibility standards.

Use a valid code: Make sure the HTML code is validated with the W3C standard. Not only does valid code make it easier for assistive technologies such as screen readers to 'understand' your web pages, and browsing technology also tends to like them more.

web accessibility images

Write meaningful ALT text: Label ALL images with ALT (alternative) tags; without ALT tags the website may be almost unusable for visitors who are blind. This also applies to all multimedia including audio, video, applets, etc. where text and transcripts must be provided.

Create scalable text: People who have partial vision must be able to change the size of the text. Internet Explorer does not allow text resizing if the font size is set in pixels instead using a unit of relative length such as percent or using absolute size or relative size when determining the font size for certain elements in your web page.

Accessible navigation: Build your website so that pages can be accessed using only the keyboard. Features like ACCESSKEY and TABINDEX can make your pages easier to navigate. Make sure that the access key you selected does not collide with the key combination provided by another application. Skip links that cross content and go to the main navigation area can also help.

Use high contrast colors for text: Use dark text on a bright background. For most people, this increases the readability of the site.

Make the form accessible: All form fields must have 'fast' text that is explicitly associated with it. This is called the tag label. A web user can then click their mouse or pointing device at this text prompt to move the cursor to the form's field.