Building an accessible website
Hello guys I am building my personal website and I would love to hear any feedback on any accessibility issues that any of you may have. I know that there are tools available to do this but I would really love to hear the feedback of real life users. I have tried my very best to make this site accessible but I would love to hear from you all about any things I can add!
http://www.alexanderaranda.com
Please do have a quick look and let me know on here or through my contact page, you could use it just to see if it is accessible
Share: 
Welcome to the forum Alex. Have moved this to "site critiques" as that's really what you're asking for. I'd recommend that people post any comments here, rather than contacting you through your site - that way, everyone gets the benefit of the advice 
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Thank you James, being new to the forum I posted here by mistake! I just saw the word forum and headed over here! Great I'm looking forward to hearing what people have to say!!!
Share:
Some issues I spotted at first glance:
The links don't change state on focus (e.g. when a user is tabbing through links with a keyboard rather than a mouse). This makes it hard for keyboard users to spot where they are on the page.
I don't think the white on orange tabs have sufficient colour contrast.
The big "One package" image on the homepage, with details of a big discount, is not given equivalent alt text.
EDIT ...and the contact form labels are not associated with the corresponding fields
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Wow great, thanks I'm going to start work on that. The white text on the orange coloured tabs, is making it bold enough to be visible?
For the alt text, what would you suggest is best?
Share:
The alt text should provide an equivalent. The images talks about a deal with a price struck-through. You could perhaps describe this as "The One Package includes... [repeat the list in the image]. Was £1499 per month. Now £775 per month"
The WCAG requirements for colour contrast define large scale text as "at least 18 point or 14 point bold" and you can test the contrasts using this online analyzer.
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Wow those contrast requirements are quite tricky. I will see what I can do! Brilliant thanks!! So far so good.
Share:
Hello! I have implemented some on focus modifications using a yellow background. Feedback welcome!!
Share:
| AlexAranda wrote: |
| Hello! I have implemented some on focus modifications using a yellow background. Feedback welcome!! |
Looks good. The Sitemap link at the bottom may need some attention though - focus results in white on yellow.
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Thank you James, I am going to go through the whole site and get the focus styling right. It's such an easy thing to do to makes sites more accessible and available to a wider audience. I will be taking note of more tips on here and using what I learn to make sites more visible.
Thanks!!
Share:
By the way what is a good browser to test accessibility factors?
Share:
| AlexAranda wrote: |
| By the way what is a good browser to test accessibility factors? |
you should alway try multiple browsers,
i use firefox withe the web developer and firebug add-ons, Opera and IEtester for most the testing.
i sometimes use chrome and safari, I even use Amaya on rare occasions
Share: