can anybody produce some suggestions or hook me track of good quality links about this?
i am getting trouble finding a lot more than 'add alt text towards the images' and i am unsure how current the data is...
i recieve the entire semantic markup factor but tend to most likely use a little more assistance with this too.
also unsure how things works across different browsers....
I'm totally blind myself, and you would be amazed just how much stuff still does not have alt characteristics onto it in the end these years... Be cautious, you will find still lots of misconceptions available, for example no graphics permitted (wrong), talbes can be harmful (wrong) and frames can be harmful (wrong, though I recognize frames can be harmful for some other reasons.) Ideally you ought to have somebody that is blind test out your site, if you want further help about this you can message me at firstname.lastname@example.org. Another factor, attempt to make controls that really do things buttons and/or links. Clickable divs aren't awesome since it is not apparent they do anything whatsoever, and based on which assistive technology you're using you might not even have the ability to click them.
1) Use HTML's heading tags for every single portion of content in your pages. The heading tags are: h1, h2, h3, h4, h5, h6
2) Make sure the prior pointed out heading tags exist using the proper heirarchal sequence. For example h1 tags are essential than headlines. Screen visitors begin using these heading tags to navigate this content from the page. When they not present or incorrectly purchased a aesthetically impared user cannot navigate the page's content.
4) Don't serve the consumer a thousand images. If the image doesn't convey relevant content then turn it into a CSS background image.
5) Be gracious using the title attribute, especially on anchor tags. This could tell the consumer where they're going to go.
6) Don't put text with an image that can't be communicated as alternate content. The aesthetically impared don't read images.
7) Ensure all of your meta information is relevant. Should you change all of your content don't your investment extra items of descriptive data.
8) AJAX defeats ease of access. Be kind together with your utilization of AJAX.
9) The aesthetically impared, and really just about all visual customers, don't care how pretty your website are. They're there to obtain information, shop, or no matter what other specific purpose. Build your data clear to see and quick to retrieve. If your user cannot enter, get the things they wanted, after which escape in a short time span they will not ever return.
10) Don't use any presentation tags or presentation characteristics inside your HTML. Make use of a stylesheet. In case your HTML consists of presentation conventions they're most likely not accessibile.
11) In case your content is available inside a different order aesthetically than how it's designed in the HTML, all the way through, it in all probability fails ease of access. Keep things orderly and consistent. Customers expect content circulation all the way through as well as for tab indexing to follow along with the flow of content.
12) Do usability testing with screen readers software. It's not easy to understand how accessible a webpage is as simple as searching at.
Read this explaination from Alertbox:
Disabled Users and the Web (The content comes from 1996...however the issues still hold true, otherwise much more today)
...then go here at the end towards the 148 page report with Design Guidlines (the document is copyrighted 2001 therefore it must've been up-to-date because the original).