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.

Everything You Need to Know About the Web Design and Accessibility

  • No Comments

Ensuring your site is accessible is not as difficult as you imagine. There are lots of measures which may be taken to create a site accessible.

Use schema markup to help navigation with specialized applications of the webpage and to browse through it. You can explore this source to find web accessibility consulting services.

Utilize valid code. Does genuine code make it easier for assistive technologies like screen readers to 'know' your webpages, but browsing and plugins technologies have a tendency to favor it as well?

Write significant ALT text. Label all pictures with ALT tags; with no ALT tags that a site may be virtually unusable for a blind visitor. Additionally, this applies to all multimedia such as sound, videos, applets, etc. where captioning and transcripts must be supplied.


Make text searchable. Partially-sighted people have the ability to resize text. Internet Explorer does not permit the resizing of text when font-size is put in pixels rather use relative length units like a percentage or use total dimensions or relative dimensions for a specific element inside your webpages.

Available navigation. Construct your site so the pages could be obtained using just a keyboard. Features like ACCESSKEY and TABINDEX can make your pages easier to browse. Make sure that the access keys you select do not struggle with keystroke combinations that have been booked by other programs. Jump links that skip content and go to primary navigation regions may also be helpful.

Use high contrast colors for text. For many people, this raises website readability. Additionally, consider that 10 percent of men are color blind so red/green or blue/yellow mixes could possibly cause difficulty.

Make sure links make sense out of context. Blind people often jump through the hyperlinks on a web page. 'Click the link to learn more on our most recent holiday offers' is much more helpful to a blind internet user than ‘Click here' or ‘Learn more'.